/* DAN53 Website-Stylesheet v8 – DAN-37 (2026-11-11): v7 unveraendert + Block "DAN-37" am Dateiende (Preis-Stoerer 79/119, Tagespreis-Karten, Stoerer-Hinweis /preise, Footer-Rechtszeile, Consent-Kategorie Marketing). */
/* DAN53 Website-Stylesheet v6 – DAN-27 (2026-11-10)
   Basis: v5 unveraendert (ab Zeile "DAN53 Website-Stylesheet v5"); v6-Block am Dateianfang (Schriften) und am Dateiende (Consent, Formulare, Kontrast, Band-Bild).
   Schriften lokal: WOFF2 aus @fontsource 5.3.0 (Montserrat 700/800, Poppins 300/400/500/600, Playfair Display 400 italic; je latin + latin-ext),
   gehostet als Webflow-Assets. Kein Aufruf von Google-Fonts-Servern.
*/
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af360a0d4fa0260a387eb8b_dan53-font-montserrat-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af36077d4fa0260a387dd2c_dan53-font-montserrat-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af360a00a6f986451d535b6_dan53-font-montserrat-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af360a02c764ed37618ac95_dan53-font-montserrat-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af360b263c5fd99a2f049c1_dan53-font-poppins-latin-ext-300-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af360a0b9cbef48ae3b47a8_dan53-font-poppins-latin-300-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af360b20b513081debb5679_dan53-font-poppins-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af360a00b513081debb5105_dan53-font-poppins-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af360b3d4c8807e07b1702f_dan53-font-poppins-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af360b2bf54164284f6c150_dan53-font-poppins-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af360b3bf54164284f6c1bc_dan53-font-poppins-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af360b2bf54164284f6c161_dan53-font-poppins-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af360a06d9bd2722dae19a7_dan53-font-playfair-display-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af360a06d9bd2722dae1996_dan53-font-playfair-display-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* DAN53 Website-Stylesheet v5 – Icons als CSS-Masken (Designer-sichtbar)
   Basis: v4 unveraendert; v5-Block am Dateiende.
*/
/* DAN53 Website-Stylesheet v4 – Fixes DAN-16 Sichtung 02.11.2026
   Basis: v3 (6adee6d5c02be56a442f16b6_dan53-styles-v3.css), unveraendert; alle Aenderungen als Anhang am Dateiende.
   Aenderungen v4:
   - F27 Header: .brand flex:none, Untertext max. 150px (2 Zeilen); ab 1200px Menue kompakt (6px/14px, gap 16px); 1200-1279px Untertext ausgeblendet
   - F25 Mobile Leiste: Buttons einzeilig (<=479px 15px/nowrap); Leiste unten +48px solange Webflow-Badge im DOM (body:has(.w-webflow-badge))
   - F03/F31 Kennzahlen-Kacheln: Untertext als Block, line-height 1.4
   - F32/F33 Kacheltitel: >=1200px 17px/Padding 14px (6er-Reihe), <=479px 15px/Padding 10px; hyphens:auto vorbereitet (braucht lang="de")
   - F09 Kontakt: .list li mit Label/Link als Fliesstext (Icon absolut); .contact <=479px einspaltig
   - F06 .two ohne Bild: align-items:start
   - F30 Abstand Fussnote -> folgender Zweispalter
   - FAQ: Abstand Gruppenueberschrift nach letzter Frage
   - F34/F36 Formularfelder box-sizing:border-box (.book/.avail/.assist/.nl)
   - F21 Zertifikat-Logo in .sq: object-fit contain statt Quadrat-Zuschnitt
   CI unveraendert (Farben, Schriften, Eyebrow F28 bewusst nicht angefasst). */
/* DAN53 Website-Stylesheet - erzeugt aus Prototyp V3.9, Breakpoints 991/767/479 */
:root{--_dan53---blue:#58B2E7;--_dan53---blue-soft:#7CC8F0;--_dan53---blue-deep:#2A6F9E;--_dan53---logo-blue:#77B3D6;--_dan53---ice:#90CDF4;--_dan53---amber:#D69E2E;--_dan53---amber-deep:#C17F1F;--_dan53---sand:#EDE0C8;--_dan53---sand-soft:#F6EFE2;--_dan53---ink:#1A202C;--_dan53---ink-2:#2D3748;--_dan53---ink-3:#4A5568;--_dan53---ink-4:#718096;--_dan53---page:#FFFFFF;--_dan53---tint:#F7FAFC;--_dan53---line:rgba(26,32,44,.12);--_dan53---radius-img:12px;--_dan53---radius-md:8px;--_dan53---content-w:1200px;--_dan53---gutter:clamp(20px,4vw,48px);--_dan53---font-display:'Montserrat',system-ui,sans-serif;--_dan53---font-body:'Poppins',system-ui,sans-serif;--_dan53---font-accent:'Playfair Display',Georgia,serif}

/* ===== DAN53 Prototyp V3.9 · Tokens (Primary #58B2E7 seit 02.10.2026) (Design-System 21.09.2026; Palette-Schalter: --blue/--blue-deep) ===== */

html{scroll-padding-top:80px;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--_dan53---page, #FFFFFF);color:var(--_dan53---ink-2, #2D3748);font-family:var(--_dan53---font-body, 'Poppins',system-ui,sans-serif);font-weight:300;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);color:var(--_dan53---ink, #1A202C);line-height:1.08;margin:0 0 .5em;font-weight:800;letter-spacing:-.02em}
h1{font-size:clamp(34px,5.6vw,66px)} h2{font-size:clamp(28px,3.8vw,46px)} h3{font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-.01em} h4{font-size:18px;font-weight:600;letter-spacing:0}
p{margin:0 0 1.2em} strong{font-weight:500;color:var(--_dan53---ink, #1A202C)} a{color:var(--_dan53---blue-deep, #2A6F9E)} img{max-width:100%;display:block;border-radius:var(--_dan53---radius-img, 12px)}
.wrap{max-width:var(--_dan53---content-w, 1200px);margin:0 auto;padding:0 var(--_dan53---gutter, clamp(20px,4vw,48px))}
.narrow{max-width:760px} .measure{max-width:62ch}
section.block{padding:clamp(72px,10vw,128px) 0} section.block.tight{padding-top:0} .bg-sand{background:var(--_dan53---sand-soft, #F6EFE2)} .bg-tint{background:var(--_dan53---tint, #F7FAFC)}
.lead{font-size:clamp(18px,1.6vw,22px);line-height:1.55;color:var(--_dan53---ink-3, #4A5568)}
.serif{font-family:var(--_dan53---font-accent, 'Playfair Display',Georgia,serif);font-style:italic;font-weight:400}
.eyebrow{font-family:var(--_dan53---font-accent, 'Playfair Display',Georgia,serif);font-style:italic;color:var(--_dan53---amber-deep, #C17F1F);font-size:clamp(18px,1.7vw,24px);margin-bottom:14px;display:block}
svg.i{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--_dan53---font-body, 'Poppins',system-ui,sans-serif);font-weight:500;font-size:16px;padding:16px 28px;border-radius:var(--_dan53---radius-md, 8px);text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,color .2s,border-color .2s;line-height:1.2;border:1.5px solid transparent}
.btn-amber{background:var(--_dan53---amber, #D69E2E);color:var(--_dan53---ink, #1A202C)} .btn-amber:hover{background:var(--_dan53---amber-deep, #C17F1F);transform:translateY(-1px)}
.btn-ghost{border-color:currentColor;color:var(--_dan53---ink, #1A202C);background:transparent} .btn-ghost:hover{background:var(--_dan53---ink, #1A202C);color:#fff}
.btn-ghost.on-photo{color:#fff} .btn-ghost.on-photo:hover{background:#fff;color:var(--_dan53---ink, #1A202C)}
.textlink{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--_dan53---ink, #1A202C);text-decoration:none;border-bottom:1.5px solid var(--_dan53---amber, #D69E2E);padding-bottom:2px}
.textlink:hover{color:var(--_dan53---amber-deep, #C17F1F)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--_dan53---amber, #D69E2E);outline-offset:3px}
/* Nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--_dan53---line, rgba(26,32,44,.12))}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--_dan53---ink, #1A202C)}
.brand img{width:46px;height:46px;border-radius:50%} .brand b{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:21px;letter-spacing:.04em}
.brand small{display:block;font-size:11px;color:var(--_dan53---ink-4, #718096);font-weight:400;letter-spacing:.02em;line-height:1.2}
.menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.menu>li{position:relative} .menu a,.menu button{font:inherit;font-weight:400;font-size:15px;color:var(--_dan53---ink-2, #2D3748);text-decoration:none;padding:10px 13px;border-radius:6px;display:inline-flex;align-items:center;gap:5px;background:none;border:0;cursor:pointer}
.menu a:hover,.menu button:hover,.menu a.active{color:var(--_dan53---ink, #1A202C);background:var(--_dan53---tint, #F7FAFC)}
.menu .dd{position:absolute;top:100%;left:0;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(26,32,44,.14);padding:8px;min-width:250px;display:none;flex-direction:column;margin-top:8px}
.menu li:hover>.dd,.menu li:focus-within>.dd{display:flex} .menu .dd a{padding:11px 14px}
.nav .btn{padding:12px 20px;font-size:15px}
.burger{display:none;background:none;border:0;padding:8px;color:var(--_dan53---ink, #1A202C);cursor:pointer} .burger svg.i{width:28px;height:28px}
@media screen and (max-width:991px){.menu,.nav .cta{display:none}.burger{display:block}
 .nav.open .menu{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;right:0;top:100%;background:#fff;padding:16px var(--_dan53---gutter, clamp(20px,4vw,48px)) 24px;box-shadow:0 20px 40px rgba(26,32,44,.12)}
 .nav.open .menu .dd{position:static;display:flex;box-shadow:none;padding:0 0 0 14px;margin:0}
 .nav.open .menu>li>button{width:100%;justify-content:space-between}.nav.open .menu .cta-mobile{display:block;margin-top:14px}}
.cta-mobile{display:none}
/* Hero */
.hero{position:relative;color:#fff;min-height:calc(100svh - 76px);display:flex;align-items:flex-end;overflow:hidden;background:var(--_dan53---ink, #1A202C)}
.hero .ph{position:absolute;inset:0;background-size:cover;background-position:center}
.hero .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,32,48,.78) 0%,rgba(20,32,48,.32) 45%,rgba(20,32,48,0) 75%)}
.hero .wrap{position:relative;width:100%;padding-top:120px;padding-bottom:clamp(48px,7vw,88px)}
.hero h1{color:#fff;max-width:14ch} .hero .lead{color:rgba(255,255,255,.88);max-width:52ch;font-weight:300}
.hero .eyebrow{color:#F3C664} .hero .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.hero.sub{min-height:62svh} .hero.sub .wrap{padding-top:90px}
.hero .meta{display:flex;flex-wrap:wrap;gap:8px 32px;font-size:14px;color:rgba(255,255,255,.8);margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.25)}
.hero .meta span{display:inline-flex;align-items:center;gap:8px}
.chip{position:absolute;top:28px;right:var(--_dan53---gutter, clamp(20px,4vw,48px));display:flex;gap:12px;align-items:center}
.chip img{background:#fff;border-radius:50%;padding:10px;width:76px;height:76px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.chip .kfl{background:#fff;border-radius:18px;padding:12px 14px;width:auto;height:76px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
@media screen and (max-width:767px){.chip{top:14px}.chip img{width:52px;height:52px;padding:7px}.chip .kfl{height:52px;padding:7px 9px}.hero .ph::after{background:linear-gradient(to top,rgba(20,32,48,.88) 0%,rgba(20,32,48,.55) 55%,rgba(20,32,48,.15) 100%)}.hero .wrap{padding-top:150px}.hero .lead{font-weight:400}}
/* Editorial layouts */
.two{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,6vw,96px);align-items:center}
.two.rev{grid-template-columns:6fr 5fr} .two.rev>figure{order:2}
@media screen and (max-width:991px){.two,.two.rev{grid-template-columns:1fr}.two.rev>figure{order:0}}
figure{margin:0} figcaption{font-size:13px;color:var(--_dan53---ink-4, #718096);margin-top:10px;font-style:italic;font-family:var(--_dan53---font-accent, 'Playfair Display',Georgia,serif);font-size:15px}
.tall img{aspect-ratio:4/5;object-fit:cover} .wide img{aspect-ratio:16/10;object-fit:cover} .sq img{aspect-ratio:1;object-fit:cover}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px} .duo figure:last-child{margin-top:56px}
@media screen and (max-width:767px){.duo figure:last-child{margin-top:0}}
/* Objekt-Tiles */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px)} @media screen and (max-width:991px){.tiles{grid-template-columns:1fr}}
.tile{text-decoration:none;color:inherit;display:block} .tile img{aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease}
.tile:hover img{transform:scale(1.02)} .tile .t{padding:22px 4px 0} .tile h3{margin-bottom:6px} .tile .f{color:var(--_dan53---ink-4, #718096);font-size:15px;margin-bottom:10px}
.tile figure{overflow:hidden;border-radius:var(--_dan53---radius-img, 12px)}
/* Fact rows */
.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--_dan53---line, rgba(26,32,44,.12))}
.rows li{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--_dan53---line, rgba(26,32,44,.12))}
.rows li b{font-weight:500;color:var(--_dan53---ink, #1A202C)} @media screen and (max-width:479px){.rows li{grid-template-columns:1fr;gap:2px}}
.list{list-style:none;padding:0;margin:0 0 1.4em;display:grid;gap:12px} .list li{display:flex;gap:14px;align-items:flex-start} .list svg.i{color:var(--_dan53---amber-deep, #C17F1F);margin-top:6px}
/* Big statement / quote band */
.band{position:relative;color:#fff;padding:clamp(96px,14vw,180px) 0;background:var(--_dan53---ink, #1A202C);background-size:cover;background-position:center}
.band::before{content:"";position:absolute;inset:0;background:rgba(20,32,48,.45)} .band .wrap{position:relative}
.band .serif{font-size:clamp(26px,4vw,48px);line-height:1.25;max-width:22ch;color:#fff;margin:0 0 20px}
.band p{color:rgba(255,255,255,.85);max-width:52ch}
.statement{font-family:var(--_dan53---font-accent, 'Playfair Display',Georgia,serif);font-style:italic;font-size:clamp(26px,3.6vw,44px);line-height:1.3;color:var(--_dan53---ink, #1A202C);max-width:26ch;margin:0 0 32px}
/* Advantages: airy columns */
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px) clamp(24px,4vw,56px)}
@media screen and (max-width:991px){.cols{grid-template-columns:1fr 1fr}} @media screen and (max-width:479px){.cols{grid-template-columns:1fr}}
.cols h4{margin-bottom:6px} .cols p{margin:0;color:var(--_dan53---ink-3, #4A5568);font-size:16px}
.cols .n{font-family:var(--_dan53---font-accent, 'Playfair Display',Georgia,serif);font-style:italic;color:var(--_dan53---amber-deep, #C17F1F);font-size:22px;display:block;margin-bottom:10px}
/* Steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;counter-reset:s;list-style:none;padding:0;margin:0}
@media screen and (max-width:991px){.steps{grid-template-columns:1fr 1fr}} @media screen and (max-width:479px){.steps{grid-template-columns:1fr}}
.steps li::before{counter-increment:s;content:"0" counter(s);display:block;font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:13px;letter-spacing:.1em;color:var(--_dan53---amber-deep, #C17F1F);margin-bottom:10px}
.steps li{font-size:16px;color:var(--_dan53---ink-3, #4A5568)} .steps b{display:block;font-weight:500;color:var(--_dan53---ink, #1A202C);margin-bottom:4px}
/* Prices */
.prices{width:100%;border-collapse:collapse} .prices th,.prices td{text-align:left;padding:18px 12px;border-bottom:1px solid var(--_dan53---line, rgba(26,32,44,.12));vertical-align:top}
.prices th{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--_dan53---ink-4, #718096);text-transform:uppercase;border-bottom:2px solid var(--_dan53---ink, #1A202C)}
.prices td:first-child{font-weight:500;color:var(--_dan53---ink, #1A202C)} .prices .p{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:22px;color:var(--_dan53---ink, #1A202C);white-space:nowrap} .prices small{display:block;color:var(--_dan53---ink-4, #718096);font-weight:300;font-size:14px}
.tablewrap{overflow-x:auto}
.note{font-size:15px;color:var(--_dan53---ink-3, #4A5568);border-left:2px solid var(--_dan53---amber, #D69E2E);padding-left:16px;margin:24px 0}
/* FAQ */
.faq details{border-bottom:1px solid var(--_dan53---line, rgba(26,32,44,.12))} .faq details:first-child{border-top:1px solid var(--_dan53---line, rgba(26,32,44,.12))}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:700;color:var(--_dan53---ink, #1A202C);font-size:18px;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none} .faq summary svg{transition:transform .25s;color:var(--_dan53---amber-deep, #C17F1F)} .faq details[open] summary svg{transform:rotate(45deg)}
.faq .a{padding:0 0 22px;color:var(--_dan53---ink-3, #4A5568);max-width:66ch}
/* CTA panel */
.panel{background:var(--_dan53---sand-soft, #F6EFE2);border-radius:20px;padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}
.panel .actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end} @media screen and (max-width:991px){.panel{grid-template-columns:1fr}.panel .actions{justify-content:flex-start}}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px)} @media screen and (max-width:767px){.contact{grid-template-columns:1fr}}
.contact .big{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:clamp(24px,3vw,34px);letter-spacing:-.02em;color:var(--_dan53---ink, #1A202C);text-decoration:none;display:block;margin:6px 0 14px}
/* Footer */
footer{background:var(--_dan53---tint, #F7FAFC);border-top:1px solid var(--_dan53---line, rgba(26,32,44,.12));padding:72px 0 32px;margin-top:0;font-size:15px}
footer .grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px} @media screen and (max-width:991px){footer .grid{grid-template-columns:1fr 1fr}} @media screen and (max-width:479px){footer .grid{grid-template-columns:1fr}}
footer h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--_dan53---ink-4, #718096);margin-bottom:16px;font-weight:600}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px} footer a{color:var(--_dan53---ink-2, #2D3748);text-decoration:none} footer a:hover{color:var(--_dan53---amber-deep, #C17F1F)}
footer .serif{font-size:22px;color:var(--_dan53---amber-deep, #C17F1F);margin:14px 0 10px}
footer .legal{border-top:1px solid var(--_dan53---line, rgba(26,32,44,.12));margin-top:48px;padding-top:20px;font-size:13px;color:var(--_dan53---ink-4, #718096);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}

/* Split-Hero Startseite */
.hero-split{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;background:var(--_dan53---sand-soft, #F6EFE2)}
.hs-text{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,7vw,96px) var(--_dan53---gutter, clamp(20px,4vw,48px)) clamp(48px,7vw,96px) max(var(--_dan53---gutter, clamp(20px,4vw,48px)),calc((100vw - var(--_dan53---content-w, 1200px))/2))}
.hs-text h1{max-width:12ch} .hs-text .lead{max-width:44ch;margin-bottom:28px} .hs-text .actions{display:flex;flex-wrap:wrap;gap:14px}
.hs-text .meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;font-size:14px;color:var(--_dan53---ink-3, #4A5568);margin-top:40px;padding-top:20px;border-top:1px solid var(--_dan53---line, rgba(26,32,44,.12))} .hs-text .meta span{display:inline-flex;align-items:center;gap:8px}
.hs-photo{position:relative;margin:0;align-self:stretch;display:flex} .hs-photo img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:0;align-self:center}
.hs-photo figcaption{position:absolute;left:20px;bottom:16px;color:#fff;background:rgba(20,32,48,.55);padding:6px 12px;border-radius:6px;font-size:13px;margin:0}
@media screen and (max-width:991px){.hero-split{grid-template-columns:1fr;min-height:0}.hs-photo{order:-1}.hs-photo img{aspect-ratio:4/3;height:auto}.hs-text{padding:36px var(--_dan53---gutter, clamp(20px,4vw,48px)) 48px}.hs-text .meta{margin-top:28px}}
/* Sticky Buchen (mobil) */
.sticky-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--_dan53---line, rgba(26,32,44,.12));padding:10px var(--_dan53---gutter, clamp(20px,4vw,48px)) calc(10px + env(safe-area-inset-bottom,0px));gap:10px}
.sticky-cta a{flex:1;justify-content:center;padding:14px 12px}
@media screen and (max-width:991px){.sticky-cta{display:flex}body{padding-bottom:78px}}
/* Magazin */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,40px)} @media screen and (max-width:991px){.posts{grid-template-columns:1fr 1fr}} @media screen and (max-width:479px){.posts{grid-template-columns:1fr}}
.post{text-decoration:none;color:inherit} .post img{aspect-ratio:3/2;object-fit:cover} .post .k{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--_dan53---amber-deep, #C17F1F);margin:16px 0 6px;font-weight:600} .post h3{font-size:20px;margin-bottom:6px} .post p{font-size:15px;color:var(--_dan53---ink-3, #4A5568);margin:0}

/* Skip-Link, Topbar, Kurz gesagt, Crumbs, Compare, Assistent, Next, Print */
.skip{position:absolute;left:-999px;top:8px;background:var(--_dan53---ink, #1A202C);color:#fff;padding:10px 14px;border-radius:6px;z-index:100} .skip:focus{left:12px}
.topbar{background:var(--_dan53---ink, #1A202C);color:#fff;font-size:14px;text-align:center;padding:9px var(--_dan53---gutter, clamp(20px,4vw,48px))} .topbar a{color:#F3C664;font-weight:500;margin-left:8px}
.kurz{background:var(--_dan53---sand-soft, #F6EFE2);border-radius:14px;padding:22px 26px;margin:0 0 40px;max-width:760px} .kurz b{display:block;font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--_dan53---amber-deep, #C17F1F);margin-bottom:8px} .kurz p{margin:0;font-size:16px;color:var(--_dan53---ink-2, #2D3748);font-weight:400}
.crumbs{font-size:13px;color:var(--_dan53---ink-4, #718096);margin:0 0 20px;display:flex;flex-wrap:wrap;gap:6px} .crumbs a{color:var(--_dan53---ink-3, #4A5568);text-decoration:none} .crumbs a:hover{color:var(--_dan53---amber-deep, #C17F1F)} .crumbs span::before{content:"/";margin-right:6px}
.after-hero{padding-top:clamp(40px,5vw,64px)!important}
.compare{width:100%;border-collapse:collapse;font-size:15px} .compare th,.compare td{padding:14px 12px;border-bottom:1px solid var(--_dan53---line, rgba(26,32,44,.12));text-align:left;vertical-align:top} .compare th{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--_dan53---ink-4, #718096);border-bottom:2px solid var(--_dan53---ink, #1A202C)} .compare td:first-child{color:var(--_dan53---ink-4, #718096)} .compare td b{font-weight:500;color:var(--_dan53---ink, #1A202C)}
.assist{background:var(--_dan53---sand-soft, #F6EFE2);border-radius:20px;padding:clamp(24px,4vw,44px);margin-top:56px} .assist .f{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0} @media screen and (max-width:991px){.assist .f{grid-template-columns:1fr 1fr}} @media screen and (max-width:479px){.assist .f{grid-template-columns:1fr}}
.assist label{display:block;font-size:13px;color:var(--_dan53---ink-3, #4A5568);margin-bottom:6px;font-weight:500} .assist input,.assist select{width:100%;padding:12px 14px;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:8px;font:inherit;font-size:15px;background:#fff;color:var(--_dan53---ink, #1A202C)}
.assist .out{font-size:14px;color:var(--_dan53---ink-3, #4A5568);margin-top:12px}
.next{border-top:1px solid var(--_dan53---line, rgba(26,32,44,.12));padding:32px 0 8px;display:flex;flex-wrap:wrap;gap:12px 32px;font-size:15px} .next a{text-decoration:none;color:var(--_dan53---ink, #1A202C);font-weight:500;display:inline-flex;gap:8px;align-items:center} .next a:hover{color:var(--_dan53---amber-deep, #C17F1F)} .next small{width:100%;color:var(--_dan53---ink-4, #718096);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.totop{position:fixed;right:16px;bottom:96px;z-index:55;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));box-shadow:0 6px 20px rgba(26,32,44,.15);display:none;align-items:center;justify-content:center;color:var(--_dan53---ink, #1A202C);text-decoration:none} .totop.show{display:flex} @media (min-width:1041px){.totop{bottom:24px}}
@media print{.nav,.sticky-cta,.topbar,.totop,footer .grid,.hero,.band{display:none!important}body{padding:0;font-size:12pt}.page{display:block!important}.prices .p{font-size:14pt}}

/* Gästestimmen */
.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px)} @media screen and (max-width:991px){.voices{grid-template-columns:1fr}}
.voice{border-top:2px solid var(--_dan53---amber, #D69E2E);padding-top:20px} .voice .stars{color:var(--_dan53---amber, #D69E2E);letter-spacing:2px;font-size:14px;margin-bottom:12px} .voice q{font-family:var(--_dan53---font-accent, 'Playfair Display',Georgia,serif);font-style:italic;font-size:clamp(19px,1.8vw,23px);line-height:1.45;color:var(--_dan53---ink, #1A202C);display:block;quotes:"„" "“"} .voice cite{display:block;font-style:normal;font-size:14px;color:var(--_dan53---ink-4, #718096);margin-top:14px} .voice cite b{font-weight:500;color:var(--_dan53---ink-2, #2D3748)}
.rating{display:flex;align-items:baseline;gap:14px;margin-bottom:40px} .rating .n{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:clamp(40px,5vw,64px);letter-spacing:-.03em;color:var(--_dan53---ink, #1A202C);line-height:1} .rating .s{color:var(--_dan53---amber, #D69E2E);font-size:18px;letter-spacing:2px} .rating small{color:var(--_dan53---ink-4, #718096);font-size:14px}
.voice.solo{max-width:640px;margin:48px 0 0}

/* Belegung & Buchungswahl */
.avail{background:#fff;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:20px;padding:clamp(20px,3vw,36px);margin-top:48px}
.avail .f{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin:18px 0 8px} @media screen and (max-width:767px){.avail .f{grid-template-columns:1fr 1fr}.avail .f .btn{grid-column:1/-1;justify-content:center}}
.avail label{display:block;font-size:13px;color:var(--_dan53---ink-3, #4A5568);margin-bottom:6px;font-weight:500} .avail input{width:100%;padding:12px 14px;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:8px;font:inherit;font-size:15px;background:#fff;color:var(--_dan53---ink, #1A202C)}
.res{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px} @media screen and (max-width:767px){.res{grid-template-columns:1fr}}
.res .o{border-top:2px solid var(--_dan53---line, rgba(26,32,44,.12));padding-top:16px} .res .o.ok{border-top-color:#38A169} .res .o.no{border-top-color:#C53030;opacity:.75}
.res .o h4{margin-bottom:4px} .res .st{font-size:14px;margin-bottom:14px} .res .ok .st{color:#276749} .res .no .st{color:#9B2C2C}
.res .ways{display:flex;flex-wrap:wrap;gap:10px} .res .ways .btn{padding:12px 18px;font-size:14px}
.calwrap{margin-top:32px} .calnav{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px} .calnav button{background:none;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px;color:var(--_dan53---ink, #1A202C)} .calnav button:disabled{opacity:.3;cursor:default} .calnav .lbl{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:700;font-size:15px}
.tabs{display:flex;gap:6px;margin-bottom:16px} .tabs button{font:inherit;font-size:14px;font-weight:500;padding:9px 16px;border-radius:50px;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));background:#fff;cursor:pointer;color:var(--_dan53---ink-3, #4A5568)} .tabs button.on{background:var(--_dan53---ink, #1A202C);color:#fff;border-color:var(--_dan53---ink, #1A202C)}
.months{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} @media screen and (max-width:991px){.months{grid-template-columns:1fr 1fr}} @media screen and (max-width:767px){.months{grid-template-columns:1fr}}
.mo .mt{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:700;font-size:14px;text-align:center;margin-bottom:8px} .mg{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.mg .dh{text-align:center;font-size:11px;color:var(--_dan53---ink-4, #718096);padding:4px 0} .dc{text-align:center;font-size:13px;padding:7px 0;border-radius:6px;background:#F0FFF4;color:#22543D}
.dc.bk{background:#FED7D7;color:#9B2C2C;text-decoration:line-through} .dc.co{background:linear-gradient(135deg,#FED7D7 50%,#F0FFF4 50%);color:var(--_dan53---ink-2, #2D3748)} .dc.pa{background:var(--_dan53---tint, #F7FAFC);color:#A0AEC0} .dc.em{background:transparent} .dc.td{outline:2px solid var(--_dan53---amber, #D69E2E);outline-offset:-2px;font-weight:600} .dc.sel{box-shadow:inset 0 0 0 2px var(--_dan53---ink, #1A202C)}
.legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:13px;color:var(--_dan53---ink-3, #4A5568)} .legend span{display:inline-flex;align-items:center;gap:6px} .legend i{width:14px;height:14px;border-radius:3px;display:inline-block}
.ways-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin-top:56px} @media screen and (max-width:767px){.ways-intro{grid-template-columns:1fr}}
.ways-intro .w{border-top:2px solid var(--_dan53---amber, #D69E2E);padding-top:18px} .ways-intro .w h3{margin-bottom:8px} .ways-intro .w p{font-size:15px;color:var(--_dan53---ink-3, #4A5568)} .ways-intro .w .btn{margin-top:6px}
/* Router */
.page{display:none} .page.active,.page:target{display:block} body:has(.page:target) .page.active:not(:target){display:none}

/* ===== V3: Piktogramm-System ===== */
.picto{width:52px;height:52px;border-radius:14px;background:var(--_dan53---sand-soft, #F6EFE2);display:inline-flex;align-items:center;justify-content:center;color:var(--_dan53---amber-deep, #C17F1F);flex:none}
.picto svg.i{width:26px;height:26px;stroke-width:1.6}
.picto.sm{width:40px;height:40px;border-radius:11px} .picto.sm svg.i{width:20px;height:20px}
.picto.inv{background:rgba(255,255,255,.14);color:#F3C664}
.picto.blue{background:rgba(43,108,176,.08);color:var(--_dan53---blue-deep, #2A6F9E)}
/* Fakten-Leiste (Orientierung) */
.facts{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;list-style:none;margin:0;padding:0}
@media screen and (max-width:991px){.facts{grid-template-columns:repeat(3,1fr)}} @media screen and (max-width:479px){.facts{grid-template-columns:repeat(2,1fr);gap:12px}}
.facts li{background:#fff;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:16px;padding:20px 18px;display:flex;flex-direction:column;gap:12px;transition:transform .25s,box-shadow .25s}
.facts li:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(26,32,44,.08)}
.facts b{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:19px;color:var(--_dan53---ink, #1A202C);letter-spacing:-.01em;line-height:1.15;display:block}
.facts span{font-size:14px;color:var(--_dan53---ink-3, #4A5568);line-height:1.4}
.facts.compact{grid-template-columns:repeat(4,1fr)} @media screen and (max-width:991px){.facts.compact{grid-template-columns:repeat(2,1fr)}}
/* USP-Grid mit Piktogrammen */
.usp{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,32px)}
@media screen and (max-width:991px){.usp{grid-template-columns:1fr 1fr}} @media screen and (max-width:479px){.usp{grid-template-columns:1fr}}
.usp>div{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--_dan53---line, rgba(26,32,44,.12))}
.usp h4{margin:2px 0 6px;font-size:17px} .usp p{margin:0;font-size:15px;color:var(--_dan53---ink-3, #4A5568)}
.usp .n{font-family:var(--_dan53---font-accent, 'Playfair Display',Georgia,serif);font-style:italic;color:var(--_dan53---amber-deep, #C17F1F);font-size:15px;display:block;margin-bottom:2px}
/* Cols mit Piktogramm (Unterseiten) */
.cols>div>.picto{margin-bottom:14px}
/* Zahlen-Band */
.numbers{background:var(--_dan53---ink, #1A202C);color:#fff;padding:clamp(48px,6vw,72px) 0}
.numbers .g{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;text-align:center}
@media screen and (max-width:991px){.numbers .g{grid-template-columns:repeat(3,1fr)}} @media screen and (max-width:479px){.numbers .g{grid-template-columns:1fr 1fr}}
.numbers b{display:block;font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:clamp(34px,4.5vw,56px);letter-spacing:-.03em;color:#F3C664;line-height:1}
.numbers span{display:block;font-size:14px;color:rgba(255,255,255,.75);margin-top:8px}
/* Hero mit Buchungswidget */
@media (min-width:901px){.hero-split{grid-template-columns:1.05fr 1fr}}
.hs-text h1{max-width:13ch;font-size:clamp(34px,4.6vw,58px)}
.hs-text .lead{margin-bottom:22px}
.book{background:#fff;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:18px;padding:18px;box-shadow:0 18px 44px rgba(26,32,44,.10);max-width:560px}
.book .f{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;align-items:end} .book .f .btn{grid-column:1/-1;justify-content:center}
@media screen and (max-width:767px){.book .f{grid-template-columns:1fr 1fr}.book .f>div:first-child{grid-column:1/-1}}
.book label{display:block;font-size:12px;color:var(--_dan53---ink-3, #4A5568);margin-bottom:5px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}
.book input,.book select{width:100%;padding:12px 12px;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:10px;font:inherit;font-size:15px;background:#fff;color:var(--_dan53---ink, #1A202C);min-height:46px}
.book .btn{padding:13px 20px;min-height:46px}
.book .out{margin:12px 0 0;font-size:14px;color:var(--_dan53---ink-3, #4A5568)}
.book .out.ok{color:#276749} .book .out.no{color:#9B2C2C}
.book .ways{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px} .book .ways .btn{padding:11px 16px;font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:14px;color:var(--_dan53---ink-3, #4A5568)}
.chips span{display:inline-flex;align-items:center;gap:7px} .chips svg.i{color:var(--_dan53---amber-deep, #C17F1F);width:18px;height:18px}
.chips b{font-weight:600;color:var(--_dan53---ink, #1A202C)}
.hs-text .meta{margin-top:26px}
.hs-photo img{height:100%;aspect-ratio:auto;min-height:520px}
@media screen and (max-width:991px){.hs-photo img{height:auto;aspect-ratio:4/3;min-height:0}}
.nav .btn.cta{white-space:nowrap}
/* Objektkacheln mit Fakten-Zeile + Preis */
.tile .fx{display:flex;flex-wrap:wrap;gap:8px 18px;margin:10px 0 12px;font-size:14px;color:var(--_dan53---ink-3, #4A5568)} .tile .fx span{display:inline-flex;align-items:center;gap:6px} .tile .fx svg.i{color:var(--_dan53---amber-deep, #C17F1F);width:18px;height:18px}
.tile .pr{display:flex;align-items:baseline;gap:10px;margin:14px 0 6px} .tile .pr b{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:26px;color:var(--_dan53---ink, #1A202C);letter-spacing:-.02em} .tile .pr small{color:var(--_dan53---ink-4, #718096);font-size:13px}
.tile .go{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px} .tile .go .btn{padding:12px 18px;font-size:14px}
.tile figure{position:relative} .tile .tag{position:absolute;left:14px;top:14px;background:var(--_dan53---amber, #D69E2E);color:var(--_dan53---ink, #1A202C);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:6px}
/* Vergleichstabelle mit Piktogramm */
.compare td:first-child{white-space:nowrap} .compare td:first-child svg.i{color:var(--_dan53---amber-deep, #C17F1F);vertical-align:-3px;margin-right:8px}
/* Lage-Skizze */
.sketch{background:var(--_dan53---sand-soft, #F6EFE2);border-radius:20px;padding:clamp(20px,3vw,32px);overflow:hidden}
.sketch svg{width:100%;height:auto;display:block}
.sketch .lg{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:14px;font-size:14px;color:var(--_dan53---ink-3, #4A5568)} .sketch .lg span{display:inline-flex;align-items:center;gap:8px}
/* Galerie-Mosaik */
.mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:240px 240px;gap:14px}
.mosaic figure:first-child{grid-row:1/3} .mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease} .mosaic figure{overflow:hidden;border-radius:var(--_dan53---radius-img, 12px);position:relative;margin:0}
.mosaic figure:hover img{transform:scale(1.04)} .mosaic figcaption{position:absolute;left:12px;bottom:10px;color:#fff;background:rgba(20,32,48,.55);padding:5px 10px;border-radius:6px;font-size:12px;margin:0}
@media screen and (max-width:991px){.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:200px 160px 160px}.mosaic figure:first-child{grid-column:1/3;grid-row:1}}
/* Steps mit Piktogramm */
.steps.pic li::before{display:none} .steps.pic li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
/* Ueberschriften-Akzent + Reveal */
h2.acc::after{content:"";display:block;width:44px;height:3px;background:var(--_dan53---amber, #D69E2E);border-radius:2px;margin-top:14px}
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease} .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}
/* Wellen-Trenner */
.wave{display:block;width:100%;height:28px;color:var(--_dan53---sand-soft, #F6EFE2)} .wave.tint{color:var(--_dan53---tint, #F7FAFC)}
/* Preiskarten */
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} @media screen and (max-width:991px){.pcards{grid-template-columns:1fr}}
.pcard{border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:16px;padding:22px;background:#fff} .pcard.hi{border-color:var(--_dan53---amber, #D69E2E);box-shadow:0 12px 30px rgba(214,158,46,.15)}
.pcard .s{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--_dan53---ink-4, #718096)} .pcard .z{font-size:13px;color:var(--_dan53---ink-4, #718096);margin:4px 0 14px}
.pcard .p{display:flex;flex-direction:column;gap:4px} .pcard .p b{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:22px;color:var(--_dan53---ink, #1A202C)} .pcard .p small{color:var(--_dan53---ink-3, #4A5568);font-size:13px}
.pcard .badge{display:inline-block;background:var(--_dan53---amber, #D69E2E);color:var(--_dan53---ink, #1A202C);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:5px;margin-bottom:10px}
[hidden]{display:none!important}
.fn{font-size:12.5px;color:var(--_dan53---ink-4, #718096);margin:14px 0 0;max-width:62ch;line-height:1.5} .fn.inv{color:rgba(255,255,255,.6);text-align:center;max-width:none;margin-top:28px}
/* Sticky-CTA */
.sticky-cta .btn-amber{flex:1.4}

/* ===== V3.3 ===== */
.lead-m{display:none}
@media screen and (max-width:991px){.hs-text{display:flex;flex-direction:column}.hs-text .eyebrow{order:1}.hs-text h1{order:2;margin-bottom:14px}.hs-text .book{order:3}.hs-text .lead{order:4;margin-top:22px;margin-bottom:0}.hs-text .chips{order:5;margin-top:14px}.hs-text .fn{order:6}.lead-d{display:none}.lead-m{display:block}.chips .m-hide{display:none}}
.book .price{margin:10px 0 0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} .book .price b{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:24px;color:var(--_dan53---ink, #1A202C);letter-spacing:-.02em} .book .price small{font-size:12.5px;color:var(--_dan53---ink-4, #718096)}
.tile .nf{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--_dan53---amber-deep, #C17F1F);font-weight:500;margin-top:2px} .tile .nf svg.i{width:16px;height:16px}
.faq summary .picto{flex:none} .faq summary .q{flex:1}

/* ===== V3.5 ===== */
.menu>li>a,.menu>li>button{white-space:nowrap} @media (min-width:1000px) and (max-width:1240px){.menu>li>a,.menu>li>button{padding:10px 9px;font-size:14px}}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} @media screen and (max-width:991px){.cards{grid-template-columns:1fr 1fr}} @media screen and (max-width:479px){.cards{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px} .card h3{font-size:18px;margin:4px 0 0} .card p{margin:0;font-size:15px;color:var(--_dan53---ink-3, #4A5568)}
.card .meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--_dan53---ink-4, #718096)} .card .age{display:flex;gap:6px;flex-wrap:wrap} .card .age span{font-size:11px;font-weight:600;letter-spacing:.04em;background:var(--_dan53---sand-soft, #F6EFE2);color:var(--_dan53---amber-deep, #C17F1F);padding:3px 8px;border-radius:5px}
.postlist{display:grid;grid-template-columns:1fr 1fr;gap:16px} @media screen and (max-width:991px){.postlist{grid-template-columns:1fr}}
.postlist a{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:20px;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:16px;background:#fff;color:inherit;text-decoration:none;transition:transform .25s,box-shadow .25s} .postlist a:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(26,32,44,.08)}
.postlist .k{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--_dan53---amber-deep, #C17F1F);font-weight:600} .postlist h3{font-size:17px;margin:4px 0 6px} .postlist p{margin:0;font-size:14px;color:var(--_dan53---ink-3, #4A5568)} .postlist time{display:block;font-size:12px;color:var(--_dan53---ink-4, #718096);margin-top:8px}
.social{display:flex;gap:10px;margin-top:16px} .social a{width:40px;height:40px;border-radius:11px;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));display:inline-flex;align-items:center;justify-content:center;color:var(--_dan53---ink-2, #2D3748)} .social a:hover{color:var(--_dan53---amber-deep, #C17F1F);border-color:var(--_dan53---amber, #D69E2E)} .social svg.i{width:20px;height:20px}
.planer{border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:16px;overflow:hidden;background:#fff} .planer iframe{width:100%;height:min(900px,90vh);min-height:600px;border:0;display:block}
.nl{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px} .nl input{flex:1;min-width:220px;padding:12px 14px;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:10px;font:inherit;min-height:46px}
.contact{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} @media screen and (max-width:991px){.contact{grid-template-columns:1fr 1fr}} .contact>div{background:#fff;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:16px;padding:20px} .contact b{display:block;font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-size:15px;margin:10px 0 4px} .contact a{color:var(--_dan53---ink, #1A202C)}
.who{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} @media screen and (max-width:991px){.who{grid-template-columns:1fr}} .who a{display:block;padding:24px;border-radius:16px;background:#fff;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));color:inherit;text-decoration:none} .who a:hover{border-color:var(--_dan53---amber, #D69E2E)} .who h3{margin:12px 0 6px;font-size:18px} .who p{margin:0;color:var(--_dan53---ink-3, #4A5568);font-size:15px}

/* ===== V3.8: Drawer, Preiskalender, Freie Wochen ===== */
.dr-bg{position:fixed;inset:0;background:rgba(26,32,44,.45);z-index:90;opacity:0;transition:opacity .25s} .dr-bg.in{opacity:1}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:#fff;z-index:91;box-shadow:-20px 0 60px rgba(26,32,44,.18);transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;padding:0 0 env(safe-area-inset-bottom,0)} .drawer.in{transform:none}
@media screen and (max-width:767px){.drawer{top:auto;left:0;width:100%;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(100%)}.drawer.in{transform:none}}
@media (prefers-reduced-motion:reduce){.drawer,.dr-bg{transition:none}}
.dr-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--_dan53---line, rgba(26,32,44,.12))} .dr-h h3{margin:0;font-size:18px}
.dr-x{width:40px;height:40px;border-radius:10px;border:1px solid var(--_dan53---line, rgba(26,32,44,.12));background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--_dan53---ink-2, #2D3748)} .dr-x svg{width:18px;height:18px}
.dr-body{padding:20px 22px;overflow:auto;flex:1} .dr-body .book{box-shadow:none;border:0;padding:0;max-width:none} .dr-body .book .f{grid-template-columns:1fr 1fr}.dr-body .book .f>div:first-child{grid-column:1/-1}
.dr-ctx{font-size:13px;color:var(--_dan53---ink-4, #718096);margin:0 0 14px}
.dr-foot{padding:14px 22px;border-top:1px solid var(--_dan53---line, rgba(26,32,44,.12));display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;font-size:14px} .dr-foot a{color:var(--_dan53---ink, #1A202C)}
/* Preiskalender: Saisonband */
.dc{position:relative;padding-top:10px} .dc::before{content:"";position:absolute;left:4px;right:4px;top:3px;height:3px;border-radius:2px;background:transparent}
.dc.s-haupt::before{background:#E07A3F} .dc.s-zwischen::before{background:#D69E2E} .dc.s-neben::before{background:#58B2E7} .dc.pa::before{opacity:.35}
.legend.sl span i{height:4px!important;width:18px!important;border-radius:2px!important;border:0!important} .legend.sl b{font-weight:600;color:var(--_dan53---ink, #1A202C)}
/* Freie Wochen */
.fw{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px} @media screen and (max-width:991px){.fw{grid-template-columns:1fr}}
.fwc{border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:16px;padding:18px;background:#fff;display:flex;flex-direction:column;gap:6px} .fwc .d{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:19px;letter-spacing:-.01em} .fwc .s{font-size:13px;color:var(--_dan53---ink-3, #4A5568)} .fwc .p{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:22px;margin-top:4px} .fwc .p small{font-family:var(--_dan53---font-body, 'Poppins',system-ui,sans-serif);font-weight:400;font-size:12px;color:var(--_dan53---ink-4, #718096)} .fwc .btn{margin-top:8px;padding:11px 14px;font-size:14px;justify-content:center}
.fwc .tag{display:inline-block;align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:5px;background:#E6F4FC;color:#2A6F9E} .fwc .tag.z{background:var(--_dan53---sand-soft, #F6EFE2);color:var(--_dan53---amber-deep, #C17F1F)} .fwc .tag.h{background:#FDE8DC;color:#A14A1E}
/* Mini-Kalender Objektseiten */
.minical .months{display:grid;grid-template-columns:1fr 1fr;gap:18px} @media screen and (max-width:767px){.minical .months{grid-template-columns:1fr}}
.minical .mt{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:700;font-size:14px;margin-bottom:8px}

/* ===== Webflow-Anpassungen CSS v2 (26.10.2026) ===== */
/* Nav: Kompaktmodus bis 1340px, sonst 11px Ueberlauf durch Webflow-Linkklassen */
@media (min-width:992px) and (max-width:1340px){.menu>li>a,.menu>li>button{padding:10px 9px;font-size:14px}}
/* Webflow-Formularklassen neutralisieren (Hoehe 38px, Aussenabstand) */
.w-form.book,.w-form.avail,.w-form.assist,.w-form.nl{margin:0}
.book .w-input,.book .w-select,.avail .w-input,.avail .w-select,.assist .w-input,.assist .w-select,.nl .w-input{height:auto;margin:0;line-height:1.3}
.book .w-input,.book .w-select,.avail .w-input,.avail .w-select,.assist .w-input,.assist .w-select{min-width:0;max-width:100%}
/* Mobil: Grid-/Flex-Kinder duerfen schrumpfen, lange Woerter (E-Mail) brechen */
@media screen and (max-width:767px){.pagewrap *{min-width:0}.pagewrap{overflow-wrap:anywhere}}
/* Bild-Box-Modell (Builder-Inline-Klassen ohne Breite) */
.pagewrap img{max-width:100%;box-sizing:border-box}
/* Burger-Navigation bis 1199px: volle Nav braucht ~1182px (gemessen CSS v2) */
@media screen and (min-width:992px) and (max-width:1199px){.menu,.nav .cta{display:none}.burger{display:block}.nav.open .menu{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;right:0;top:100%;background:#fff;padding:16px var(--_dan53---gutter, clamp(20px,4vw,48px)) 24px;box-shadow:0 20px 40px rgba(26,32,44,.12)}.nav.open .menu .dd{position:static;display:flex;box-shadow:none;padding:0 0 0 14px;margin:0}.nav.open .menu>li>button{width:100%;justify-content:space-between}.nav.open .menu .cta-mobile{display:block;margin-top:14px}}
/* CSS v3: Fakten-Kacheln 3-spaltig bis 1199px (Prototyp schaltete bei 1000px um) */
@media screen and (min-width:992px) and (max-width:1199px){.facts{grid-template-columns:repeat(3,1fr)}.facts.compact{grid-template-columns:repeat(2,1fr)}}
.facts>*{min-width:0}

/* ===== CSS v4 – Fixes DAN-16 Sichtung 02.11.2026 ===== */
/* F27 Header: Marke schrumpft nicht mehr; Untertext zweizeilig (max. 150px); Menue ab 1200px kompakt; 1200-1279px ohne Untertext */
.brand{flex:none}.brand small{max-width:150px}
@media screen and (min-width:1200px){.nav .wrap{gap:16px}.menu>li>a,.menu>li>button{padding:10px 6px;font-size:14px}}
@media screen and (min-width:1200px) and (max-width:1279px){.nav .wrap{gap:12px}.brand small{display:none}}
/* F25 Mobile Leiste: Buttontext einzeilig; Platz fuer Webflow-Badge solange es existiert (entfaellt automatisch ohne Badge) */
@media screen and (max-width:479px){.sticky-cta{gap:8px}.sticky-cta a{white-space:nowrap;font-size:15px;padding:14px 8px}}
body:has(.w-webflow-badge) .sticky-cta{padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}
/* F03/F31 Kennzahlen-Kacheln: Untertext eigener Block mit eigener Zeilenhoehe (vorher Strut 1.7 vom Body) */
.facts li>div{line-height:1.4}.facts li>div>span{display:block;margin-top:4px}
/* F32/F33 Kacheltitel: lange Woerter (Babyausstattung, Wochenpreis*) passen in die Kachel */
@media screen and (min-width:1200px){.facts:not(.compact) li{padding:20px 14px}.facts:not(.compact) b{font-size:17px}}
@media screen and (max-width:479px){.facts li{padding:16px 10px}.facts b{font-size:15px}}
/* F32/F39 Silbentrennung vorbereitet (wirkt erst mit lang="de" im html-Element) */
@media screen and (max-width:767px){h1,h2,h3,h4,.facts b{-webkit-hyphens:auto;hyphens:auto}}
/* F09 Liste mit Label + Text + Link: Fliesstext statt Flex-Spalten (Kontakt "Gut zu wissen") */
.list li:has(>b),.list li:has(>a){display:block;position:relative;padding-left:34px}
.list li:has(>b)>svg.i,.list li:has(>a)>svg.i{position:absolute;left:0;top:0}
/* F09 Kontaktkarten auf 375px einspaltig (E-Mail brach buchstabenweise) */
@media screen and (max-width:479px){.contact{grid-template-columns:1fr}}
/* F06 Zweispalter ohne Bild: Spalten oben buendig statt vertikal zentriert */
.two:not(:has(img,iframe,figure,.duo,.sketch)){align-items:start}
/* F30 Fussnote: Abstand zum folgenden Zweispalter */
.wrap:has(>.fn:last-child)+.wrap{margin-top:clamp(40px,5vw,64px)}
/* FAQ: Gruppenueberschrift mit Abstand zur letzten Frage */
.faq details+h2,.faq details+h3{margin-top:clamp(40px,5vw,56px)}
/* F34/F36 Formularfelder: border-box (Seite rechnet global content-box, Felder waren 72px hoch und ragten ueber die Spalte) */
.book input,.book select,.avail input,.avail select,.assist input,.assist select,.assist textarea,.nl input{box-sizing:border-box}
/* F21 Zertifikat-Logo (600x150): .sq-Regel (Quadrat + cover) schnitt das Logo an; Import-Stil contain wiederherstellen */
.sq img.inline-imgraw-0-1-2{aspect-ratio:auto;object-fit:contain}

/* ===== v5 – Icons als CSS-Masken (Designer-sichtbar) – DAN-22/DAN-21, 02.11.2026 =====
   Grund: Icons sind ein SVG-Sprite, das das Footer-Bundle zur Laufzeit per <use> einsetzt; im Webflow-Designer
   laufen keine Scripts -> leere SVGs. Jetzt zeichnet CSS jedes svg[data-icon] als Maske mit background-color:currentColor
   (gleiche Farbe wie bisher stroke:currentColor). Live haengt das Bundle weiterhin <use> an; dieses wird bei maskierten
   SVGs ausgeblendet (keine Doppelzeichnung). SVGs ohne data-icon (Menue-Pfeil, Burger, Footer-Social) werden nur
   maskiert solange sie leer sind (:empty = Designer/vor Script), live zeichnet dort wie bisher das Sprite.
   Maske je Symbol ueber Custom Property --ic (eine URL statt zwei). Strichstaerken: 1,75 (Standard), 1,6 in .picto – wie v4. Masken-SVGs: stroke=black, fill=none, round caps/joins. */
svg[data-icon]{display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;background-color:currentColor;-webkit-mask-image:var(--ic);mask-image:var(--ic)}
svg[data-icon] use{display:none}
.menu li>.w-button svg.i:empty,.menu li>button svg.i:empty,.burger svg.i:empty,footer a[href*="instagram"] svg.i:empty,footer a[href*="facebook"] svg.i:empty,footer a[href*="pinterest"] svg.i:empty{display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;background-color:currentColor;-webkit-mask-image:var(--ic);mask-image:var(--ic)}
footer a[href*="instagram"] svg.i:empty,footer a[href*="facebook"] svg.i:empty,footer a[href*="pinterest"] svg.i:empty{width:20px;height:20px}
svg[data-icon="ic-check"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
svg[data-icon="ic-chev"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}
svg[data-icon="ic-plus"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E")}
svg[data-icon="ic-arrow"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E")}
svg[data-icon="ic-pin"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
svg[data-icon="ic-phone"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
svg[data-icon="ic-waves"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/%3E%3Cpath d='M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/%3E%3C/svg%3E")}
svg[data-icon="ic-menu"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='7' x2='21' y2='7'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='17' x2='21' y2='17'/%3E%3C/svg%3E")}
svg[data-icon="ic-area"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h6V3M15 21v-6h6'/%3E%3C/svg%3E")}
svg[data-icon="ic-users"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M16 15.5a5 5 0 0 1 5.5 4.5'/%3E%3C/svg%3E")}
svg[data-icon="ic-bed"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18V8M3 13h18v5M21 18v-4a3 3 0 0 0-3-3h-7v3'/%3E%3Ccircle cx='7' cy='10' r='2'/%3E%3C/svg%3E")}
svg[data-icon="ic-bath"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13h16v2a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5v-2zM6 13V6a2 2 0 0 1 4 0M7 20l-1 2M17 20l1 2'/%3E%3C/svg%3E")}
svg[data-icon="ic-play"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='12' width='8' height='8' rx='1'/%3E%3Crect x='13' y='12' width='8' height='8' rx='1'/%3E%3Crect x='8' y='4' width='8' height='8' rx='1'/%3E%3C/svg%3E")}
svg[data-icon="ic-baby"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M10 4.5c.5-1.5 2-2 3-1.5M5 21a7 7 0 0 1 14 0M8 16l-1.5 5M16 16l1.5 5'/%3E%3C/svg%3E")}
svg[data-icon="ic-beach"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V9a7 7 0 0 1 14 0v11M5 12h14M9 20v-8M15 20v-8M3 20h18'/%3E%3C/svg%3E")}
svg[data-icon="ic-tree"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22v-5M8 17h8l-2.5-4h1.5L12 8l-3 5h1.5z'/%3E%3Cpath d='M12 8L8.5 3h7z'/%3E%3C/svg%3E")}
svg[data-icon="ic-grill"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h16a8 8 0 0 1-16 0zM12 17v5M7 22l2-5M17 22l-2-5M8 5c0-1.5 1-1.5 1-3M12 5c0-1.5 1-1.5 1-3M16 5c0-1.5 1-1.5 1-3'/%3E%3C/svg%3E")}
svg[data-icon="ic-ev"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17V7a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v10M4 17h12M6 17v3M14 17v3M16 10h2a2 2 0 0 1 2 2v3a1.5 1.5 0 0 0 3 0V9l-2-2'/%3E%3Cpath d='M10.5 7l-2 4h3l-2 4'/%3E%3C/svg%3E")}
svg[data-icon="ic-wifi"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a15 15 0 0 1 20 0M5.5 12.5a10 10 0 0 1 13 0M9 16a5 5 0 0 1 6 0'/%3E%3Ccircle cx='12' cy='19.5' r='1'/%3E%3C/svg%3E")}
svg[data-icon="ic-tv"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='12' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E")}
svg[data-icon="ic-broom"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3l7 7M11 6l7 7M8 13l3-3 4 4-3 3M8 13l-5 8 8-5'/%3E%3C/svg%3E")}
svg[data-icon="ic-cert"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l2.4 2.4 3.4-.4.4 3.4L21 9.8l-1.4 3.1 1.4 3.1-2.8 2-.4 3.4-3.4-.4L12 23l-2.4-2.4-3.4.4-.4-3.4L3 15.2l1.4-3.1L3 9.8l2.8-2 .4-3.4 3.4.4z'/%3E%3Cpath d='M8.5 12.5l2.5 2.5 4.5-5'/%3E%3C/svg%3E")}
svg[data-icon="ic-star"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.3 6.4 20.2l1.1-6.2L3 9.6l6.2-.9z'/%3E%3C/svg%3E")}
svg[data-icon="ic-cal"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M8 14h3M13 14h3M8 18h3'/%3E%3C/svg%3E")}
svg[data-icon="ic-car"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 15l2-6a2 2 0 0 1 2-1.5h10A2 2 0 0 1 19 9l2 6v4h-2v-2H5v2H3z'/%3E%3Ccircle cx='7.5' cy='15' r='1.2'/%3E%3Ccircle cx='16.5' cy='15' r='1.2'/%3E%3C/svg%3E")}
svg[data-icon="ic-train"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='14' rx='3'/%3E%3Cpath d='M5 10h14M8 21l1.5-4M16 21l-1.5-4'/%3E%3Ccircle cx='9' cy='13.5' r='1'/%3E%3Ccircle cx='15' cy='13.5' r='1'/%3E%3C/svg%3E")}
svg[data-icon="ic-key"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='12' r='4'/%3E%3Cpath d='M12 12h9M18 12v3M15 12v2'/%3E%3C/svg%3E")}
svg[data-icon="ic-house"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8M5 10v10h14V10M10 20v-6h4v6'/%3E%3C/svg%3E")}
svg[data-icon="ic-houses"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12l6-5 6 5M4 11v9h8v-9M12 12l4-3 6 3M14 20h6v-8'/%3E%3C/svg%3E")}
svg[data-icon="ic-snow"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M4 7l16 10M4 17L20 7M12 6l-2-2M12 6l2-2M12 18l-2 2M12 18l2 2'/%3E%3C/svg%3E")}
svg[data-icon="ic-gift"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='9' width='18' height='4'/%3E%3Cpath d='M5 13v8h14v-8M12 9v12M12 9c-2 0-4-1-4-3s3-2 4 3c1-5 4-5 4-3s-2 3-4 3'/%3E%3C/svg%3E")}
svg[data-icon="ic-heart"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.5-7-10a4 4 0 0 1 7-2.5A4 4 0 0 1 19 10c0 5.5-7 10-7 10z'/%3E%3C/svg%3E")}
svg[data-icon="ic-map"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l6-2 6 2 6-2v14l-6 2-6-2-6 2zM9 4v14M15 6v14'/%3E%3C/svg%3E")}
svg[data-icon="ic-clock"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
svg[data-icon="ic-sun"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M4.9 19.1L7 17M17 7l2.1-2.1'/%3E%3C/svg%3E")}
svg[data-icon="ic-euro"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6.5A7 7 0 0 0 7.5 9M18 17.5A7 7 0 0 1 7.5 15M4 10.5h10M4 13.5h10'/%3E%3C/svg%3E")}
svg[data-icon="ic-swing"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21L9 4h6l6 17M9 4l1 12M15 4l-1 12M8 16h8'/%3E%3C/svg%3E")}
svg[data-icon="ic-shield"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
svg[data-icon="ic-laptop"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='11' rx='2'/%3E%3Cpath d='M2 19h20'/%3E%3C/svg%3E")}
svg[data-icon="ic-wave"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/%3E%3Cpath d='M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/%3E%3C/svg%3E")}
svg[data-icon="ic-portal"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10a8 8 0 0 1 16 0v10M4 20h16M9 20v-6h6v6'/%3E%3C/svg%3E")}
svg[data-icon="ic-instagram"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.3' cy='6.7' r='.8' fill='black'/%3E%3C/svg%3E")}
svg[data-icon="ic-facebook"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 8h3V4h-3a4 4 0 0 0-4 4v3H7v4h3v6h4v-6h3l1-4h-4V8z'/%3E%3C/svg%3E")}
svg[data-icon="ic-pinterest"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M11 16l-1.5 6M9.5 13c-1-2 0-5.5 3-5.5s3.5 2.5 2.5 5-3 2.5-3.5 1'/%3E%3C/svg%3E")}
svg[data-icon="ic-boat"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17h18l-2 3H5zM5 17l1-5h12l1 5M12 12V4l6 8M12 4L9 12'/%3E%3C/svg%3E")}
svg[data-icon="ic-kite"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l7 8-7 7-7-7zM12 2v15M5 10h14M12 17c-2 3 1 4 0 6'/%3E%3C/svg%3E")}
svg[data-icon="ic-bike"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='16' r='3.5'/%3E%3Ccircle cx='18' cy='16' r='3.5'/%3E%3Cpath d='M6 16l4-8h5l3 8M10 8l4 8M13 5h3'/%3E%3C/svg%3E")}
svg[data-icon="ic-museum"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-5 9 5M4 9h16M5 20h14M6 12v8M10 12v8M14 12v8M18 12v8'/%3E%3C/svg%3E")}
svg[data-icon="ic-pool"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 17c2 1.5 4 1.5 6 0s4-1.5 6 0 4 1.5 6 0M2 21c2 1.5 4 1.5 6 0s4-1.5 6 0 4 1.5 6 0M8 13V5a2 2 0 0 1 4 0M14 13V5a2 2 0 0 1 4 0M8 9h6'/%3E%3C/svg%3E")}
svg[data-icon="ic-mail"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")}
svg[data-icon="ic-fish"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12c4-5 10-6 15-2l4-3v10l-4-3c-5 4-11 3-15-2z'/%3E%3Ccircle cx='15' cy='11' r='1' fill='black'/%3E%3C/svg%3E")}
svg[data-icon="ic-x"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-check"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-chev"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-plus"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-arrow"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-pin"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-phone"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-waves"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/%3E%3Cpath d='M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-menu"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='7' x2='21' y2='7'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='17' x2='21' y2='17'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-area"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h6V3M15 21v-6h6'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-users"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M16 15.5a5 5 0 0 1 5.5 4.5'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-bed"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18V8M3 13h18v5M21 18v-4a3 3 0 0 0-3-3h-7v3'/%3E%3Ccircle cx='7' cy='10' r='2'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-bath"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13h16v2a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5v-2zM6 13V6a2 2 0 0 1 4 0M7 20l-1 2M17 20l1 2'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-play"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='12' width='8' height='8' rx='1'/%3E%3Crect x='13' y='12' width='8' height='8' rx='1'/%3E%3Crect x='8' y='4' width='8' height='8' rx='1'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-baby"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M10 4.5c.5-1.5 2-2 3-1.5M5 21a7 7 0 0 1 14 0M8 16l-1.5 5M16 16l1.5 5'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-beach"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V9a7 7 0 0 1 14 0v11M5 12h14M9 20v-8M15 20v-8M3 20h18'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-tree"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22v-5M8 17h8l-2.5-4h1.5L12 8l-3 5h1.5z'/%3E%3Cpath d='M12 8L8.5 3h7z'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-grill"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h16a8 8 0 0 1-16 0zM12 17v5M7 22l2-5M17 22l-2-5M8 5c0-1.5 1-1.5 1-3M12 5c0-1.5 1-1.5 1-3M16 5c0-1.5 1-1.5 1-3'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-ev"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17V7a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v10M4 17h12M6 17v3M14 17v3M16 10h2a2 2 0 0 1 2 2v3a1.5 1.5 0 0 0 3 0V9l-2-2'/%3E%3Cpath d='M10.5 7l-2 4h3l-2 4'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-wifi"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a15 15 0 0 1 20 0M5.5 12.5a10 10 0 0 1 13 0M9 16a5 5 0 0 1 6 0'/%3E%3Ccircle cx='12' cy='19.5' r='1'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-tv"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='12' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-broom"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3l7 7M11 6l7 7M8 13l3-3 4 4-3 3M8 13l-5 8 8-5'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-cert"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l2.4 2.4 3.4-.4.4 3.4L21 9.8l-1.4 3.1 1.4 3.1-2.8 2-.4 3.4-3.4-.4L12 23l-2.4-2.4-3.4.4-.4-3.4L3 15.2l1.4-3.1L3 9.8l2.8-2 .4-3.4 3.4.4z'/%3E%3Cpath d='M8.5 12.5l2.5 2.5 4.5-5'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-star"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.3 6.4 20.2l1.1-6.2L3 9.6l6.2-.9z'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-cal"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M8 14h3M13 14h3M8 18h3'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-car"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 15l2-6a2 2 0 0 1 2-1.5h10A2 2 0 0 1 19 9l2 6v4h-2v-2H5v2H3z'/%3E%3Ccircle cx='7.5' cy='15' r='1.2'/%3E%3Ccircle cx='16.5' cy='15' r='1.2'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-train"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='14' rx='3'/%3E%3Cpath d='M5 10h14M8 21l1.5-4M16 21l-1.5-4'/%3E%3Ccircle cx='9' cy='13.5' r='1'/%3E%3Ccircle cx='15' cy='13.5' r='1'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-key"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='12' r='4'/%3E%3Cpath d='M12 12h9M18 12v3M15 12v2'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-house"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8M5 10v10h14V10M10 20v-6h4v6'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-houses"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12l6-5 6 5M4 11v9h8v-9M12 12l4-3 6 3M14 20h6v-8'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-snow"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M4 7l16 10M4 17L20 7M12 6l-2-2M12 6l2-2M12 18l-2 2M12 18l2 2'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-gift"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='9' width='18' height='4'/%3E%3Cpath d='M5 13v8h14v-8M12 9v12M12 9c-2 0-4-1-4-3s3-2 4 3c1-5 4-5 4-3s-2 3-4 3'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-heart"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.5-7-10a4 4 0 0 1 7-2.5A4 4 0 0 1 19 10c0 5.5-7 10-7 10z'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-map"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l6-2 6 2 6-2v14l-6 2-6-2-6 2zM9 4v14M15 6v14'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-clock"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-sun"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M4.9 19.1L7 17M17 7l2.1-2.1'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-euro"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6.5A7 7 0 0 0 7.5 9M18 17.5A7 7 0 0 1 7.5 15M4 10.5h10M4 13.5h10'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-swing"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21L9 4h6l6 17M9 4l1 12M15 4l-1 12M8 16h8'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-shield"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-laptop"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='11' rx='2'/%3E%3Cpath d='M2 19h20'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-wave"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/%3E%3Cpath d='M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-portal"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10a8 8 0 0 1 16 0v10M4 20h16M9 20v-6h6v6'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-instagram"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.3' cy='6.7' r='.8' fill='black'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-facebook"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 8h3V4h-3a4 4 0 0 0-4 4v3H7v4h3v6h4v-6h3l1-4h-4V8z'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-pinterest"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M11 16l-1.5 6M9.5 13c-1-2 0-5.5 3-5.5s3.5 2.5 2.5 5-3 2.5-3.5 1'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-boat"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17h18l-2 3H5zM5 17l1-5h12l1 5M12 12V4l6 8M12 4L9 12'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-kite"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l7 8-7 7-7-7zM12 2v15M5 10h14M12 17c-2 3 1 4 0 6'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-bike"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='16' r='3.5'/%3E%3Ccircle cx='18' cy='16' r='3.5'/%3E%3Cpath d='M6 16l4-8h5l3 8M10 8l4 8M13 5h3'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-museum"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-5 9 5M4 9h16M5 20h14M6 12v8M10 12v8M14 12v8M18 12v8'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-pool"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 17c2 1.5 4 1.5 6 0s4-1.5 6 0 4 1.5 6 0M2 21c2 1.5 4 1.5 6 0s4-1.5 6 0 4 1.5 6 0M8 13V5a2 2 0 0 1 4 0M14 13V5a2 2 0 0 1 4 0M8 9h6'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-mail"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-fish"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12c4-5 10-6 15-2l4-3v10l-4-3c-5 4-11 3-15-2z'/%3E%3Ccircle cx='15' cy='11' r='1' fill='black'/%3E%3C/svg%3E")}
.picto svg[data-icon="ic-x"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E")}
.menu li>.w-button svg.i:empty,.menu li>button svg.i:empty{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}
.burger svg.i:empty{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='7' x2='21' y2='7'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='17' x2='21' y2='17'/%3E%3C/svg%3E")}
footer a[href*="instagram"] svg.i:empty{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.3' cy='6.7' r='.8' fill='black'/%3E%3C/svg%3E")}
footer a[href*="facebook"] svg.i:empty{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 8h3V4h-3a4 4 0 0 0-4 4v3H7v4h3v6h4v-6h3l1-4h-4V8z'/%3E%3C/svg%3E")}
footer a[href*="pinterest"] svg.i:empty{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M11 16l-1.5 6M9.5 13c-1-2 0-5.5 3-5.5s3.5 2.5 2.5 5-3 2.5-3.5 1'/%3E%3C/svg%3E")}


/* ===== v6 / DAN-27 ===== */
/* Kontrast: Kicker/Eyebrow im Foto-Hero (heller Himmel im oberen, kaum abgedunkelten Bildteil) */
.hero .eyebrow{text-shadow:0 1px 2px rgba(20,32,48,.6),0 0 14px rgba(20,32,48,.45)}

/* Startseiten-Band "Watt": leichtere 1600-px-Variante (Original-Asset bleibt erhalten) */
.band.band-watt{background-image:url(https://cdn.prod.website-files.com/6adebd9013a52610cb9db8d5/6af3611812eb2cbab84df640_dan53-watt-abendspiegelung-w1600.webp)!important}

/* Newsletter (DAN-13 offen): Absenden unterbunden, Hinweis statt Webflow-Submit */
.w-form.nl .nl-hint{margin:10px 0 0;font-size:14px;color:var(--_dan53---ink-3, #4A5568)}
.w-form .w-form-done,.w-form .w-form-fail{display:none!important}

/* Consent-Banner */
.cc{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;display:flex;justify-content:center;pointer-events:none}
.cc[hidden]{display:none}
.cc-in{pointer-events:auto;width:100%;max-width:620px;background:var(--_dan53---page, #fff);color:var(--_dan53---ink, #1A202C);border:1px solid var(--_dan53---line, rgba(26,32,44,.12));border-radius:var(--_dan53---radius-img, 12px);box-shadow:0 18px 48px rgba(26,32,44,.22);padding:20px 22px;font-family:var(--_dan53---font-body, 'Poppins',system-ui,sans-serif);font-weight:400;font-size:14px;line-height:1.55;max-height:calc(100vh - 32px);overflow:auto}
.cc-in:focus{outline:none}
.cc-t{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:16px;margin:0 0 6px;color:var(--_dan53---ink, #1A202C)}
.cc-d{margin:0 0 14px;color:var(--_dan53---ink-2, #2D3748)}
.cc-d a{color:var(--_dan53---blue-deep, #2A6F9E);text-decoration:underline}
.cc-set{display:grid;gap:10px;margin:0 0 14px;padding:12px 14px;background:var(--_dan53---tint, #F7FAFC);border-radius:var(--_dan53---radius-md, 8px)}
.cc-set[hidden]{display:none}
.cc-row{display:flex;gap:10px;align-items:flex-start;margin:0;font-weight:400;cursor:pointer}
.cc-row input{margin-top:4px;width:18px;height:18px;accent-color:var(--_dan53---amber-deep, #C17F1F);flex:none}
.cc-row input:disabled{cursor:not-allowed}
.cc-row b{font-weight:600}
.cc-act{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cc-btn{flex:1 1 160px;display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;border-radius:var(--_dan53---radius-md, 8px);border:2px solid var(--_dan53---ink, #1A202C);background:var(--_dan53---ink, #1A202C);color:#fff;font-family:inherit;font-weight:500;font-size:15px;cursor:pointer}
.cc-btn:hover{background:var(--_dan53---ink-2, #2D3748);border-color:var(--_dan53---ink-2, #2D3748)}
.cc-btn[hidden]{display:none}
.cc-link{background:none;border:0;padding:8px 4px;min-height:44px;font-family:inherit;font-size:14px;color:var(--_dan53---ink-2, #2D3748);text-decoration:underline;cursor:pointer}
.cc-btn:focus-visible,.cc-link:focus-visible,.cc-row input:focus-visible,.cc-open:focus-visible{outline:3px solid var(--_dan53---amber, #D69E2E);outline-offset:3px}
.cc-open{background:none;border:0;padding:0;font:inherit;color:var(--_dan53---ink-2, #2D3748);cursor:pointer;text-align:left}
.cc-open:hover{color:var(--_dan53---amber-deep, #C17F1F)}
@media screen and (max-width:767px){.cc{left:8px;right:8px;bottom:8px}.cc-in{padding:16px}.cc-btn{flex:1 1 100%}.cc-link{width:100%;text-align:center}}
@media print{.cc{display:none!important}}


/* ===== DAN53 Website-Stylesheet v7 (DAN-33, 2026-11-11): v6 unveraendert oben; Anhang 1 = Magazin-Zusatz (DAN-17), Anhang 2 = Consent-Buttons mobil ===== */
/* DAN53 Website-Stylesheet v7 – ZUSATZ Magazin (DAN-17, 2026-11-10)
   Anhang an dan53-styles-v6.css (v6 unveraendert). Nur Selektoren fuer Magazin-CMS:
   - /magazin: Collection List nutzt .postlist; Karte = a > img + div(.k, h3, p) statt span.picto
   - Artikel-Template /magazin/<slug>: Beitragsbild + Webflow-Rich-Text (.w-richtext)
   Keine neuen Farben/Schriften; nur Tokens aus v6. */
.postlist .w-dyn-item{min-width:0}
.postlist a>img{width:52px;height:52px;object-fit:cover;border-radius:10px}
.pagewrap .narrow>img,.pagewrap .narrow>div>img{width:100%;aspect-ratio:16/10;object-fit:cover;margin:8px 0 clamp(28px,4vw,48px)}
.w-richtext{font-size:17px}
.w-richtext h2{font-size:clamp(24px,3vw,34px);margin:1.6em 0 .5em}
.w-richtext h3{margin:1.4em 0 .4em}
.w-richtext ul,.w-richtext ol{padding-left:1.3em;margin:0 0 1.2em}
.w-richtext li{margin-bottom:.35em}
.w-richtext figure{margin:clamp(24px,3vw,40px) 0}
.w-richtext figure img{width:100%;height:auto}
.w-richtext figure.w-richtext-align-fullwidth{max-width:100%}
.w-richtext blockquote{border-left:3px solid var(--_dan53---amber, #D69E2E);margin:1.4em 0;padding:4px 0 4px 20px;font-style:italic}
.pagewrap .narrow>.panel{margin-top:clamp(40px,5vw,64px);grid-template-columns:1fr}
.pagewrap .narrow>.panel .actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start}

/* DAN-33: Consent-Banner bis 767 px – die zwei Hauptbuttons nebeneinander, kompakter; "Auswahl speichern" bricht bei Bedarf in eigene Zeile */
@media screen and (max-width:767px){.cc-act{gap:8px}.cc-btn{box-sizing:border-box;flex:1 1 calc(50% - 4px);min-width:0;padding:10px 12px;font-size:14px;white-space:nowrap}}

/* DAN-37 (2026-11-11): Preis-Stoerer 79/119 € (Klassen .stoerer/.stoerer-wert/.stoerer-zusatz/.stoerer-hinweis sind leere Webflow-Traeger).
   Statisches Element im HTML (kein JS) -> kein Layout-Shift; Drehung per transform (beeinflusst kein Layout).
   Kontrast: Ink #1A202C auf Bernstein #D69E2E ca. 7:1, auf Bernstein tief #C17F1F ca. 4,9:1 (AA). */
.stoerer{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;box-sizing:border-box;max-width:calc(100% - 10px);margin:14px 0 4px 4px;padding:9px 16px 10px 14px;border:2px solid #fff;border-radius:14px 14px 14px 4px;background:var(--_dan53---amber, #D69E2E);color:var(--_dan53---ink, #1A202C);text-decoration:none;line-height:1.25;transform:rotate(-2deg);transform-origin:left center;box-shadow:0 6px 18px rgba(26,32,44,.18);transition:background-color .2s ease,transform .2s ease}
.stoerer:hover,.stoerer:focus-visible{background:var(--_dan53---amber-deep, #C17F1F);color:var(--_dan53---ink, #1A202C);transform:rotate(0deg)}
.stoerer:focus-visible{outline:3px solid var(--_dan53---blue-deep, #2A6F9E);outline-offset:3px}
.stoerer-wert{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:800;font-size:20px;letter-spacing:-.01em;white-space:nowrap}
.stoerer-zusatz{font-family:var(--_dan53---font-body, 'Poppins',system-ui,sans-serif);font-size:12.5px;font-weight:500;overflow-wrap:anywhere}
.hero .stoerer{margin-top:22px}
@media screen and (max-width:479px){.stoerer-wert{font-size:18px}.stoerer-zusatz{font-size:12px}.hero .stoerer{margin-top:18px}}
@media (prefers-reduced-motion:reduce){.stoerer{transition:none}}
/* Tagespreis in den Objekt-Karten der Startseite: sauberer Umbruch bis 390 px */
.tile .pr{flex-wrap:wrap;row-gap:2px;margin-top:10px}
 .tile .pr b{white-space:nowrap}
 .tile .pr small{flex:1 1 200px;min-width:0;line-height:1.4}
@media screen and (max-width:479px){.tile .pr b{font-size:23px}.tile .pr small{flex-basis:100%}}
/* /preise: Hinweis zu den Einstiegspreisen direkt unter "Kurz gesagt" */
.stoerer-hinweis{max-width:760px;box-sizing:border-box;margin:-24px 0 40px;padding:12px 18px;border-left:4px solid var(--_dan53---amber, #D69E2E);border-radius:0 10px 10px 0;background:var(--_dan53---tint, #F7FAFC);font-size:15px;line-height:1.5;color:var(--_dan53---ink-2, #2D3748)}
/* Footer-Rechtszeile: laengerer Betreiber-Satz bricht sauber um */
footer .legal>span{min-width:0;overflow-wrap:anywhere}
/* Consent-Banner: Kategorie Marketing nutzt .cc-row wie Statistik; nichts Neues noetig */

/* v9 (DAN-40b, 13.11.2026): "Preis im Buchungskalender" in den freien Wochen (/preise, Bundle .fwc .p > a)
   eigene, kleinere Darstellung statt der grossen Preisschrift; als Link erkennbar; kein Ueberlauf 320-430 px */
.fwc .p a{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:700;font-size:18px;line-height:1.35;color:#2A6F9E;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.fwc .p:has(> a){line-height:1.45}
.fwc .p a:hover,.fwc .p a:focus-visible{color:var(--_dan53---ink-2, #2D3748)}
@media (max-width:767px){
  .fwc .p a{font-family:var(--_dan53---font-body, 'Poppins',system-ui,sans-serif);font-weight:400;font-size:16px;line-height:1.45}
}

/* v10 (DAN-41, 13.11.2026): Preisrechner-Widget (Hero/Drawer) unter 7 Naechten – "Frei – n Naechte: Preis im Buchungskalender"
   (Bundle v14, .book .price.pk b) in derselben Darstellung wie die v9-Regel "Preis im Buchungskalender" statt der grossen Preisschrift; kein Link, daher Textfarbe */
.book .price.pk b{font-family:var(--_dan53---font-display, 'Montserrat',system-ui,sans-serif);font-weight:700;font-size:18px;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere}
@media (max-width:767px){
  .book .price.pk b{font-family:var(--_dan53---font-body, 'Poppins',system-ui,sans-serif);font-weight:400;font-size:16px;line-height:1.45}
}