/* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/98d1e5b3c7e7.woff2) format('woff2'), url(/assets/3b621269344c.woff) format('woff'); 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; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/536ba9801722.woff2) format('woff2'), url(/assets/426538bba01c.woff) format('woff'); 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; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/3585f4dc9ae0.woff2) format('woff2'), url(/assets/b225caeba5c2.woff) format('woff'); 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; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/03bf7b373c37.woff2) format('woff2'), url(/assets/7fc9721e1764.woff) format('woff'); 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; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; font-display: swap; src: url(/assets/dfd00523c19e.woff2) format('woff2'), url(/assets/82946d78baa8.woff) format('woff'); 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; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; font-display: swap; src: url(/assets/d2ad6c42dc9d.woff2) format('woff2'), url(/assets/0358a5b2761d.woff) format('woff'); 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; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/assets/aa87d42a3fa9.woff2) format('woff2'), url(/assets/909b19eb602c.woff) format('woff'); 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; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/assets/cd763002bd57.woff2) format('woff2'), url(/assets/ac7fdf00f49c.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/assets/a4e041335143.woff2) format('woff2'), url(/assets/67091ea3b3a3.woff) format('woff'); 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; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/assets/d331bc9ae1dd.woff2) format('woff2'), url(/assets/911da23a2b10.woff) format('woff'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/assets/d6dac79a6b6d.woff2) format('woff2'), url(/assets/34bf6c989258.woff) format('woff'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(/assets/b89469f0ac43.woff2) format('woff2'), url(/assets/6e7af0cf1543.woff) format('woff'); 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; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(/assets/199eea357571.woff2) format('woff2'), url(/assets/70ee0478f5de.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(/assets/9ec99c715e58.woff2) format('woff2'), url(/assets/d766bd4bf27b.woff) format('woff'); 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; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(/assets/e9059065594c.woff2) format('woff2'), url(/assets/2f92cb39c7a5.woff) format('woff'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(/assets/294325748275.woff2) format('woff2'), url(/assets/8447f1822bcd.woff) format('woff'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } :root{ --transparent: transparent; --primary: #37ca37; --secondary: #188bf6; --white: #ffffff; --gray: #cbd5e0; --black: #000000; --red: #e93d3d; --orange: #f6ad55; --yellow: #faf089; --green: #9ae6b4; --teal: #81e6d9; --malibu: #63b3ed; --indigo: #757BBD; --purple: #d6bcfa; --pink: #fbb6ce; --overlay: rgba(0, 0, 0, 0.5); --color-lx2prsc2: #000321; --color-lx2py304: #0038FF; --color-lx2q00eu: #8893A8; --color-lx2qgvbk: #565A7C; --color-lx3csigp: #C9D8E0; --color-lx3d0bih: #222639; --color-lx4k787l: #1F1F2E; --color-lx2qdjfj: #F6F6FF; --cobalt: #155eef; --smoke: #f5f5f5; --color-yvlcrvqt: #fb14ae; --color-mdnhqzen: #134977ff; --color-okcultnb: #1d4976; --color-66c5b4f991201e717d357151: #667085; --color-66c5b4f991201e3958357152: #FFFFFF; --lato: 'Lato'; --montserrat: 'Montserrat'; --headlinefont: 'Montserrat'; --contentfont: 'Lato'; --text-color: #000000; --link-color: #188bf6; } /* ---- Section styles ----- */ :root{--lato:'Lato';--montserrat:'Montserrat';--transparent:transparent;--white:#ffffff;--black:#000000}.hl_page-preview--content .section-Onte0rhhF{box-shadow:none;padding-left:.25rem;padding-right:.25rem;padding-bottom:20px;padding-top:20px;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .row-m3OdFe9TZLn{margin:50px auto 0}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .row-m3OdFe9TZLn{margin-bottom:80px}}.hl_page-preview--content .col-qOKKlWQ1N-R,.hl_page-preview--content .row-m3OdFe9TZLn{box-shadow:none;padding:10px 5px;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid;width:100%}.hl_page-preview--content .col-qOKKlWQ1N-R{width:41%;margin:0}.hl_page-preview--content .custom-code-WN42KXuE2aq{margin:0 20px}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .custom-code-WN42KXuE2aq{margin-left:0;margin-right:0}}.hl_page-preview--content .col-C40anPqw1Lu{box-shadow:none;padding:10px 5px;background-color:var(--transparent);backdrop-filter:none;width:59%;border-color:var(--black);border-width:2px;border-style:solid;margin:0}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .col-C40anPqw1Lu{margin-bottom:0}}.hl_page-preview--content #paragraph-C7U1RwbPZgy{margin:0 0 0 10px}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content #paragraph-C7U1RwbPZgy{margin-left:5px}}.hl_page-preview--content .cparagraph-C7U1RwbPZgy,.hl_page-preview--content .cparagraph-_U-JmAH9RzB,.hl_page-preview--content .csub-heading-auYyEyaFMIL{font-family:var(--contentfont);background-color:var(--transparent);color:var(--white);icon-color:var(--white);font-weight:medium;box-shadow:none;padding:0 40px 0 0;opacity:1;text-shadow:none;border-color:var(--black);border-width:2px;border-style:solid;line-height:1.3em;text-transform:none;letter-spacing:0;text-align:left}.hl_page-preview--content #paragraph-_U-JmAH9RzB{margin:0 0 0 10px}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content #paragraph-_U-JmAH9RzB{margin-left:5px}}.hl_page-preview--content .cparagraph-_U-JmAH9RzB,.hl_page-preview--content .csub-heading-auYyEyaFMIL{padding:0 25%0 0}.hl_page-preview--content #sub-heading-auYyEyaFMIL{margin:-53px 0 40px 10px}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content #sub-heading-auYyEyaFMIL{margin-bottom:25px;margin-top:-20px;margin-left:5px}}.hl_page-preview--content .csub-heading-auYyEyaFMIL{font-family:var(--headlinefont);icon-color:var(--text-color);font-weight:400;padding:0}.hl_page-preview--content .custom-code-pFRUk2ZRiRe{margin:-100px 0 0}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .custom-code-pFRUk2ZRiRe{margin-top:-50px}}.hl_page-preview--content .col--eY_DRklQXj,.hl_page-preview--content .row-VrRK72h5uRQ{margin:0 auto;box-shadow:none;padding:10px 5px;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid;width:100%}.hl_page-preview--content .col--eY_DRklQXj{margin:0}.hl_page-preview--content .custom-code-3UV6ylTYIGv{margin:0}#section-Onte0rhhF>.inner{max-width:100%}#col--eY_DRklQXj>.inner,#col-C40anPqw1Lu>.inner,#col-qOKKlWQ1N-R>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}.paragraph-C7U1RwbPZgy,.paragraph-_U-JmAH9RzB{font-weight:900}@media screen and (min-width:0px) and (max-width:480px){.paragraph-C7U1RwbPZgy h1,.paragraph-C7U1RwbPZgy h2,.paragraph-C7U1RwbPZgy h3,.paragraph-C7U1RwbPZgy h4,.paragraph-C7U1RwbPZgy h5,.paragraph-C7U1RwbPZgy h6,.paragraph-C7U1RwbPZgy ul li,.paragraph-C7U1RwbPZgy.text-output{font-size:17px!important;font-weight:700}}@media screen and (min-width:481px) and (max-width:10000px){.paragraph-C7U1RwbPZgy h1,.paragraph-C7U1RwbPZgy h2,.paragraph-C7U1RwbPZgy h3,.paragraph-C7U1RwbPZgy h4,.paragraph-C7U1RwbPZgy h5,.paragraph-C7U1RwbPZgy h6,.paragraph-C7U1RwbPZgy ul li,.paragraph-C7U1RwbPZgy.text-output{font-size:24px!important;font-weight:900}}.paragraph-C7U1RwbPZgy.text-output h1:first-child:before,.paragraph-C7U1RwbPZgy.text-output h2:first-child:before,.paragraph-C7U1RwbPZgy.text-output h3:first-child:before,.paragraph-C7U1RwbPZgy.text-output h4:first-child:before,.paragraph-C7U1RwbPZgy.text-output h5:first-child:before,.paragraph-C7U1RwbPZgy.text-output h6:first-child:before,.paragraph-C7U1RwbPZgy.text-output p:first-child:before,.paragraph-_U-JmAH9RzB.text-output h1:first-child:before,.paragraph-_U-JmAH9RzB.text-output h2:first-child:before,.paragraph-_U-JmAH9RzB.text-output h3:first-child:before,.paragraph-_U-JmAH9RzB.text-output h4:first-child:before,.paragraph-_U-JmAH9RzB.text-output h5:first-child:before,.paragraph-_U-JmAH9RzB.text-output h6:first-child:before,.paragraph-_U-JmAH9RzB.text-output p:first-child:before{color:var(--white);content:'\'; font-family: '';margin-right:5px;font-weight:700}@media screen and (min-width:0px) and (max-width:480px){.paragraph-_U-JmAH9RzB h1,.paragraph-_U-JmAH9RzB h2,.paragraph-_U-JmAH9RzB h3,.paragraph-_U-JmAH9RzB h4,.paragraph-_U-JmAH9RzB h5,.paragraph-_U-JmAH9RzB h6,.paragraph-_U-JmAH9RzB ul li,.paragraph-_U-JmAH9RzB.text-output{font-size:17px!important;font-weight:700}}@media screen and (min-width:481px) and (max-width:10000px){.paragraph-_U-JmAH9RzB h1,.paragraph-_U-JmAH9RzB h2,.paragraph-_U-JmAH9RzB h3,.paragraph-_U-JmAH9RzB h4,.paragraph-_U-JmAH9RzB h5,.paragraph-_U-JmAH9RzB h6,.paragraph-_U-JmAH9RzB ul li,.paragraph-_U-JmAH9RzB.text-output{font-size:24px!important;font-weight:900}}.sub-heading-auYyEyaFMIL{font-weight:700}@media screen and (min-width:0px) and (max-width:480px){.sub-heading-auYyEyaFMIL h1,.sub-heading-auYyEyaFMIL h2,.sub-heading-auYyEyaFMIL h3,.sub-heading-auYyEyaFMIL h4,.sub-heading-auYyEyaFMIL h5,.sub-heading-auYyEyaFMIL h6,.sub-heading-auYyEyaFMIL ul li,.sub-heading-auYyEyaFMIL.text-output{font-size:22px!important;font-weight:700}}@media screen and (min-width:481px) and (max-width:10000px){.sub-heading-auYyEyaFMIL h1,.sub-heading-auYyEyaFMIL h2,.sub-heading-auYyEyaFMIL h3,.sub-heading-auYyEyaFMIL h4,.sub-heading-auYyEyaFMIL h5,.sub-heading-auYyEyaFMIL h6,.sub-heading-auYyEyaFMIL ul li,.sub-heading-auYyEyaFMIL.text-output{font-size:50px!important;font-weight:700}}.sub-heading-auYyEyaFMIL.text-output h1:first-child:before,.sub-heading-auYyEyaFMIL.text-output h2:first-child:before,.sub-heading-auYyEyaFMIL.text-output h3:first-child:before,.sub-heading-auYyEyaFMIL.text-output h4:first-child:before,.sub-heading-auYyEyaFMIL.text-output h5:first-child:before,.sub-heading-auYyEyaFMIL.text-output h6:first-child:before,.sub-heading-auYyEyaFMIL.text-output p:first-child:before{color:var(--text-color);content:'\'; font-family: '';margin-right:5px;font-weight:700} /* ---- Section styles ----- */ :root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-Vt7rb0LpYds,.hl_page-preview--content .row-WoKkZ_7eE0Z,.hl_page-preview--content .section-COMlXnq-PR{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-Vt7rb0LpYds,.hl_page-preview--content .row-WoKkZ_7eE0Z{margin:0 auto;padding:0 5px;width:100%}.hl_page-preview--content .col-Vt7rb0LpYds{margin:0}.hl_page-preview--content .custom-code-TgPgms0yVuM{margin:0;width:auto;height:auto}#section-COMlXnq-PR>.inner{max-width:1170px}#col-Vt7rb0LpYds>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} /* ---- Section styles ----- */ :root{--transparent:transparent;--black:#000000}.hl_page-preview--content .section-aeJNy7q9Hf{box-shadow:none;padding:20px 0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .section-aeJNy7q9Hf{padding-bottom:10px;padding-top:10px;margin-right:12px!important;margin-left:12px!important;margin-top:20px;margin-bottom:10px}}.hl_page-preview--content .row-Qh5o2lIQ4fU{margin:0 auto}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .row-Qh5o2lIQ4fU{margin-top:0}}.hl_page-preview--content .row-Qh5o2lIQ4fU{box-shadow:none;padding:10px 5px;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid;width:100%}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .row-Qh5o2lIQ4fU{padding-right:0!important;padding-left:0!important;padding-bottom:0;padding-top:0}}.hl_page-preview--content .col-EyJGcJCRyv_{box-shadow:none;padding:10px 5px;background-color:var(--transparent);backdrop-filter:none;width:100%;border-color:var(--black);border-width:2px;border-style:solid;margin:0}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .col-EyJGcJCRyv_{padding-bottom:10px}}.hl_page-preview--content .custom-code-AyP00gq7DBP{margin:0}#section-aeJNy7q9Hf>.inner{max-width:100%}#col-EyJGcJCRyv_>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} /* ---- Section styles ----- */ :root{--transparent:transparent;--black:#000000} /* ---- Section styles ----- */ :root{--transparent:transparent;--black:#000000} /* ---- Section styles ----- */ :root{--transparent:transparent;--black:#000000} /* ---- Section styles ----- */ :root{--transparent:transparent;--black:#000000} /* ---- Section styles ----- */ :root{--transparent:transparent;--black:#000000} /* ---- Section styles ----- */ :root{--transparent:transparent;--black:#000000} /* ---- Expertentipps styles ----- */ :root{--transparent:transparent;--black:#000000} /* ---- fixed button styles ----- */ :root{--transparent:transparent;--black:#000000} /* ---- 2x2 pic styles ----- */ :root{--transparent:transparent;--black:#000000} /* ---- Section styles ----- */ :root{--transparent:transparent;--black:#000000} /* ---- Section styles ----- */ :root{--lato:'Lato';--montserrat:'Montserrat';--transparent:transparent;--black:#000000;--green:#9ae6b4;--color-mdnhqzen:#134977ff}.paragraph-oJCWq_TVWFA.text-output h1:first-child:before,.paragraph-oJCWq_TVWFA.text-output h2:first-child:before,.paragraph-oJCWq_TVWFA.text-output h3:first-child:before,.paragraph-oJCWq_TVWFA.text-output h4:first-child:before,.paragraph-oJCWq_TVWFA.text-output h5:first-child:before,.paragraph-oJCWq_TVWFA.text-output h6:first-child:before,.paragraph-oJCWq_TVWFA.text-output p:first-child:before,.paragraph-x3qjb1Z81Ob.text-output h1:first-child:before,.paragraph-x3qjb1Z81Ob.text-output h2:first-child:before,.paragraph-x3qjb1Z81Ob.text-output h3:first-child:before,.paragraph-x3qjb1Z81Ob.text-output h4:first-child:before,.paragraph-x3qjb1Z81Ob.text-output h5:first-child:before,.paragraph-x3qjb1Z81Ob.text-output h6:first-child:before,.paragraph-x3qjb1Z81Ob.text-output p:first-child:before{color:var(--text-color);content:'\'; font-family: '';margin-right:5px;font-weight:700}#social-icons-7lViQc8n8O- .social-media-icon{height:20px;width:20px}#social-icons-7lViQc8n8O- .social-icons-container{justify-content:center}.paragraph-oJCWq_TVWFA{font-weight:500}@media screen and (min-width:0px) and (max-width:480px){.paragraph-oJCWq_TVWFA h1,.paragraph-oJCWq_TVWFA h2,.paragraph-oJCWq_TVWFA h3,.paragraph-oJCWq_TVWFA h4,.paragraph-oJCWq_TVWFA h5,.paragraph-oJCWq_TVWFA h6,.paragraph-oJCWq_TVWFA ul li,.paragraph-oJCWq_TVWFA.text-output{font-size:14px!important;font-weight:500}}@media screen and (min-width:481px) and (max-width:10000px){.paragraph-oJCWq_TVWFA h1,.paragraph-oJCWq_TVWFA h2,.paragraph-oJCWq_TVWFA h3,.paragraph-oJCWq_TVWFA h4,.paragraph-oJCWq_TVWFA h5,.paragraph-oJCWq_TVWFA h6,.paragraph-oJCWq_TVWFA ul li,.paragraph-oJCWq_TVWFA.text-output{font-size:14px!important;font-weight:500}}#col-PJoEwimoj44>.inner,#col-h0pv3VecvVc>.inner{flex-direction:column;justify-content:flex-start;align-items:inherit;flex-wrap:nowrap}@media screen and (min-width:481px) and (max-width:10000px){.button-iwgXcRfB9MP .button-icon-end,.button-iwgXcRfB9MP .button-icon-start,.button-iwgXcRfB9MP .main-heading-button{font-size:15px;font-weight:400}.button-iwgXcRfB9MP .button-icon-start{margin-right:5px}.button-iwgXcRfB9MP .button-icon-end{margin-left:5px}.button-iwgXcRfB9MP .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-iwgXcRfB9MP .button-icon-end,.button-iwgXcRfB9MP .button-icon-start,.button-iwgXcRfB9MP .main-heading-button{font-size:15px;font-weight:400}.button-iwgXcRfB9MP .button-icon-start{margin-right:5px}.button-iwgXcRfB9MP .button-icon-end{margin-left:5px}.button-iwgXcRfB9MP .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button-uTUHEoB9QRw .button-icon-end,.button-uTUHEoB9QRw .button-icon-start,.button-uTUHEoB9QRw .main-heading-button{font-size:15px;font-weight:400}.button-uTUHEoB9QRw .button-icon-start{margin-right:5px}.button-uTUHEoB9QRw .button-icon-end{margin-left:5px}.button-uTUHEoB9QRw .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-uTUHEoB9QRw .button-icon-end,.button-uTUHEoB9QRw .button-icon-start,.button-uTUHEoB9QRw .main-heading-button{font-size:15px;font-weight:400}.button-uTUHEoB9QRw .button-icon-start{margin-right:5px}.button-uTUHEoB9QRw .button-icon-end{margin-left:5px}.button-uTUHEoB9QRw .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button-jLYvnrxf8xh .button-icon-end,.button-jLYvnrxf8xh .button-icon-start,.button-jLYvnrxf8xh .main-heading-button{font-size:15px;font-weight:400}.button-jLYvnrxf8xh .button-icon-start{margin-right:5px}.button-jLYvnrxf8xh .button-icon-end{margin-left:5px}.button-jLYvnrxf8xh .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-jLYvnrxf8xh .button-icon-end,.button-jLYvnrxf8xh .button-icon-start,.button-jLYvnrxf8xh .main-heading-button{font-size:15px;font-weight:400}.button-jLYvnrxf8xh .button-icon-start{margin-right:5px}.button-jLYvnrxf8xh .button-icon-end{margin-left:5px}.button-jLYvnrxf8xh .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button-OEhjuWNCZn6 .button-icon-end,.button-OEhjuWNCZn6 .button-icon-start,.button-OEhjuWNCZn6 .main-heading-button{font-size:15px;font-weight:400}.button-OEhjuWNCZn6 .button-icon-start{margin-right:5px}.button-OEhjuWNCZn6 .button-icon-end{margin-left:5px}.button-OEhjuWNCZn6 .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-OEhjuWNCZn6 .button-icon-end,.button-OEhjuWNCZn6 .button-icon-start,.button-OEhjuWNCZn6 .main-heading-button{font-size:15px;font-weight:400}.button-OEhjuWNCZn6 .button-icon-start{margin-right:5px}.button-OEhjuWNCZn6 .button-icon-end{margin-left:5px}.button-OEhjuWNCZn6 .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button--7vWxOQWpxU .button-icon-end,.button--7vWxOQWpxU .button-icon-start,.button--7vWxOQWpxU .main-heading-button{font-size:15px;font-weight:400}.button--7vWxOQWpxU .button-icon-start{margin-right:5px}.button--7vWxOQWpxU .button-icon-end{margin-left:5px}.button--7vWxOQWpxU .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button--7vWxOQWpxU .button-icon-end,.button--7vWxOQWpxU .button-icon-start,.button--7vWxOQWpxU .main-heading-button{font-size:15px;font-weight:400}.button--7vWxOQWpxU .button-icon-start{margin-right:5px}.button--7vWxOQWpxU .button-icon-end{margin-left:5px}.button--7vWxOQWpxU .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button-gsHVfSFs-pi .button-icon-end,.button-gsHVfSFs-pi .button-icon-start,.button-gsHVfSFs-pi .main-heading-button{font-size:15px;font-weight:400}.button-gsHVfSFs-pi .button-icon-start{margin-right:5px}.button-gsHVfSFs-pi .button-icon-end{margin-left:5px}.button-gsHVfSFs-pi .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-gsHVfSFs-pi .button-icon-end,.button-gsHVfSFs-pi .button-icon-start,.button-gsHVfSFs-pi .main-heading-button{font-size:15px;font-weight:400}.button-gsHVfSFs-pi .button-icon-start{margin-right:5px}.button-gsHVfSFs-pi .button-icon-end{margin-left:5px}.button-gsHVfSFs-pi .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}} /* ---- BG styles ----- */ :root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-MuSYSOxCihR,.hl_page-preview--content .row-Mm10gQKCSZT,.hl_page-preview--content .section-cP-bCkzcL6{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-MuSYSOxCihR,.hl_page-preview--content .row-Mm10gQKCSZT{margin:0 auto;padding:0 5px;width:100%}.hl_page-preview--content .col-MuSYSOxCihR{margin:0}.hl_page-preview--content .custom-code-xka2qWn3ZP1{margin:0;width:auto;height:auto}#section-cP-bCkzcL6>.inner{max-width:1170px}#col-MuSYSOxCihR>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} /* ---- Section styles ----- */ :root{--transparent:transparent;--black:#000000}.hl_page-preview--content .section-Pnt8_zZFNt{box-shadow:none;padding:0;margin:10px 0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .section-Pnt8_zZFNt{margin-top:0;padding-top:0}}.hl_page-preview--content .col-_KZdBOIvx4,.hl_page-preview--content .row-WHV1sC3Wct{margin:0 auto;box-shadow:none;padding:0 5px;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid;width:100%}.hl_page-preview--content .col-_KZdBOIvx4{padding:10px 5px;margin:0}.hl_page-preview--content .custom-code-iLvrYszS8n,.hl_page-preview--content .custom-code-wXJ_4d07Rh{margin:0;width:auto;height:auto}#section-Pnt8_zZFNt>.inner{max-width:1170px}#col-_KZdBOIvx4>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} /* ---- Section styles ----- */ :root{--lato:'Lato';--montserrat:'Montserrat';--transparent:transparent;--black:#000000;--green:#9ae6b4;--color-mdnhqzen:#134977ff}.hl_page-preview--content .section-uODUzyQfCMw{box-shadow:none;padding:40px 0;margin:0;background-color:var(--transparent);border-color:var(--black);border-width:2px;border-style:solid}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .section-uODUzyQfCMw{padding-bottom:0;padding-top:0;margin-top:20px}}.hl_page-preview--content .row-ypdSTJqEtWw{margin:40px auto 0}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .row-ypdSTJqEtWw{margin-bottom:0;margin-top:20px}}.hl_page-preview--content .row-ypdSTJqEtWw{box-shadow:none;padding:15px 10px;background-color:var(--transparent);border-color:var(--black);border-width:2px;border-style:solid;width:100%}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .row-ypdSTJqEtWw{padding-bottom:10px}}.hl_page-preview--content .col-oqv8g8VkGqi{box-shadow:none;padding:10px 5px;background-color:var(--transparent);width:37.4%;border-color:var(--black);border-width:2px;border-style:solid;backdrop-filter:none;margin:0}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .col-oqv8g8VkGqi{padding-top:30px;padding-bottom:20px}}.hl_page-preview--content #paragraph-qvdee7Xfd6L{margin:0}.hl_page-preview--content .cparagraph-qvdee7Xfd6L{font-family:var(--contentfont);background-color:var(--transparent);color:var(--color-mdnhqzen);icon-color:var(--text-color);font-weight:400;box-shadow:none;padding:0;opacity:1;text-shadow:none;border-color:var(--black);border-width:2px;border-style:solid;line-height:1.3em;letter-spacing:0;text-align:right}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .cparagraph-qvdee7Xfd6L{text-align:center}}.hl_page-preview--content .csocial-icons-nYfr8MGj-nv{font-family:Inter;font-size:12px;font-weight:500;color:#000;padding:0;margin:0}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .csocial-icons-nYfr8MGj-nv{color:#134977ff}}.hl_page-preview--content #paragraph--GINy4Wzknp{margin:0;width:auto;height:auto}.hl_page-preview--content .col-TBpvPt4N8FJ,.hl_page-preview--content .cparagraph--GINy4Wzknp{box-shadow:none;background-color:var(--transparent);border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .cparagraph--GINy4Wzknp{font-family:var(--contentfont);color:var(--color-mdnhqzen);icon-color:var(--text-color);font-weight:medium;padding:0;opacity:1;text-shadow:none;line-height:1.3em;text-transform:none;letter-spacing:0;text-align:center}.hl_page-preview--content .col-TBpvPt4N8FJ{padding:10px 5px;width:26.8%;margin:0}.hl_page-preview--content .button-N18Xu67qBpn{margin:0 0 10px;text-align:center}.hl_page-preview--content .cbutton-N18Xu67qBpn{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-XXd4m6A7SC_{margin:0 0 10px;text-align:left}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .button-XXd4m6A7SC_{text-align:center}}.hl_page-preview--content .cbutton-XXd4m6A7SC_{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .col-uCROv-yVmiw{box-shadow:none;padding:10px 5px;background-color:var(--transparent);width:26.8%;border-color:var(--black);border-width:2px;border-style:solid;margin:0}.hl_page-preview--content .button-JWr7N6Pdlgk{margin:0 0 10px;text-align:left}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .button-JWr7N6Pdlgk{text-align:center}}.hl_page-preview--content .cbutton-JWr7N6Pdlgk{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-aSVMXhx3xmc{margin:0 0 10px;text-align:left}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .button-aSVMXhx3xmc{text-align:center}}.hl_page-preview--content .cbutton-aSVMXhx3xmc{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .col-sGaq67qfME7{box-shadow:none;padding:10px 5px;background-color:var(--transparent);width:35.8%;border-color:var(--black);border-width:2px;border-style:solid;margin:0}.hl_page-preview--content .button-7Sspj7fh2ws{margin:0 0 10px;text-align:left}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .button-7Sspj7fh2ws{text-align:center}}.hl_page-preview--content .cbutton-7Sspj7fh2ws{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-kNspbXXM31h{margin:0 0 10px;text-align:left}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .button-kNspbXXM31h{text-align:center}}.hl_page-preview--content .cbutton-kNspbXXM31h{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}#section-uODUzyQfCMw>.inner{max-width:100%}#col-oqv8g8VkGqi>.inner{flex-direction:column;justify-content:flex-start;align-items:inherit;flex-wrap:nowrap}.paragraph-qvdee7Xfd6L{font-weight:400}.paragraph-qvdee7Xfd6L em,.paragraph-qvdee7Xfd6L strong,.paragraph-qvdee7Xfd6L u{color:var(--text-color)}.paragraph--GINy4Wzknp a,.paragraph--GINy4Wzknp a *,.paragraph-qvdee7Xfd6L a,.paragraph-qvdee7Xfd6L a *{color:var(--link-color);text-decoration:none}.paragraph--GINy4Wzknp a u,.paragraph--GINy4Wzknp a:hover,.paragraph-qvdee7Xfd6L a u,.paragraph-qvdee7Xfd6L a:hover{text-decoration:underline}.paragraph--GINy4Wzknp a s,.paragraph-qvdee7Xfd6L a s{text-decoration:line-through}@media screen and (min-width:0px) and (max-width:480px){.paragraph-qvdee7Xfd6L h1,.paragraph-qvdee7Xfd6L h2,.paragraph-qvdee7Xfd6L h3,.paragraph-qvdee7Xfd6L h4,.paragraph-qvdee7Xfd6L h5,.paragraph-qvdee7Xfd6L h6,.paragraph-qvdee7Xfd6L ul li,.paragraph-qvdee7Xfd6L.text-output{font-size:14px!important;font-weight:400}}@media screen and (min-width:481px) and (max-width:10000px){.paragraph-qvdee7Xfd6L h1,.paragraph-qvdee7Xfd6L h2,.paragraph-qvdee7Xfd6L h3,.paragraph-qvdee7Xfd6L h4,.paragraph-qvdee7Xfd6L h5,.paragraph-qvdee7Xfd6L h6,.paragraph-qvdee7Xfd6L ul li,.paragraph-qvdee7Xfd6L.text-output{font-size:14px!important;font-weight:400}}.paragraph--GINy4Wzknp.text-output h1:first-child:before,.paragraph--GINy4Wzknp.text-output h2:first-child:before,.paragraph--GINy4Wzknp.text-output h3:first-child:before,.paragraph--GINy4Wzknp.text-output h4:first-child:before,.paragraph--GINy4Wzknp.text-output h5:first-child:before,.paragraph--GINy4Wzknp.text-output h6:first-child:before,.paragraph--GINy4Wzknp.text-output p:first-child:before,.paragraph-qvdee7Xfd6L.text-output h1:first-child:before,.paragraph-qvdee7Xfd6L.text-output h2:first-child:before,.paragraph-qvdee7Xfd6L.text-output h3:first-child:before,.paragraph-qvdee7Xfd6L.text-output h4:first-child:before,.paragraph-qvdee7Xfd6L.text-output h5:first-child:before,.paragraph-qvdee7Xfd6L.text-output h6:first-child:before,.paragraph-qvdee7Xfd6L.text-output p:first-child:before{color:var(--text-color);content:'\'; font-family: '';margin-right:5px;font-weight:700} .hl_page-preview--content .section-loSE4nAN5k{box-shadow:none;padding:0 0 10px;margin:10px 0 0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .section-loSE4nAN5k{margin-top:40px;padding-bottom:0}}.hl_page-preview--content .row-yg_KRnIgPKX{margin:10px auto 0}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .row-yg_KRnIgPKX{margin-top:0}}.hl_page-preview--content .row-yg_KRnIgPKX{box-shadow:none;padding:10px 0 9px;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid;width:100%}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .row-yg_KRnIgPKX{padding-left:0!important;padding-right:0!important;padding-top:0}}.hl_page-preview--content .col-j6EPIUl5VlN{box-shadow:none;padding:10px 0;background-color:var(--transparent);backdrop-filter:none;width:100%;border-color:var(--black);border-width:2px;border-style:solid;margin:0}.hl_page-preview--content .custom-code-56Wzm_kP8PH{margin:0}#section-loSE4nAN5k>.inner{max-width:100%}#col-j6EPIUl5VlN>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} /* ========================================================= MINI TAILWIND (SCOPED) — CLEAN + RELIABLE FOR .tw WRAPPER Fixes: md:flex-row override issues, grid/width stacking, duplicate utility contradictions. ========================================================= */ /* ---------- Wrapper Defaults ---------- */ .tw { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.5; box-sizing: border-box; } .tw*, .tw::before, .tw::after { box-sizing: inherit; } /* ---------- Typography ---------- */ .tw .text-xs { font-size: .75rem; line-height: 1rem; } .tw .text-sm { font-size: .875rem; line-height: 1.25rem; } .tw .text-s { font-size: .875rem; line-height: 1.25rem; } .tw .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .tw .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .tw .text-2xl { font-size: 1.5rem; line-height: 2rem; } .tw .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .tw .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .tw .font-light { font-weight: 300; } .tw .font-semibold { font-weight: 400; } .tw .font-bold { font-weight: 700; } .tw .font-\[300\] { font-weight: 300; } .tw .leading-tight { line-height: 1.25; } .tw .leading-relaxed { line-height: 1.625; } .tw .whitespace-nowrap { white-space: nowrap; } .tw .text-center { text-align: center; } .tw .underline { text-decoration-line: underline; } .tw .text-white { color: #fff; } .tw .text-sky-900 { color: #0c4a6e; } .tw .text-gray-600 { color: rgb(75 85 99); } .tw .text-gray-800 { color: rgb(31 41 55); } .tw .text-\[\#134977\] { color: #134977; } .tw .text-\[\#eeb71d\] { color: #eeb71d; } .tw .text-\[\#fff\] { color: #fff; } /* (optional compatibility for earlier wrong selectors) */ .tw.text-gray-800 { color: rgb(31 41 55); } .tw.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tw.font-\[Inter\] { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; } /* ---------- Layout / Display ---------- */ .tw .relative { position: relative; } .tw .absolute { position: absolute; } .tw .flex { display: flex; } .tw .inline-block { display: inline-block; } .tw .grid { display: grid; } .tw .hidden { display: none; } .tw .flex-col { flex-direction: column; } .tw .items-start { align-items: flex-start; } .tw .items-center { align-items: center; } .tw .items-stretch { align-items: stretch; } .tw .justify-center { justify-content: center; } .tw .justify-between { justify-content: space-between; } .tw .justify-items-center { justify-items: center; } .tw .overflow-hidden { overflow: hidden; } .tw .z-10 { z-index: 10; } .tw .z-20 { z-index: 20; } /* ---------- Position helpers ---------- */ .tw .inset-x-0 { left: 0; right: 0; } .tw .bottom-0 { bottom: 0; } .tw .bottom-6 { bottom: 1.5rem; } .tw .right-0 { right: 0; } /* ---------- Sizing ---------- */ .tw .w-full { width: 100%; } .tw .w-4 { width: 1rem; } .tw .w-16 { width: 4rem; } .tw .h-full { height: 100%; } .tw .h-4 { height: 1rem; } .tw .h-14 { height: 3.5rem; } .tw .h-16 { height: 4rem; } .tw .h-27 { height: 6.75rem; } .tw .h-\[260px\] { height: 260px; } .tw .h-\[450px\] { height: 450px; } .tw .h-\[650px\] { height: 650px; } .tw .min-h-screen { min-height: 100vh; } .tw .max-w-md { max-width: 28rem; } .tw .max-w-2xl { max-width: 42rem; } .tw .max-w-7xl { max-width: 80rem; } .tw .max-w-\[420px\] { max-width: 420px; } .tw .max-w-\[19rem\] { max-width: 19rem; } .tw .max-w-\[18rem\] { max-width: 18rem; } .tw .flex-1 { flex: 1 1 0%; } .tw .flex-shrink-0 { flex-shrink: 0; } .tw .object-contain { object-fit: contain; } /* ---------- Spacing ---------- */ .tw .mx-auto { margin-left: auto; margin-right: auto; } .tw .mt-0 { margin-top: 0; } .tw .mt-1 { margin-top: .25rem; } .tw .mt-2 { margin-top: .5rem; } .tw .mt-4 { margin-top: 1rem; } .tw .mt-5 { margin-top: 1.25rem; } .tw .mt-6 { margin-top: 1.5rem; } .tw .mt-7 { margin-top: 1.75rem; } .tw .mt-0\.5 { margin-top: .125rem; } .tw .mb-3 { margin-bottom: .75rem; } .tw .mb-4 { margin-bottom: 1rem; } .tw .mb-6 { margin-bottom: 1.5rem; } .tw .mb-8 { margin-bottom: 2rem; } .tw .mb-16 { margin-bottom: 4rem; } .tw .mr-3 { margin-right: .75rem; } .tw .mr-12 { margin-right: 3rem; } .tw .ml-3 { margin-left: .75rem; } .tw .p-1 { padding: .25rem; } .tw .p-2 { padding: .5rem; } .tw .p-3 { padding: .75rem; } .tw .p-8 { padding: 2rem; } .tw .px-3 { padding-left: .75rem; padding-right: .75rem; } .tw .px-4 { padding-left: 1rem; padding-right: 1rem; } .tw .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .tw .px-8 { padding-left: 2rem; padding-right: 2rem; } .tw .py-2 { padding-top: .5rem; padding-bottom: .5rem; } .tw .py-3 { padding-top: .75rem; padding-bottom: .75rem; } .tw .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .tw .pt-8 { padding-top: 2rem; } .tw .pr-3 { padding-right: .75rem; } .tw .pr-8 { padding-right: 2rem; } .tw .pl-5 { padding-left: 1.25rem; } .tw .pl-1\.5 { padding-left: .375rem; } .tw .pb-0 { padding-bottom: 0; } .tw .pb-\[30px\] { padding-bottom: 30px; } .tw .gap-4 { gap: 1rem; } .tw .gap-6 { gap: 1.5rem; } .tw .gap-10 { gap: 2.5rem; } /* space-y */ .tw .space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.5rem; } .tw .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: .375rem; } /* ---------- Backgrounds ---------- */ .tw .bg-white { background-color: #fff; } .tw .bg-sky-100 { background-color: rgb(224 242 254); } .tw .bg-sky-900 { background-color: #0c4a6e; } .tw .bg-sky-200\/5 { background-color: rgba(186,230,253,.05); } .tw .bg-sky-200\/10 { background-color: rgba(186,230,253,.10); } .tw .bg-sky-200\/20 { background-color: rgba(186,230,253,.20); } .tw .bg-yellow-200 { background-color: rgb(254 240 138); } .tw .bg-\[\#134977\] { background-color: #134977; } .tw .bg-\[rgba\(111\,110\,114\,0\.5\)\] { background-color: rgba(111,110,114,.5); } .tw .bg-grey-900\/30 { background-color: rgb(17 24 39 / .3); } .tw .bg-grey-300\/30 { background-color: rgb(209 213 219 / .3); } .tw .bg-cover { background-size: cover; } .tw .bg-center { background-position: center; } .tw .bg-no-repeat { background-repeat: no-repeat; } .tw .hover\:bg-sky-700\/50:hover { background-color: rgba(3,105,161,.5); } .tw .hover\:bg-white:hover { background-color: #fff; } .tw .hover\:bg-blue-700:hover { background-color: #1d4ed8; } /* ---------- Borders / Radius ---------- */ .tw .border { border: 1px solid rgb(229 231 235); } .tw .border-2 { border: 2px solid rgb(229 231 235); } .tw .border-gray-100 { border-color: rgb(243 244 246); } .tw .border-sky-900 { border-color: #0c4a6e; } .tw .border-sky-400\/10 { border-color: rgba(56,189,248,.10); } .tw .border-sky-400\/20 { border-color: rgba(56,189,248,.20); } .tw .border-white\/30 { border-color: rgb(255 255 255 / .3); } .tw .border-\[\#eeb71d\] { border-color: #eeb71d; } .tw .hover\:border-\[\#eeb71d\]:hover { border-color: #eeb71d; } .tw .rounded-md { border-radius: .375rem; } .tw .rounded-lg { border-radius: .5rem; } .tw .rounded-xl { border-radius: .75rem; } .tw .rounded-2xl { border-radius: 1rem; } .tw .rounded-full { border-radius: 9999px; } .tw .rounded-tl-xl { border-top-left-radius: .75rem; } /* ---------- Effects / Motion ---------- */ .tw .shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); } .tw .shadow-xl { box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1); } .tw .backdrop-blur-sm { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .tw .backdrop-blur-md { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .tw .opacity-100 { opacity: 1; } .tw .select-none { -webkit-user-select: none; user-select: none; } .tw .transition { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; } .tw .transition-colors { transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; } .tw .transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; } .tw .duration-300 { transition-duration: 300ms; } .tw .hover\:-translate-y-2:hover { transform: translateY(-.5rem); } .tw .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .tw .focus\:ring-2:focus { box-shadow: 0 0 0 2px var(--tw-ring-color, rgb(59 130 246 / .5)); } .tw .focus\:ring-white\/70:focus { --tw-ring-color: rgb(255 255 255 / .7); } /* ---------- Container ---------- */ .tw .container { width: 100%; } @media (min-width:640px) { .tw .container { max-width: 640px; } } @media (min-width:768px) { .tw .container { max-width: 768px; } } @media (min-width:1024px) { .tw .container { max-width: 1024px; } } /* ========================================================= RESPONSIVE VARIANTS (ALWAYS AFTER BASE) — IMPORTANT! ========================================================= */ /* SM */ @media (min-width:640px) { .tw .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .tw .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; } .tw .sm\:mb-24 { margin-bottom: 6rem; } } /* MD */ @media (min-width:768px) { .tw .md\:flex { display: flex; } .tw .md\:block { display: block; } .tw .md\:flex-row { flex-direction: row; } .tw .md\:flex-row-reverse { flex-direction: row-reverse; } .tw .md\:w-1\/3 { width: 33.333333%; } .tw .md\:w-2\/3 { width: 66.666667%; } .tw .md\:w-64 { width: 16rem; } .tw .md\:mr-6 { margin-right: 1.5rem; } .tw .md\:mb-0 { margin-bottom: 0; } .tw .md\:mt-0 { margin-top: 0; } .tw .md\:grid { display: grid; } .tw .md\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)); } .tw .md\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)); } .tw .md\:gap-x-12 { column-gap: 3rem; } .tw .md\:justify-end { justify-content: flex-end; } .tw .md\:justify-start { justify-content: flex-start; } .tw .md\:order-1 { order: 1; } .tw .md\:order-2 { order: 2; } } /* LG */ @media (min-width:1024px) { .tw .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } .tw .lg\:px-16 { padding-left: 4rem; padding-right: 4rem; } .tw .lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .tw .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; } } /* ========================================================= ORDER GUARD (minimal, but makes it “paste-proof”) Keeps md:* winning even if later CSS accidentally redefines base utilities again. ========================================================= */ @media (min-width:768px) { .tw .md\:flex-row { flex-direction: row !important; } .tw .md\:flex-row-reverse { flex-direction: row-reverse !important; } .tw .md\:w-1\/3 { width: 33.333333% !important; } .tw .md\:w-2\/3 { width: 66.666667% !important; } .tw .md\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .tw .md\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } } /* ========================================= PATCH: Fix grid-cols-3 + task-card h-27 clipping Paste at VERY END of Custom CSS ========================================= */ /* --- (A) Grid columns missing (your markup uses grid-cols-3 without breakpoint) --- */ .tw .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .tw .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tw .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* --- (B) Stop rating cards from clipping (h-27 is fixed height) --- */ /* Best is removing h-27 in HTML, but this is the safe CSS fix: */ .tw .task-card.h-27 { height: auto !important; min-height: 6.75rem; /* keeps your “equal-ish” card height */ } /* ========================================= FIX: "Mieteinnahmen berechnen" Button abgeschnitten ========================================= */ /* gib dem Screen unten Luft */ .tw .rc-screen { overflow: visible; } .tw .rc-screen-input, .tw .rc-screen-result { padding-bottom: 20px; /* wichtig: Platz nach unten */ } /* Sicherheit: Button-Höhe bleibt stabil */ .tw .rc-actions .rc-btn { line-height: 1.2; } /* optional: falls das Layout sehr eng ist */ .tw .rc-actions { padding-bottom: 8px; } /* FONTS*/ .font-manrope { font-family: 'Manrope', sans-serif !important; } /* Klasse für Inter */ .font-inter { font-family: 'Inter', sans-serif !important; } /* Optional: Damit auch Überschriften und Absätze innerhalb des Code-Blocks reagieren */ .font-manrope *, .font-inter * { font-family: inherit !important; } /* ========================================= FIX: Rating-Zeile passt immer in die Karte (1 Zeile) ========================================= */ /* trifft nur deine "4.7/5 Exzellent" / "4.9/5 Grandios" / "8.8/10 Fabelhaft" Zeilen */ .tw .task-card p.whitespace-nowrap { line-height: 1.1; /* skaliert mit dem Viewport: klein auf engen Screens, groß auf großen Screens */ font-size: clamp(1rem, 1vw + 0.45rem, 1.5rem); /* max = 2xl */ } /* optional: bei enger Breite etwas weniger Innenabstand -> mehr Platz für Text */ @media (max-width: 1100px) { .tw .task-card { padding-left: .75rem; padding-right: .75rem; } } @media (max-width: 1024px) { #section-Onte0rhhF, #row-VrRK72h5uRQ, #col--eY_DRklQXj, #row-m3OdFe9TZLn, #col-C40anPqw1Lu, #col-qOKKlWQ1N-R, #section-COMlXnq-PR, #row-WoKkZ_7eE0Z, #col-Vt7rb0LpYds, #section-aeJNy7q9Hf, #row-Qh5o2lIQ4fU, #col-EyJGcJCRyv_, #section-loSE4nAN5k, #row-yg_KRnIgPKX, #col-j6EPIUl5VlN, #section-8i68BRaYFM, #row-aT6lMvmr5J, #col-y-h7Mb53kK, #section-by1r7ZhNyA, #row-U6dW_e_ZlZ, #col-Am3WrwOTSO, #section-nZFemT0uKW, #row-dfbSKjA15Mv, #col-sfePcLDNEKj, #section-_YJi2bCD1R, #row-835Pc1FrZP6, #col-FrIWCHKQNYI, #section-UiaFcyUgdQ, #row-LPLG66X7Qg1, #col-KbChPp4MFfJ, #section-uGlepzK7tw, #row-fZqyBhhBwsz, #col-wnwgDXWUY8Y, #section-u5wRHYivvW, #row-O-CWQ97ikzq, #col-pZBYOQa3bIv, #section-q15lZj3Vdo, #row-abqVxXlJL6z, #col-Eg7Z6Du1gci, #section-x_pG3LzSO7, #row-gqeGwhDLQon, #col-tDBXbUMKmz3, #col-1Y6Vx3m4tu5, #col-YpFJE5m083P, #col-W25azg7UZVz, #section-cpORfFVxcF, #row-mEJUEZnJCbt, #col-h0pv3VecvVc, #col-PJoEwimoj44, #col-AU1kzJoBATW, #section-cP-bCkzcL6, #row-Mm10gQKCSZT, #col-MuSYSOxCihR, #section-Pnt8_zZFNt, #row-WHV1sC3Wct, #col-_KZdBOIvx4, #section-uODUzyQfCMw, #row-ypdSTJqEtWw, #col-sGaq67qfME7, #col-uCROv-yVmiw, #col-TBpvPt4N8FJ, #col-oqv8g8VkGqi { animation: none !important; } } :root{--sticky-header-height:0px}[id]{scroll-margin-top:var(--sticky-header-height)}.noBorder{border:none!important}@media(min-width:768px){.hl_wrapper.nav-shrink .hl_wrapper--inner.page-creator,body{padding-top:0}}body{margin:0;-webkit-font-smoothing:antialiased}img{border-style:none;vertical-align:middle}@keyframes v-moonStretchDelay{to{transform:rotate(1turn)}}.c-section>.inner{display:flex;flex-direction:column;justify-content:center;margin:auto;z-index:2}.c-row>.inner{display:flex;width:100%}.c-column>.inner{display:flex;flex-direction:column;height:100%;justify-content:inherit;width:100%!important}.c-wrapper{position:relative}.c-column{flex:1}.c-column,.c-row{position:relative}p+p{margin-top:auto}.page-wrapper .sortable-ghost:before{background:#188bf6!important;border-radius:4px;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.active-drop-area:before{color:gray;content:"";font-size:12px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.flex{display:flex}.flex-col{flex-direction:column}.relative{position:relative}.gap-2{gap:.625rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.text-white{color:#fff}.right-0{right:0}.overflow-hidden{overflow:hidden}.min-h-screen{min-height:100vh}.grid{display:grid}.mb-8{margin-bottom:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.items-center{align-items:center}.text-2xl{font-size:1.5rem}.text-sm{font-size:.875rem}.w-full{width:100%}.mt-2{margin-top:.5rem}.justify-end{justify-content:flex-end}.justify-center{justify-content:center!important}.text-center{text-align:center}.mx-auto{margin:0 auto}@media only screen and (max-width:767px){.c-row>.inner{flex-direction:column}.desktop-only{display:none}.c-column,.c-row{width:100%!important}.c-column,.c-column>.inner,.c-row>.inner,.c-section,.c-section>.inner{padding-left:0!important;padding-right:0!important}.c-column,.c-column>.inner,.c-row{margin-left:0!important;margin-right:0!important}.c-row{padding-left:10px!important;padding-right:10px!important}}@media only screen and (min-width:1024.02px){.mobile-only{display:none}}@media only screen and (min-width:768px)and (max-width:1024px){.tablet-hide{display:none}}.c-column{flex:1 1 auto!important}.c-row>.inner{display:flex;width:100%}.bgCover.bg-fixed:before{background-attachment:fixed!important;background-position:50%!important;background-repeat:repeat!important;background-size:cover!important;-webkit-background-size:cover!important}@supports (-webkit-touch-callout:inherit){.bgCover.bg-fixed:before{background-attachment:scroll!important}}.bgCover100.bg-fixed:before{background-size:100% auto!important;-webkit-background-size:100% auto!important}.bgCover100.bg-fixed:before,.bgNoRepeat.bg-fixed:before{background-repeat:no-repeat!important}.bgRepeatX.bg-fixed:before{background-repeat:repeat-x!important}.bgRepeatY.bg-fixed:before{background-repeat:repeat-y!important}.bgRepeatXTop.bg-fixed:before{background-position:top!important;background-repeat:repeat-x!important}.bgRepeatXBottom.bg-fixed:before{background-position:bottom!important;background-repeat:repeat-x!important}.radius0{border-radius:0}@keyframes rocking{0%{transform:rotate(0)}25%{transform:rotate(0)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #fff0}25%{box-shadow:0 0 2.5px 1px #ffffff40}50%{box-shadow:0 0 5px 2px #ffffff80}85%{box-shadow:0 0 5px 5px #fff0}to{box-shadow:0 0 #fff0}}@keyframes bounce{15%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}35%{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-35%)}45%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}55%{box-shadow:0 5px 4px -4px #00000040;transform:translateY(-20%)}70%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}80%{box-shadow:0 4px 3px -3px #00000040;transform:translateY(-10%)}90%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}95%{box-shadow:0 2px 3px -3px #00000040;transform:translateY(-2%)}99%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 0 0 0 transparent;transform:translateY(0)}}@keyframes elevate{0%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-10px)}}@keyframes wobble{0%{transform:skew(0)}25%{transform:skew(10deg)}50%{transform:skew(0)}75%{transform:skew(-10deg)}to{transform:skew(0)}}.c-section>.inner{margin-left:auto;margin-right:auto;max-width:1170px;width:100%}.c-column{padding-left:15px;padding-right:15px}.row-align-center{margin:0 auto}button,input,optgroup,select,textarea{border-radius:unset;font-family:unset;font-size:unset;line-height:unset;margin:unset;text-transform:unset}body{font-weight:unset!important;line-height:unset!important;-moz-osx-font-smoothing:grayscale;word-wrap:break-word}*,:after,:before{box-sizing:border-box}#nav-menu-popup .nav-menu-body .close-menu:before{content:""}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i:before{content:""}.text-output ul li:before{display:inline-block;font-weight:700;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}@keyframes progress-bar-animation{to{background-position:0 -3000px}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}h1,h2,h3,h4,h5,h6{font-weight:500;margin:unset}p{margin:unset}.c-bullet-list,.c-faq,.c-heading,.c-image-feature,.c-paragraph,.c-sub-heading{word-break:break-word}h1:empty:after,h2:empty:after,h3:empty:after,h4:empty:after,h5:empty:after,h6:empty:after,p:empty:after{content:" "}h1:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h2:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h3:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h4:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h5:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h6:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,p:has(>br:last-child):not(:has(>br:nth-of-type(2))):after{content:"\a";white-space:pre}@keyframes hvr-pulse{25%{transform:scale(var(--hover-scale,1.1))}75%{transform:scale(.9)}}@keyframes hvr-wobble-horizontal{16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}@keyframes hvr-buzz{50%{transform:translate(calc(var(--hover-distance, 3)*1px)) rotate(2deg)}to{transform:translate(calc(var(--hover-distance, 3)*-1px)) rotate(-2deg)}}.hvr-fade:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;opacity:0;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:opacity;z-index:0}.hvr-fade:hover:before{opacity:1!important}@keyframes hvr-fade-preview{0%{opacity:0}to{opacity:1}}.hl-builder-hover-preview.hvr-fade:before{animation:hvr-fade-preview var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-right:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:0 50%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hvr-sweep-to-right:hover:before{transform:scaleX(1)!important}@keyframes hvr-sweep-right-preview{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hl-builder-hover-preview.hvr-sweep-to-right:before{animation:hvr-sweep-right-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-bottom:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 0;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hvr-sweep-to-bottom:hover:before{transform:scaleY(1)!important}@keyframes hvr-sweep-bottom-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.hl-builder-hover-preview.hvr-sweep-to-bottom:before{animation:hvr-sweep-bottom-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-radial-in:before{background:var(--hover-fill-color,#188bf6);border-radius:100%;content:"";inset:0;position:absolute;transform:scale(2);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hvr-radial-in:hover:before{transform:scale(0)!important}@keyframes hvr-radial-in-preview{0%{transform:scale(2)}to{transform:scale(0)}}.hl-builder-hover-preview.hvr-radial-in:before{animation:hvr-radial-in-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-bounce-to-top:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 100%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:cubic-bezier(.47,2.02,.31,-.36);z-index:0}.hvr-bounce-to-top:hover:before{transform:scaleY(1)!important}@keyframes hvr-bounce-top-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.hl-builder-hover-preview.hvr-bounce-to-top:before{animation:hvr-bounce-top-preview var(--hover-duration,.3s) cubic-bezier(.47,2.02,.31,-.36) var(--hover-delay,0s) forwards!important}@keyframes hvr-ripple-out{to{inset:-12px;opacity:0}}.hvr-ripple-out:before{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);border:var(--hover-border-thickness,2px) solid var(--hover-border-color,#188bf6);content:"";inset:0;position:absolute}.hl-builder-hover-preview.hvr-ripple-out:before,.hvr-ripple-out:hover:before{animation-name:hvr-ripple-out}.hvr-outline-in:before{border:var(--hover-border-thickness,4px) solid var(--hover-border-color,#188bf6);content:"";inset:-16px;opacity:0;pointer-events:none;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:top,right,bottom,left,opacity}.hl-builder-hover-preview.hvr-outline-in:before,.hvr-outline-in:hover:before{inset:-8px!important;opacity:1!important}.hvr-underline-from-center:before{background:var(--hover-border-color,#188bf6);bottom:0;content:"";height:var(--hover-border-thickness,4px);left:51%;position:absolute;right:51%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:left,right;transition-timing-function:ease-out;z-index:0}.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-underline-from-center:hover:before{left:0!important;right:0!important}@media(hover:none),(max-width:1024px){.hl-builder-hover-preview.hvr-bounce-to-top:before,.hl-builder-hover-preview.hvr-fade:before,.hl-builder-hover-preview.hvr-outline-in:before,.hl-builder-hover-preview.hvr-ripple-out:before,.hl-builder-hover-preview.hvr-sweep-to-bottom:before,.hl-builder-hover-preview.hvr-sweep-to-right:before,.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-bounce-to-top:hover:before,.hvr-fade:hover:before,.hvr-outline-in:hover:before,.hvr-ripple-out:hover:before,.hvr-sweep-to-bottom:hover:before,.hvr-sweep-to-right:hover:before,.hvr-underline-from-center:hover:before{animation:none!important;opacity:0!important;transform:scale(0)!important}.hvr-radial-in:hover:before{animation:none!important;opacity:1!important;transform:scale(2)!important}}:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}@keyframes slideInDown{0%{opacity:0;transform:translate3d(0,-100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate3d(100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}@keyframes flip{0%{animation-timing-function:ease-out;opacity:0;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0)}to{animation-timing-function:ease-in;opacity:1;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0)}}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes lightSpeedInLeft{0%{opacity:0;transform:translate3d(-100%,0,0) skew(30deg)}60%{opacity:1;transform:skew(-20deg)}80%{transform:skew(5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;transform:translate3d(100%,0,0) skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}.bgVideo,.bgVideoWrapper{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.cover{-o-object-fit:cover;object-fit:cover} a { text-decoration: none; } /* Reset any existing styles that might interfere */ #navbar * { margin: 0; box-sizing: border-box; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } /* Navigation Styles */ #navbar { position: fixed; top: 0; left: 0; width: 100%; padding: 20px 0; z-index: 1000; transition: all 0.4s ease; background: transparent; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); margin: 0; border: none; transform: translateZ(0); -webkit-transform: translateZ(0); will-change: transform, background-color, backdrop-filter; } #navbar.scrolled { padding: 15px 0; background: rgba(135, 206, 250, 0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); } .nav-content { max-width: 100%; margin: 0 auto; display: grid; grid-template-columns: auto 1fr auto; align-items: center; padding: 0 20px; } .logo { color: #fff; font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-family: inherit; margin: 0; padding-right: 15px; display: flex; align-items: center; } .logo img { display: block; height: 40px; width: auto; max-width: 100%; border-radius: 5px; } .nav-links { display: flex; list-style: none; gap: 30px; margin: 0; padding: 0; justify-self: center; align-items: center; } .nav-links li { list-style: none; margin: 0; } .nav-links a { color: #00487A; text-decoration: none; font-size: 14px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; position: relative; transition: color 0.3s ease; font-family: inherit; padding: 5px 0; display: inline-block; } .nav-links a::after { content: ''; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; background-color: #00487A; transition: width 0.3s ease; } .nav-links a:hover::after { width: 100%; } /* Button Styling */ .nav-button { justify-self: end; padding-left: 15px; transition: opacity 0.5s ease-in-out; opacity: 0; pointer-events: none; } .nav-button.visible { opacity: 1; pointer-events: auto; } .nav-btn-base { position: relative; overflow: hidden; outline: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-weight: 600; padding: 14px 12px; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); text-transform: uppercase; letter-spacing: 1px; } .btn-glow { background-color: #134977; color: #ffffff; border: none; position: relative; z-index: 1; } .btn-glow::before { content: ''; position: absolute; inset: -5px; background: linear-gradient(45deg, #EEB71D, #134977); filter: blur(15px); z-index: -1; opacity: 0; transition: opacity 0.5s ease-in-out; border-radius: 12px; } .btn-glow:hover::before { opacity: 0.6; } .btn-glow:hover { box-shadow: 0 8px 20px #134977; } /* --- SPRACHEN SWITCH STYLES --- */ .lang-switch-item { display: flex; align-items: center; gap: 6px; margin-left: 10px; } .lang-switch-link { font-size: 13px !important; padding: 2px !important; opacity: 0.6; /* Etwas höherer Grundwert für bessere Lesbarkeit */ transition: opacity 0.3s ease, font-weight 0.3s ease; font-weight: 400 !important; } /* Die Klasse für die hervorzuhebende Sprache */ .lang-switch-link.highlight-lang { opacity: 1 !important; font-weight: 600 !important; /* Extra fett */ } .lang-switch-link:hover { opacity: 1; } .lang-switch-item a::after { display: none !important; } .lang-separator { color: #00487A; opacity: 0.3; font-size: 12px; user-select: none; } /* Responsive Styles */ @media (max-width: 768px) { .nav-content { grid-template-columns: auto 1fr; padding: 0 20px; } .logo { cursor: pointer; } #navbar, #navbar.scrolled { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; } .nav-button { display: none; } .logo { padding-top: 8px; } .nav-links { position: fixed; top: 0; right: -100%; width: 70%; height: 100vh; background: rgba(98, 197, 255, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); flex-direction: column; justify-content: center; align-items: center; transition: right 0.5s ease; z-index: 1000; padding: 80px 20px 40px; justify-self: auto; } .nav-links.active { right: 0; } .nav-links a { color: #fff; } .nav-links a::after { background-color: #fff; } .lang-switch-item { margin-left: 0; margin-top: 25px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.3); width: 60%; justify-content: center; } .lang-switch-link { color: #fff !important; font-size: 16px !important; } .lang-separator { color: #fff !important; opacity: 0.5; } } @media (min-width: 769px) { .nav-links li.mobileonly { display: none; } .nav-content { position: relative; } .nav-links { position: absolute; left: 50%; transform: translateX(-50%); justify-content: center; } } #text-rotator-container { width: 100%; overflow: hidden; position: relative; box-sizing: border-box; justify-content: flex-start; align-items: flex-start; } #text-rotator { width: 100%; transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1); } .rotator-item { width: 100%; display: flex; justify-content: flex-start; /* MODIFIED: Changed from 'center' to align text to the left */ align-items: center; text-align: left; /* MODIFIED: Changed from 'center' for left alignment */ white-space: nowrap; font-family: Arial, sans-serif; font-weight: bold; color: #FFFFFF; box-sizing: border-box; padding: 1em 10px; } @media (min-width: 480px) { .rotator-item { font-size: 50px !important; } } @media (max-width: 500px) { .rotator-item { font-size: 1.3rem !important; font-weight: bolder; padding: 0.8em 5px; white-space: normal; text-align: center; /* MODIFIED: Changed from 'center' for consistency */ line-height: 1.3; justify-content: flex-start; } #text-rotator { transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1); } } .rc-wrap { --primary: #134977; --secondary: #eeb71d; --text: #f3f6ff; --muted: rgba(228, 236, 255, 0.72); --rc-control-height: 52px; font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif; color: var(--text); background: transparent; min-height: auto; padding: 0; position: relative; overflow: visible; } .rc-wrap *, .rc-wrap *::before, .rc-wrap *::after { box-sizing: border-box; } .rc-container { width: min(980px, 100%); margin: 0 auto; position: relative; z-index: 1; } .glass-effect { backdrop-filter: blur(14px) brightness(0.91); -webkit-backdrop-filter: blur(14px) brightness(0.91); } .rc-card { position: relative; overflow: hidden; border-radius: 1.5rem; border: 1px solid rgba(19, 73, 119, 0.35); background: linear-gradient(140deg, rgba(19, 73, 119, 0.22), rgba(19, 73, 119, 0.82)); box-shadow: 0 42px 100px -60px rgba(3, 9, 20, 0.95), 0 24px 48px -32px rgba(19, 73, 119, 0.55); isolation: isolate; padding: clamp(1.4rem, 3vw, 2.2rem); padding-bottom: clamp(1rem, 3vw, 1.7rem); } .rc-card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(150deg, rgba(255, 255, 255, 0.06), rgba(8, 20, 38, 0.82)); pointer-events: none; z-index: 0; } .rc-card > * { position: relative; z-index: 1; } .rc-title { margin: 0; color: #f8faff; font-size: 30px; line-height: 1.18; font-weight: 500; } .rc-screens { position: relative; overflow: hidden; min-height: 220px; transition: height 0.35s ease; } .rc-screen { position: absolute; inset: 0; opacity: 0; transform: translateY(14px); transition: opacity 0.35s ease, transform 0.35s ease; pointer-events: none; } .rc-screen.is-current { position: relative; opacity: 1; transform: translateY(0); pointer-events: auto; } .rc-screen.to-left { transform: translateX(-8%) scale(0.97); opacity: 0; } .rc-screen.from-right { transform: translateX(8%) scale(0.97); opacity: 0; } .rc-screen[hidden] { display: none !important; } .rc-form { display: flex; flex-direction: column; gap: 1.2rem; } .rc-grid { display: grid; gap: 1rem; } .rc-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } .rc-field { display: flex; flex-direction: column; gap: 0.45rem; min-width: 0; } .rc-field label { font-size: 1.05rem; font-weight: 600; color: rgba(244, 248, 255, 0.9); min-height: 42px; display: flex; align-items: flex-end; line-height: 1.1; } .rc-customdev { font-size: 0.8rem !important; } .rc-input, .rc-select, .rc-radios { width: 100%; height: var(--rc-control-height); min-height: var(--rc-control-height); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 1); font-size: 0.95rem; color: #134977; transition: border 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; display: flex; align-items: center; line-height: 1; min-width: 0; } .rc-input, .rc-select { padding: 0 0.9rem; } .rc-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, #134977 50%), linear-gradient(135deg, #134977 50%, transparent 50%); background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; padding-right: 2.2rem; } .rc-input::placeholder { color: rgba(19, 73, 119, 0.45); } .rc-input:focus, .rc-select:focus { outline: none; border-color: rgba(238, 183, 29, 0.8); background: rgba(194, 226, 255, 0.258); box-shadow: 0 0 0 3px rgba(238, 183, 29, 0.25); } .rc-address-autocomplete { position: relative; width: 100%; min-width: 0; } .rc-address-suggestions { position: absolute; left: 0; right: 0; top: calc(100% + 0.35rem); z-index: 9999; overflow: hidden; border-radius: 1rem; border: 1px solid rgba(238, 183, 29, 0.35); background: rgba(255, 255, 255, 0.98); box-shadow: 0 22px 42px -24px rgba(3, 9, 20, 0.9); color: #134977; } .rc-address-suggestions[hidden] { display: none !important; } .rc-address-suggestion { display: block; width: 100%; border: 0; background: transparent; color: #134977; text-align: left; cursor: pointer; padding: 0.8rem 0.95rem; font-size: 0.9rem; line-height: 1.3; border-bottom: 1px solid rgba(19, 73, 119, 0.08); } .rc-address-suggestion:last-child { border-bottom: 0; } .rc-address-suggestion:hover, .rc-address-suggestion.is-active { background: rgba(238, 183, 29, 0.18); } .rc-radios { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; padding: 0.25rem; } .rc-radio { position: relative; display: flex; align-items: center; justify-content: center; border-radius: 0.9rem; overflow: hidden; height: 100%; min-height: 100%; cursor: pointer; } .rc-radio input { position: absolute; opacity: 0; pointer-events: none; } .rc-radio span { position: relative; flex: 1; display: inline-flex; align-items: center; justify-content: center; padding: 0; border-radius: 0.9rem; font-weight: 600; letter-spacing: 0.01em; color: var(--primary); transition: color 0.3s ease, transform 0.25s ease; line-height: 1; height: 100%; font-size: 0.9rem; } .rc-radio span::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(120deg, rgba(238, 183, 29, 0.14), rgba(238, 183, 29, 0.08)); box-shadow: inset 0 0 0 1px rgba(238, 183, 29, 0.18); opacity: 0; transform: scale(0.94); transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease; z-index: -1; } .rc-radio input:checked + span { color: #061a33; text-shadow: 0 0 6px rgba(255, 255, 255, 0.6); transform: translateY(-1px); } .rc-radio input:checked + span::before { opacity: 1; transform: scale(1); background: linear-gradient(125deg, rgba(238, 183, 29, 0.98), rgba(255, 228, 118, 0.95)); box-shadow: 0 12px 26px -14px rgba(238, 183, 29, 0.95), inset 0 0 0 1px rgba(255, 255, 255, 0.35); } .rc-errmsg { font-size: 0.68rem; color: #ff7b82; line-height: 1.25; min-height: 0; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.2s ease, opacity 0.2s ease, padding-top 0.2s ease; } .rc-errmsg.show { opacity: 1; max-height: 2.2rem; padding-top: 0.2rem; } .rc-err { border-color: rgba(255, 123, 130, 0.8) !important; box-shadow: 0 0 0 3px rgba(255, 123, 130, 0.22) !important; } .rc-actions { margin-top: 1rem; display: flex; align-items: center; justify-content: flex-end; gap: 0.6rem; } .rc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; border-radius: 0.9rem; padding: 0 1.4rem; font-weight: 600; font-size: 1.05rem !important; letter-spacing: 0.01em; border: none; cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease; position: relative; color: inherit; line-height: 1; height: 54px; width: 100%; } .rc-btn-primary { background: linear-gradient(115deg, rgba(255, 232, 124, 1) 0%, #eeb71d 45%, #f6dd93 100%); color: var(--primary); box-shadow: 0 18px 32px -22px rgba(238, 183, 29, 0.9); position: relative; overflow: hidden; z-index: 1; } .rc-btn-primary > * { position: relative; z-index: 5; } @keyframes rc-gold-shimmer { 0% { left: -100%; opacity: 0; } 10% { opacity: 1; } 50% { left: 200%; opacity: 0; } 100% { left: 200%; opacity: 0; } } .rc-btn-primary::after { content: ""; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgb(220, 163, 9), transparent); transform: skewX(-20deg); pointer-events: none; z-index: 1; animation: rc-gold-shimmer 3.5s infinite ease-in-out; } .rc-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 34px 56px -28px rgba(238, 183, 29, 0.9); } .rc-btn-primary:active { transform: translateY(0); box-shadow: 0 20px 38px -24px rgba(238, 183, 29, 0.8); } .rc-result { display: flex; flex-direction: column; gap: 1.1rem; } .rc-result-grid { display: grid; gap: 0.85rem; grid-template-columns: 1fr; } .rc-metric { border-radius: 0.9rem; background: linear-gradient(150deg, rgba(255, 255, 255, 0.06), rgba(7, 18, 36, 0.65)); border: 1px solid rgba(238, 183, 29, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04); padding: 1rem 1.1rem; } .rc-metric-label { font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(235, 240, 255, 0.6); } .rc-metric-value { display: block; margin-top: 0.45rem; font-size: clamp(1.35rem, 2.8vw, 1.9rem); font-weight: 600; color: #ffffff; } .rc-note { margin: 0; color: var(--muted); font-size: 0.75rem; line-height: 1.5; } @media (max-width: 900px) { .rc-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1rem; } .rc-field label { min-height: auto; } } @media (max-width: 720px) { .rc-wrap { --rc-control-height: 48px; } .rc-card { padding: 1rem; padding-bottom: 1rem; border-radius: 1.2rem; } .rc-title { font-size: 25px; } .rc-field label { font-size: 0.95rem; } .rc-btn { font-size: 0.95rem !important; height: 50px; } .rc-card-head { margin-bottom: 0.55rem; } .rc-address-suggestion { font-size: 0.84rem; padding: 0.72rem 0.85rem; } } @media (prefers-reduced-motion: reduce) { .rc-screen { transition: none; } .rc-btn-primary::after { animation: none; } } /* SAFER GUARD RAIL FIX */ html { /* Do NOT lock height or width here, or it kills the scroll event */ overflow-x: hidden; } body { overflow-x: hidden !important; position: relative; /* Ensures correct stacking context */ width: 100%; margin: 0; /* This is critical: ensure body is not locked to 100% height */ height: auto !important; min-height: 100vh; } .rc-wrap { --primary: #134977; --secondary: #eeb71d; --text: #f3f6ff; --muted: rgba(228, 236, 255, 0.72); --rc-control-height: 52px; font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif; color: var(--text); background: transparent; min-height: auto; padding: 0; position: relative; overflow: visible; } .rc-wrap *, .rc-wrap *::before, .rc-wrap *::after { box-sizing: border-box; } .rc-container { width: min(980px, 100%); margin: 0 auto; position: relative; z-index: 1; } .glass-effect { backdrop-filter: blur(14px) brightness(0.91); -webkit-backdrop-filter: blur(14px) brightness(0.91); } .rc-card { position: relative; overflow: hidden; border-radius: 1.5rem; border: 1px solid rgba(19, 73, 119, 0.35); background: linear-gradient(140deg, rgba(19, 73, 119, 0.22), rgba(19, 73, 119, 0.82)); box-shadow: 0 42px 100px -60px rgba(3, 9, 20, 0.95), 0 24px 48px -32px rgba(19, 73, 119, 0.55); isolation: isolate; padding: clamp(1.4rem, 3vw, 2.2rem); padding-bottom: clamp(1rem, 3vw, 1.7rem); } .rc-card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(150deg, rgba(255, 255, 255, 0.06), rgba(8, 20, 38, 0.82)); pointer-events: none; z-index: 0; } .rc-card > * { position: relative; z-index: 1; } .rc-title { margin: 0; color: #f8faff; font-size: 30px; line-height: 1.18; font-weight: 500; } .rc-screens { position: relative; overflow: hidden; min-height: 220px; transition: height 0.35s ease; } .rc-screen { position: absolute; inset: 0; opacity: 0; transform: translateY(14px); transition: opacity 0.35s ease, transform 0.35s ease; pointer-events: none; } .rc-screen.is-current { position: relative; opacity: 1; transform: translateY(0); pointer-events: auto; } .rc-screen.to-left { transform: translateX(-8%) scale(0.97); opacity: 0; } .rc-screen.from-right { transform: translateX(8%) scale(0.97); opacity: 0; } .rc-screen[hidden] { display: none !important; } .rc-form { display: flex; flex-direction: column; gap: 1.2rem; } .rc-grid { display: grid; gap: 1rem; } .rc-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } .rc-field { display: flex; flex-direction: column; gap: 0.45rem; min-width: 0; } .rc-field label { font-size: 1.05rem; font-weight: 600; color: rgba(244, 248, 255, 0.9); min-height: 42px; display: flex; align-items: flex-end; line-height: 1.1; } .rc-customdev { font-size: 0.8rem !important; } .rc-input, .rc-select, .rc-radios { width: 100%; height: var(--rc-control-height); min-height: var(--rc-control-height); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 1); font-size: 0.95rem; color: #134977; transition: border 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; display: flex; align-items: center; line-height: 1; min-width: 0; } .rc-input, .rc-select { padding: 0 0.9rem; } .rc-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, #134977 50%), linear-gradient(135deg, #134977 50%, transparent 50%); background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; padding-right: 2.2rem; } .rc-input::placeholder { color: rgba(19, 73, 119, 0.45); } .rc-input:focus, .rc-select:focus { outline: none; border-color: rgba(238, 183, 29, 0.8); background: rgba(194, 226, 255, 0.258); box-shadow: 0 0 0 3px rgba(238, 183, 29, 0.25); } .rc-address-autocomplete { position: relative; width: 100%; min-width: 0; } .rc-address-suggestions { position: absolute; left: 0; right: 0; top: calc(100% + 0.35rem); z-index: 50; overflow: hidden; border-radius: 1rem; border: 1px solid rgba(238, 183, 29, 0.35); background: rgba(255, 255, 255, 0.98); box-shadow: 0 22px 42px -24px rgba(3, 9, 20, 0.9); color: #134977; } .rc-address-suggestions[hidden] { display: none !important; } .rc-address-suggestion { display: block; width: 100%; border: 0; background: transparent; color: #134977; text-align: left; cursor: pointer; padding: 0.8rem 0.95rem; font-size: 0.9rem; line-height: 1.3; border-bottom: 1px solid rgba(19, 73, 119, 0.08); } .rc-address-suggestion:last-child { border-bottom: 0; } .rc-address-suggestion:hover, .rc-address-suggestion.is-active { background: rgba(238, 183, 29, 0.18); } .rc-radios { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; padding: 0.25rem; } .rc-radio { position: relative; display: flex; align-items: center; justify-content: center; border-radius: 0.9rem; overflow: hidden; height: 100%; min-height: 100%; cursor: pointer; } .rc-radio input { position: absolute; opacity: 0; pointer-events: none; } .rc-radio span { position: relative; flex: 1; display: inline-flex; align-items: center; justify-content: center; padding: 0; border-radius: 0.9rem; font-weight: 600; letter-spacing: 0.01em; color: var(--primary); transition: color 0.3s ease, transform 0.25s ease; line-height: 1; height: 100%; font-size: 0.9rem; } .rc-radio span::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(120deg, rgba(238, 183, 29, 0.14), rgba(238, 183, 29, 0.08)); box-shadow: inset 0 0 0 1px rgba(238, 183, 29, 0.18); opacity: 0; transform: scale(0.94); transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease; z-index: -1; } .rc-radio input:checked + span { color: #061a33; text-shadow: 0 0 6px rgba(255, 255, 255, 0.6); transform: translateY(-1px); } .rc-radio input:checked + span::before { opacity: 1; transform: scale(1); background: linear-gradient(125deg, rgba(238, 183, 29, 0.98), rgba(255, 228, 118, 0.95)); box-shadow: 0 12px 26px -14px rgba(238, 183, 29, 0.95), inset 0 0 0 1px rgba(255, 255, 255, 0.35); } .rc-errmsg { font-size: 0.68rem; color: #ff7b82; line-height: 1.25; min-height: 0; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.2s ease, opacity 0.2s ease, padding-top 0.2s ease; } .rc-errmsg.show { opacity: 1; max-height: 2.2rem; padding-top: 0.2rem; } .rc-err { border-color: rgba(255, 123, 130, 0.8) !important; box-shadow: 0 0 0 3px rgba(255, 123, 130, 0.22) !important; } .rc-actions { margin-top: 1rem; display: flex; align-items: center; justify-content: flex-end; gap: 0.6rem; } .rc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; border-radius: 0.9rem; padding: 0 1.4rem; font-weight: 600; font-size: 1.05rem !important; letter-spacing: 0.01em; border: none; cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease; position: relative; color: inherit; line-height: 1; height: 54px; width: 100%; } .rc-btn-primary { background: linear-gradient(115deg, rgba(255, 232, 124, 1) 0%, #eeb71d 45%, #f6dd93 100%); color: var(--primary); box-shadow: 0 18px 32px -22px rgba(238, 183, 29, 0.9); position: relative; overflow: hidden; z-index: 1; } .rc-btn-primary > * { position: relative; z-index: 5; } @keyframes rc-gold-shimmer { 0% { left: -100%; opacity: 0; } 10% { opacity: 1; } 50% { left: 200%; opacity: 0; } 100% { left: 200%; opacity: 0; } } .rc-btn-primary::after { content: ""; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgb(220, 163, 9), transparent); transform: skewX(-20deg); pointer-events: none; z-index: 1; animation: rc-gold-shimmer 3.5s infinite ease-in-out; } .rc-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 34px 56px -28px rgba(238, 183, 29, 0.9); } .rc-btn-primary:active { transform: translateY(0); box-shadow: 0 20px 38px -24px rgba(238, 183, 29, 0.8); } .rc-result { display: flex; flex-direction: column; gap: 1.1rem; } .rc-result-grid { display: grid; gap: 0.85rem; grid-template-columns: 1fr; } .rc-metric { border-radius: 0.9rem; background: linear-gradient(150deg, rgba(255, 255, 255, 0.06), rgba(7, 18, 36, 0.65)); border: 1px solid rgba(238, 183, 29, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04); padding: 1rem 1.1rem; } .rc-metric-label { font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(235, 240, 255, 0.6); } .rc-metric-value { display: block; margin-top: 0.45rem; font-size: clamp(1.35rem, 2.8vw, 1.9rem); font-weight: 600; color: #ffffff; } .rc-note { margin: 0; color: var(--muted); font-size: 0.75rem; line-height: 1.5; } @media (max-width: 900px) { .rc-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1rem; } .rc-field label { min-height: auto; } } @media (max-width: 720px) { .rc-wrap { --rc-control-height: 48px; } .rc-card { padding: 1rem; padding-bottom: 1rem; border-radius: 1.2rem; } .rc-title { font-size: 25px; } .rc-field label { font-size: 0.95rem; } .rc-btn { font-size: 0.95rem !important; height: 50px; } .rc-card-head { margin-bottom: 0.55rem; } .rc-address-suggestion { font-size: 0.84rem; padding: 0.72rem 0.85rem; } } @media (prefers-reduced-motion: reduce) { .rc-screen { transition: none; } .rc-btn-primary::after { animation: none; } } h1, h2, h4 { font-family: 'Manrope', sans-serif; letter-spacing: -0.03em; } h3 { font-family: 'Inter', sans-serif; letter-spacing: -0.03em; font-weight: 500 !important; } .glass-effect { backdrop-filter: blur(14px) brightness(0.91); -webkit-backdrop-filter: blur(14px) brightness(0.91); } .gradient-text { background-clip: text; -webkit-background-clip: text; color: transparent; } .card-divider { height: 1px; background-image: linear-gradient(90deg, transparent, rgba(255,255,255,0.09) 20%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0.09) 80%, transparent ); } .icon-circle { height: 2rem; width: 2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); } .pricing-badge { position: absolute; top: -2px; right: 30px; padding: 4px 10px; background: rgba(37, 99, 235, 0.9); color: white; font-size: 12px; font-weight: 500; border-radius: 0 0 6px 6px; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4); } /* Card heading styles */ .glass-effect h3 { color: #134A78 !important; } .orbit-container { display: flex; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; /* Include padding in height calculation */ margin-right: -20px; } .orbit { position: relative; width: 100%; max-width: 300px; height: 300px; /* Fixed height for the orbit itself */ margin: 0 auto; display: flex; justify-content: center; align-items: center; } .orbit-circle { position: absolute; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; transition: opacity 0.5s ease; /* Smooth fade-in for circles */ } .orbit-1 { width: 300px; height: 300px; background: radial-gradient(circle, rgba(23,50,164,0.05) 0%, rgba(23,50,164,0) 100%); border: 1px solid rgba(255,255,255,0.5); } .orbit-2 { width: 240px; height: 240px; background: radial-gradient(circle, rgba(23,50,164,0.05) 0%, rgba(23,50,164,0) 100%); border: 1px solid rgba(255,255,255,0.5); } .orbit-3 { width: 180px; height: 180px; background: radial-gradient(circle, rgba(23,50,164,0.05) 0%, rgba(23,50,164,0) 100%); border: 1px solid rgba(255,255,255,0.5); } .orbit-4 { width: 120px; height: 120px; background: radial-gradient(circle, rgba(23,50,164,0.2) 0%, rgba(23,50,164,0) 100%); border: 1px solid rgba(255,255,255,0.7); } .main-btn { position: absolute; width: 100px; height: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; /* Base color for text inside, will be overridden by count-display if needed */ font-size: 2rem; /* Will be overridden by count-display */ box-shadow: 0 10px 10px rgba(0,0,0,0.15), 0 4px 4px rgba(0,0,0,0.1), 0 1px 0px rgba(0,0,0,0.05); backdrop-filter: blur(50px); top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform: none; /* Reset transform as it's not needed with this centering method */ z-index: 10; opacity: 0; transition: opacity 0.8s ease; /* Smooth fade-in for main button */ } .orbital-element { position: absolute; top: 50%; left: 50%; transform-origin: 0 0; /* Pivot point for orbit */ opacity: 0; /* Added transition for smooth fade-in for orbital elements */ transition: opacity 0.6s ease-out; } .orbital-item { position: absolute; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 10px rgba(0,0,0,0.1), 0 4px 4px rgba(0,0,0,0.05), 0 1px 0 rgba(0,0,0,0.05); transform: translate(-50%, -50%); /* Centers the item within its parent orbital-element */ } .social-btn { background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,255,255,0.8)); border: 1px solid rgba(255,255,255,0.4); backdrop-filter: blur(50px); } .avatar { background-size: cover; background-position: center; backdrop-filter: blur(50px); } .pulse { animation: pulse 2s infinite; animation-delay: 2s; } /* Adjusted custom-card-height to accommodate the orbit component */ .custom-card-height { min-height: 16rem; /* Increased from 18rem to 20rem (320px) */ } @media (max-width: 768px) { .custom-padding { padding-right: 0rem !important; /* Reduced for smaller screens */ } .customspace1{ margin-top: 4rem !important; } } .custom-padding { padding-right: 1rem; /* Reduced for smaller screens */ } .custom-auslastung-height { min-height: 23rem; /* Increased from 18rem to 20rem (320px) */ } .hyphenate-text { hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; word-break: break-word; overflow-wrap: break-word; max-width: 100%; display: inline-block; min-width: 0; /* Allows the text to shrink below its content size */ } /* Ensure list items properly constrain their content */ ul li { min-width: 0; /* Allows the flex item to shrink below its content size */ } /* Mobile summary cards */ .cards-list { display: flex; flex-direction: column; gap: 14px; margin-top: 2rem; } .mobile-feature-cards { display: flex; } .summary-card { backdrop-filter: blur(14px) brightness(0.91); -webkit-backdrop-filter: blur(14px) brightness(0.91); transition: box-shadow 0.25s ease; padding: 0.5rem 1.5rem 0.275rem 1.5rem !important; } .summary-card:hover { box-shadow: 0 8px 24px rgba(12,39,64,0.10); } .summary { color: rgba(15, 60, 97, 0.85); font-size: 0.925rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0; } .summary1 { color: rgba(15, 60, 97, 0.85); font-size: 0.775rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0; } .summary-card.expanded .summary, .summary-card.expanded .summary1 { display: none; } .summary-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; } .summary-header .summary { flex: 1; } .details { display: none; border-top: 1px solid rgba(255,255,255,0.18); padding-top: 0.75rem; margin-top: 0.25rem; } .summary-card.expanded .details { display: block; } .summary-toggle { width: 2.25rem; height: 2.25rem; display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; padding: 0; border-radius: 999px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.22); color: #0f4a75; margin: 0; transition: background-color 0.2s ease; } .summary-toggle:hover { background: rgba(255,255,255,0.16); } @media (min-width: 1024px) { .mobile-feature-cards { display: none !important; } } .custom-grid-width { min-width: 75%; /* Increased from 18rem to 20rem (320px) */ } .custom-orbit-height { min-height: 17rem; /* Increased from 18rem to 20rem (320px) */ } /* Removed secondrow-card-height as it was causing inconsistencies */ /* .secondrow-card-height { min-height: 261px; } */ @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(23,50,164,0.4); } 70% { box-shadow: 0 0 0 10px rgba(23,50,164,0); } 100% { box-shadow: 0 0 0 0 rgba(23,50,164,0); } } @keyframes orbit { from { transform: rotate(0deg) translateX(120px) rotate(0deg); } to { transform: rotate(360deg) translateX(120px) rotate(-360deg); } } /* Custom styles for the Poppins font and count-up display, adapted from sub.html */ .count-display { font-family: 'Poppins', sans-serif; /* Applied Poppins font specifically here */ font-size: 2rem; /* Adjusted for the button size (100x100px) */ font-weight: 600; /* Extra bold for impact */ color: white; /* To show clearly on the main-btn background */ line-height: 1; display: flex; /* For centering content within the div */ justify-content: center; align-items: center; width: 100%; /* Take full width of its parent (.main-btn) */ height: 100%; /* Take full height of its parent (.main-btn) */ text-align: center; } .star-border-button { /* Customizable CSS Variables */ --star-color: #eeb71d; --animation-speed: 4s; /* Sped up for a more dynamic feel */ --border-thickness: 3px; /* Core container styles */ display: inline-block; position: relative; border-radius: 12px; overflow: hidden; z-index: 101; background: #134977; /* Set background here */ border: none; padding: var(--border-thickness); /* Padding creates the border area */ cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; } /* The ::before pseudo-element creates the rotating gradient */ .star-border-button::before { content: ""; position: absolute; /* Position it to cover the entire button area */ top: 50%; left: 50%; transform: translate(-50%, -50%); /* --- THE FIX --- */ /* 1. Make the element significantly wider than the button. */ width: 250%; /* 2. Force a 1:1 aspect ratio to make it a square. */ aspect-ratio: 1; z-index: 0; /* The conic gradient creates the "shooting star" effect */ background: conic-gradient( from 180deg at 50% 50%, transparent 0%, transparent 90%, var(--star-color) 98%, var(--star-color) 100% ); /* 3. border-radius: 50% on a square creates a perfect circle. */ border-radius: 30%; /* The animation rotates the gradient */ animation: rotate-border var(--animation-speed) linear infinite; } /* The actual visible content of the button */ .inner-content { position: relative; background: #134A78; /* Match the parent's background */ color: #eeb71d; font-size: 16px; font-weight: 500; text-align: center; padding: 14px 30px; /* Adjusted padding to account for the new border */ /* The inner radius must be smaller than the parent to look correct */ border-radius: 12px; z-index: 1; transition: background-color 0.2s ease-in-out; } /* Hover effect for better interactivity */ .star-border-button:hover .inner-content { background-color: #134A78; } /* Keyframe animation for the rotating border */ @keyframes rotate-border { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } /* STARBUTTON EXTRA CSS*/ .icon-svg-list { width: 18px !important; height: 18px !important; flex-shrink: 0; display: inline-block; vertical-align: middle; } /* Spezielle Größe für die Icons im großen Button */ .icon-svg-button { width: 20px !important; height: 20px !important; flex-shrink: 0; display: inline-block; vertical-align: middle; } /* Fix für die vertikale Ausrichtung in Listen */ .list-item-align { display: flex; align-items: flex-start; /* Icon bleibt oben bei mehrzeiligem Text */ } .icon-margin-top { margin-top: 3px; /* Schiebt das Icon auf die Höhe der ersten Textzeile */ } ul.summary { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; -webkit-line-clamp: unset; -webkit-box-orient: initial; overflow: visible; } ul.summary li { display: flex; align-items: center; margin-left: 0; padding-left: 0; } .customspace1{ margin-top: 80px; } /* ========NOTAILWIND====== Punkt 1: Globaler Reset für alle Listen & einheitliche Farbe */ ul { padding-left: 0; margin-left: 0; margin-bottom: 0; list-style: none; } /* 50px rounded corners for that specific video element */ /* Clean, truly rounded video corners */ /* GHL / Video.js clean 50px corners (no black showing) */ /* make ALL layers inherit the rounding */ /* IMPORTANT: fill the box so no background peeks through */ /* optional: if a thumbnail layer appears behind/around it */ /* Stil für den Titel */ .section-title h2 { text-align: center; } * { margin: 0; padding: 0; box-sizing: border-box; } @keyframes expandWidth { to { width: 80px; } } @keyframes swipeHint { 0% { transform: translateX(0) rotate(45deg); opacity: 0; } 30% { opacity: 1; } 70% { transform: translateX(12px) rotate(45deg); opacity: 1; } 100% { transform: translateX(18px) rotate(45deg); opacity: 0; } } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } /* --- WICHTIGE ÄNDERUNGEN FÜR DIE POSITIONIERUNG --- */ @keyframes shimmer { 0% { left: -100%; } 100% { left: 100%; } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } @keyframes slideInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideInLeft { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } } /* --- INFO-SYMBOL STYLES --- */ .section-title { text-align: center; margin-bottom: 20px; opacity: 0; animation: slideInUp 0.8s ease-out 0.2s forwards; position: relative; } .section-title h2 { font-size: clamp(2.5rem, 5vw, 3.5rem); font-weight: 500 !important; color: #134A78; margin-bottom: 10px; position: relative; } .section-title h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; border-radius: 2px; animation: expandWidth 1s ease-out 1s forwards; width: 0; } @media (max-width: 768px) { .section-title h2 { font-size: 2.2rem; } } /* ==== KEEPING YOUR CSS (unchanged selectors) ==== */ /* --- Innovative Timeline Bar Animation --- */ /* The ::before pseudo-element creates the rotating gradient */ /* The actual visible content of the button */ /* Hover effect for better interactivity */ /* Keyframe animation for the rotating border */ @keyframes rotate-border { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } .star-border-button { --star-color: #eeb71d; --animation-speed: 4s; --border-thickness: 3px; display: inline-block; position: relative; border-radius: 12px; overflow: hidden; z-index: 101; background: #134977; border: none; padding: var(--border-thickness); cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; } .star-border-button::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250%; aspect-ratio: 1; z-index: 0; background: conic-gradient( from 180deg at 50% 50%, transparent 0%, transparent 90%, var(--star-color) 98%, var(--star-color) 100% ); border-radius: 30%; animation: rotate-border var(--animation-speed) linear infinite; } .inner-content { position: relative; background: #134A78; color: #eeb71d; font-size: 16px; font-weight: 500; text-align: center; padding: 14px 30px; border-radius: 12px; z-index: 1; transition: background-color 0.2s ease-in-out; } .star-border-button:hover .inner-content { background-color: #134A78; } /* Using a new unique prefix: "ih-" (Interactive Hero) */ .glass-effect { backdrop-filter: blur(14px) brightness(0.91); -webkit-backdrop-filter: blur(14px) brightness(0.91); } /* Custom styles for Inter font */ /* Responsive styles for the button container on smaller screens (e.g., mobile phones) */ @media (max-width: 640px) { /* Tailwind's 'sm' breakpoint is 640px */ .button-container { display: flex; /* Make visible on small screens */ position: fixed; /* Fixed position for small screens */ bottom: 20px; /* 20px from the bottom */ left: 50%; /* Center horizontally */ transform: translateX(-50%); /* Adjust for true centering */ width: calc(100% - 40px); /* Full width with some padding on sides */ max-width: 300px; /* Optional: limit max width on very wide small screens */ z-index: 100; /* Ensure it's above other content */ height: auto; /* Allow height to adjust to content */ justify-content: center; /* Center horizontally within its parent */ align-items: center; /* Center vertically within its parent */ } /* Adjust body padding for fixed button to prevent content overlap */ body.has-fixed-button { padding-bottom: 80px; /* Add padding to the bottom of the body, enough for button height + bottom offset */ } } .btn-base { position: relative; overflow: hidden; outline: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-weight: 600; padding: 14px 0px; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* Subtle button shadow */ /* Added transition for all transforms to ensure smooth movement */ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); will-change: transform; /* Optimize for smooth transforms */ width: 100%; /* Ensure the button itself takes full width of its container on small screens */ box-sizing: border-box; /* Include padding and border in the element's total width and height */ } /* Hover Glow Effect and Magnetic Properties */ .btn-glow { background-color: #134977; /* Base background color */ color: #ffffff; border: none; position: relative; z-index: 1; } .btn-glow::before { content: ''; position: absolute; inset: -5px; /* Spread glow effect */ /* Updated gradient colors for the glow effect */ background: linear-gradient(45deg, #EEB71D, #134977); filter: blur(15px); z-index: -1; opacity: 0; transition: opacity 0.5s ease-in-out; border-radius: 12px; } .btn-glow:hover::before { opacity: 0.6; /* Show glow on hover */ } /* No translateY here, it's handled by JS for magnetic effect */ .btn-glow:hover { box-shadow: 0 8px 20px rgba(99, 102, 241, 0.4); } /* **SCOPE: .grid-section-container** All styles are scoped to this container to prevent conflicts. The !important flag is used on certain properties like display, margin, and width to ensure it overrides any conflicting global or theme styles typical in website builders. */ /* --- CENTERING CONTAINER --- */ /* --- GRID STYLES --- */ /* Die Klasse .onlyman wird entfernt, da sie nicht verwendet wird und die Zentrierung stören würde. */ /* --- CELL STYLES (Zentrierung in der Zelle) --- */ /* --- BACKGROUND IMAGES (scoped using class chaining for specificity) --- */ /* --- RESPONSIVE TWEAK (scoped) --- */ /* GHL global background, kept local; see migration/home-de/assets.json. */ html {margin:0;padding:0;min-height:100%;background:#f5fbff;} body {margin:0;padding:0;min-height:100vh;width:100%;position:relative;isolation:isolate;background:transparent;} /* Isolate the background above the root canvas and below all page content. */ .spline-container {position:fixed;inset:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none;} .spline-container #background-video {display:block;width:100%;height:100%;border:0;object-fit:cover;object-position:center;} /* The growing page now supplies natural vertical overflow; the hero-only min-height helper is no longer needed. */ /* User-requested flicker fix: avoid repainting live backdrop filters when pointer effects or the fixed background change. Keep card geometry intact. */ #section-loSE4nAN5k .glass-effect { -webkit-backdrop-filter: none; backdrop-filter: none; background-color: rgba(19, 74, 120, 0.14); } /* A stable hit area prevents hover enter/leave feedback at the button edge. No blurred pseudo-layer or magnetic translation on this fixed CTA. */ #glowButton { transform: none; will-change: auto; transition: background-color 160ms ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); } #glowButton::before { content: none; } #glowButton:hover { background-color: #195b8e; } #glowButton:focus-visible { outline: 2px solid #eeb71d; outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { #glowButton { transition: none; } } #section-loSE4nAN5k .summary-card, #section-loSE4nAN5k .summary-card:hover { box-shadow: none; transition: none; } /* Final.pdf pages 1–6: user-approved replacement for the published layout. */ :root { --lago-blue: #083d78; --lago-gold:#efba20; } html { scroll-behavior:smooth; } .pdf-hero,.pdf-why { font-family: 'Lato',Arial,sans-serif; } .pdf-hero { position:relative; isolation:isolate; color:white; } .pdf-hero>.hero-background {position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;} .hero-background img {display:block;width:100%;height:100%;object-fit:cover;object-position:center 65%;transform:scale(1.15);transform-origin:100% 65%;} .pdf-hero:before { content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,28,50,.54),rgba(4,28,50,.18));pointer-events:none; } .pdf-hero .hero-grid { max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:48px;align-items:center;padding:112px 32px 65px;min-height:650px; } .hero-copy h1 { font-family:'Montserrat',Arial,sans-serif;font-size:clamp(28px,2.65vw,40px);font-weight:700;line-height:1.12;letter-spacing:-.03em;color:#fff;margin:0 0 18px; } #hero-rotating-title { white-space:nowrap; } .hero-description {font-size:18px;line-height:1.35;max-width:565px;margin:0 0 13px;} .hero-regions {font-size:13px;line-height:1.5;margin:0;} .hero-benefits {display:flex;gap:20px;align-items:center;margin:36px 0 30px;padding:0;list-style:none;} .hero-benefits li {display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap;} .hero-benefits svg,.hero-benefits li>span[aria-hidden] {width:34px;height:34px;color:var(--lago-gold);flex-shrink:0;} .hero-benefits li>span[aria-hidden] {display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:24px;} .google-rating {display:flex;align-items:center;gap:13px;font-size:12px;} .google-rating img {width:32px;height:32px;object-fit:contain;} .google-rating>span:last-child {border-left:1px solid #ffffff70;padding-left:13px;} .rating-stars {color:#ffcc00;font-size:18px;letter-spacing:1px;} .google-name {display:none;} .hero-calculator {scroll-margin-top:95px;min-width:0;} .calculator-mobile {display:none;} .pdf-hero .rc-card {border-radius:15px;padding:24px;background:linear-gradient(140deg,rgba(19,73,119,.22),rgba(19,73,119,.82));backdrop-filter:blur(14px) brightness(.91);-webkit-backdrop-filter:blur(14px) brightness(.91);border:1px solid rgba(19,73,119,.35);box-shadow:0 42px 100px -60px rgba(3,9,20,.95),0 24px 48px -32px rgba(19,73,119,.55);} .pdf-hero .rc-card::after {display:block;content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(8,20,38,.82));pointer-events:none;z-index:0;} .pdf-hero .rc-title {font-family:'Lato',Arial,sans-serif;font-weight:900;font-size:24px;letter-spacing:0;line-height:1.2;margin:0 0 18px;} .pdf-hero .rc-form {gap:14px;} .pdf-hero .rc-grid {gap:14px;} .pdf-hero .rc-field {gap:6px;} .pdf-hero .rc-field label {font-size:12px;min-height:0;font-weight:400;} .pdf-hero .rc-input,.pdf-hero .rc-select,.pdf-hero .rc-radios {height:40px;min-height:40px;border-radius:9px;font-size:12px;} .pdf-hero .rc-input,.pdf-hero .rc-select {padding-left:11px;} .pdf-hero .rc-radios label {font-size:12px;} .pdf-hero .rc-btn {min-height:46px;border-radius:9px;font-size:13px;padding:10px;} .pdf-hero .rc-actions {margin:0;} .pdf-hero .rc-btn-primary {background:linear-gradient(105deg,#f2bd27,#f9d878);color:#134977;box-shadow:none;} .pdf-hero .rc-btn-primary:hover {transform:none;filter:brightness(1.03);} .calculator-trust {display:flex;justify-content:space-between;gap:9px;font-size:10px;border-top:1px solid #ffffff35;padding-top:13px;margin-top:12px;white-space:nowrap;} .calculator-trust span {color:#78e982;}.calculator-trust b {color:white;font-weight:400;margin-left:3px;} .booking-desktop {position:fixed;right:24px;bottom:24px;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#134977;color:#efba20;box-shadow:0 3px 12px #13497730;z-index:100;} .booking-desktop svg {width:28px;height:28px;} #mobile-calculator-cta {display:none;} #section-loSE4nAN5k.pdf-why {padding:35px 24px 50px;margin:0;background:transparent;color:var(--lago-blue);} .why-inner {max-width:1176px;margin:auto;} .pdf-why h2 {font-family:'Montserrat',Arial,sans-serif;font-weight:700;font-size:36px;letter-spacing:-.04em;text-align:center;margin:0 0 20px;color:#073c78;} .why-grid {display:grid;grid-template-columns:30% minmax(0,1fr);gap:20px;align-items:start;} .why-video {margin:0;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px #164f7926;} .why-video img {display:block;width:100%;height:auto;} .why-cards {display:flex;flex-direction:column;gap:12px;min-width:0;} .benefit-card {border:1px solid #d9eff9;border-radius:12px;background:#f5fcffdb;box-shadow:0 3px 10px #52acde20;overflow:hidden;} .benefit-card summary {display:grid;grid-template-columns:48px minmax(0,1fr) 24px;column-gap:14px;align-items:center;padding:13px 15px;cursor:pointer;list-style:none;} .benefit-card summary::-webkit-details-marker {display:none;} .benefit-icon {grid-row:1;width:48px;height:48px;background:#e0f1fe;border-radius:9px;display:grid;place-items:center;font-size:34px;font-weight:900;} .benefit-icon svg {width:32px;height:32px;} .benefit-heading {font-size:18px;font-weight:900;} .expand-icon {align-self:start;font-size:28px;font-weight:400;line-height:1;} .expand-icon:before {content:'+';} .benefit-card[open] .expand-icon:before {content:'⌃';} .benefit-preview {grid-column:2 / 4;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:0;margin:9px 0 0;font-size:11px;line-height:1.3;} .benefit-preview li {display:flex;gap:8px;align-items:center;border-right:1px solid #cce3f2;padding-right:8px;} .benefit-preview li:last-child {border:0;padding-right:0;} .benefit-preview li:before {content:'✓';color:#efba20;font-size:20px;font-weight:700;} .benefit-card[open] .benefit-preview {display:none;} .benefit-details {padding:0 16px 18px;} .benefit-details>p {font-size:15px;line-height:1.5;margin:0 0 15px;} .benefit-details>p:last-child {margin:0;} .reach-top {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:10px;} .revenue-split {display:grid;grid-template-columns:1fr 1fr;position:relative;gap:9px;text-align:center;} .revenue-split>div {background:#e3f3ff;border:1px solid #d6eaf5;border-radius:8px;padding:15px 6px 12px;} .revenue-split>div:first-child {background:linear-gradient(110deg,#17649c,#073563);color:white;} .revenue-split strong {font-size:44px;font-weight:900;line-height:1;} .revenue-split p {font-size:12px;line-height:1.25;margin:4px 0;} .revenue-split a {display:inline-block;margin-top:5px;padding:3px 10px;border-radius:20px;background:#ffffff18;color:white;font-size:11px;text-decoration:none;} .revenue-split svg {width:28px;height:28px;display:block;margin:5px auto 0;} .split-plus {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:white;border-radius:50%;box-shadow:0 2px 10px #13497725;width:32px;height:32px;display:grid;place-items:center;font-size:26px;} .pdf-why .orbit-container {height:215px;width:100%;margin:0;} .pdf-why .orbit {width:300px;min-width:300px;transform:scale(.72);margin:0;} .pdf-why .main-btn {background:#134977;flex-direction:column;backdrop-filter:none;box-shadow:0 3px 16px #13497740;} .pdf-why .count-display {font-family:'Lato',sans-serif;height:auto;font-size:30px;font-weight:900;} .pdf-why .main-btn small {font-size:10px;} .pdf-why .avatar {backdrop-filter:none;} .reach-point {display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;margin:10px 0 0;align-items:start;} .reach-point>span {display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#eeb71d;box-shadow:0 3px 12px #b8dcea40;} .reach-point svg {width:27px;height:27px;} .pdf-why .reach-point h3 {font-family:'Lato',Arial,sans-serif;font-size:14px;font-weight:900!important;letter-spacing:0;margin:0 0 3px;color:var(--lago-blue);} .reach-point p {font-size:12px;line-height:1.35;margin:0;} .all-services {align-self:flex-end;display:flex;gap:16px;align-items:center;padding:9px 24px;border:1px solid #134977;border-radius:24px;font-size:13px;font-weight:700;color:#134977;text-decoration:none;margin-top:1px;} .all-services:hover {background:#e2f2fc;} .pdf-hero a:focus-visible,.pdf-why a:focus-visible,.benefit-card summary:focus-visible {outline:3px solid #eeb71d;outline-offset:3px;} @media(min-width:901px) and (max-width:1100px) { .pdf-hero .hero-grid {gap:24px;padding-left:25px;padding-right:25px;grid-template-columns:1.2fr 1fr;} .hero-copy h1 {font-size:28px;}.hero-benefits {gap:12px;flex-wrap:wrap;}.hero-benefits li {font-size:11px;}.hero-description {font-size:16px;}.pdf-hero .rc-card {padding:18px;}.calculator-trust {gap:4px;font-size:8px;} .reach-top {grid-template-columns:1fr;}.pdf-why .orbit-container {height:215px;}.why-grid {grid-template-columns:30% 1fr;}.benefit-preview {font-size:10px;gap:5px;}.benefit-card summary {gap:9px;}.benefit-heading {font-size:16px;} } @media(max-width:900px) { .hero-background img {object-position:60% center;transform:scale(1.0304);transform-origin:center 65%;} .pdf-hero:before {background:rgba(4,28,50,.48);} .pdf-hero .hero-grid {display:block;padding:120px 20px 30px;min-height:0;} .hero-copy h1 {font-size:clamp(23px,6.3vw,35px);line-height:1.15;margin-bottom:18px;} .hero-description {font-size:16px;line-height:1.35;max-width:440px;margin-bottom:12px;} .hero-regions {display:inline-block;font-size:9px;line-height:1.5;border-radius:5px;background:#13497735;padding:3px 6px;} .hero-benefits {display:grid;gap:10px;margin:20px 0 25px;} .hero-benefits li {font-size:15px;gap:10px;} .hero-benefits svg,.hero-benefits li>span[aria-hidden] {width:20px;height:20px;} .hero-benefits li>span[aria-hidden] {font-size:14px;} .google-rating {font-size:12px;gap:9px;}.google-rating img {width:24px;height:24px;}.google-name {display:inline;font-size:16px;}.rating-stars {display:none;}.google-rating strong {border-left:1px solid #ffffff70;padding-left:10px;} .hero-calculator {margin:68px -8px 0;scroll-margin-top:90px;} .calculator-desktop {display:none;}.calculator-mobile {display:block;} .pdf-hero .rc-card {padding:19px 16px;border-radius:20px;}.pdf-hero .rc-title {font-size:25px;margin-bottom:10px;} .calculator-trust {border:0;padding:0;margin:0 0 22px;font-size:11px;gap:5px;}.pdf-hero .rc-field label {font-size:13px;}.pdf-hero .rc-input,.pdf-hero .rc-select,.pdf-hero .rc-radios {height:42px;min-height:42px;font-size:12px;} .booking-desktop {display:none;} #mobile-calculator-cta:not([hidden]) {display:block;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:#134977;color:#fff;padding:14px 22px;font-size:14px;font-family:'Lato',sans-serif;font-weight:700;text-decoration:none;text-align:center;border-radius:12px;box-shadow:0 3px 10px #13497720;z-index:100;} #mobile-calculator-cta:hover {background:#195b8e;} #section-loSE4nAN5k.pdf-why {padding:24px 14px 35px;}.pdf-why h2 {font-size:27px;letter-spacing:-.045em;margin-bottom:16px;} .why-grid {display:flex;flex-direction:column;gap:12px;}.why-video {width:calc(100% - 24px);margin:0 12px;border-radius:12px;}.why-cards {width:100%;gap:9px;} .benefit-card summary {grid-template-columns:35px minmax(0,1fr) 20px;padding:10px 12px;gap:9px;}.benefit-icon {width:35px;height:35px;border-radius:7px;font-size:27px;align-self:start;}.benefit-icon svg {width:26px;height:26px;}.benefit-heading {font-size:16px;}.expand-icon {font-size:23px;} .benefit-preview {display:flex;flex-direction:column;gap:1px;font-size:11px;margin:0;}.benefit-preview li {border:0;padding:0;gap:6px;}.benefit-preview li:before {font-size:16px;} .benefit-details {padding:0 12px 14px;}.reach-top {display:flex;flex-direction:column;gap:0;}.revenue-split {width:100%;gap:8px;}.revenue-split strong {font-size:39px;}.revenue-split>div {padding:12px 5px;}.revenue-split p {font-size:11px;}.revenue-split a,.revenue-split svg {display:none;}.split-plus {width:27px;height:27px;font-size:22px;} .pdf-why .orbit-container {height:240px;margin:4px 0;}.pdf-why .orbit {transform:scale(.80);} .reach-point {grid-template-columns:35px minmax(0,1fr);gap:10px;margin-top:13px;}.reach-point>span {width:35px;height:35px;}.reach-point svg {width:24px;height:24px;}.pdf-why .reach-point h3 {font-size:13px;}.reach-point p {font-size:11px;line-height:1.35;}.benefit-details>p {font-size:13px;} .all-services {align-self:center;margin-top:3px;font-size:12px;padding:8px 21px;} } @media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}.pdf-hero *,.pdf-why * {transition:none!important;}.pdf-why .orbital-element {animation:none!important;}} /* Override inherited navigation positioning from the previous layout. */ #hero-rotating-title {display:inline-block;max-width:100%;vertical-align:bottom;} @media(max-width:900px) { .pdf-hero .rc-title {font-size:clamp(20px,5.6vw,28px);white-space:nowrap;} .hero-benefits li>svg {display:none;} .hero-benefits li>span[aria-hidden] {display:none;} .hero-benefits li:before {content:'✓';display:grid;place-items:center;width:18px;height:18px;border:2px solid #efba20;border-radius:50%;color:#efba20;font-size:13px;} } @media(min-width:901px) { } @media(min-width:600px) and (max-width:900px) { .pdf-hero .hero-grid {max-width:680px;margin:auto;} .why-inner {max-width:620px;} .hero-copy h1 {font-size:35px;} } /* Let the active screen define height after font loading and breakpoint changes. */ .pdf-hero .rc-screens {height:auto!important;min-height:0;} /* Green website indicator: animate only its halo, without shifting the link. */ .revenue-split .website-status-dot {position:relative;display:inline-block;width:7px;height:7px;margin-right:5px;vertical-align:1px;border-radius:50%;background:#4ade80;} .revenue-split .website-status-dot::after {content:'';position:absolute;inset:0;border-radius:inherit;background:#4ade80;animation:website-status-pulse 1.8s ease-out infinite;pointer-events:none;} @keyframes website-status-pulse {0% {transform:scale(1);opacity:.65;} 85%,100% {transform:scale(2.6);opacity:0;}} @media(prefers-reduced-motion:reduce) {.revenue-split .website-status-dot::after {animation:none;opacity:0;}} /* Share the three card rows with the image so their lower edges stay aligned. */ @media (min-width:901px) { .why-grid {row-gap:12px;} .why-cards {display:contents;} .why-cards > .benefit-card,.why-cards > .all-services {grid-column:2;} .why-video {grid-column:1;grid-row:1 / 4;align-self:stretch;position:relative;min-height:0;} .why-video picture {position:absolute;inset:0;display:block;} .why-video img {width:100%;height:100%;object-fit:cover;} .why-cards > .all-services {justify-self:end;} } /* User-requested original navbar, including original hover color. */ /* Direct body child: above all content, including the isolated hero and tooltips. */ body > #navbar {border-radius:0;z-index:10000;} #navbar .btn-glow:hover {box-shadow:0 8px 20px #134977;} /* Use the desktop canvas instead of the former 1240px content cap. */ @media(min-width:901px) { .pdf-hero .hero-grid {max-width:none;width:100%;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(30px,4vw,72px);padding:96px 4vw 24px;min-height:0;} .hero-copy h1 {font-size:clamp(30px,3.15vw,58px);} .hero-description {font-size:clamp(17px,1.45vw,25px);max-width:760px;} .hero-regions {font-size:clamp(12px,.95vw,17px);} .hero-benefits {gap:clamp(15px,1.8vw,32px);margin:38px 0 32px;flex-wrap:wrap;} .hero-benefits li {font-size:clamp(12px,.98vw,17px);} .hero-benefits svg,.hero-benefits li>span[aria-hidden] {width:40px;height:40px;} .google-rating {font-size:clamp(12px,1vw,17px);gap:16px;} .google-rating img {width:38px;height:38px;}.rating-stars {font-size:23px;} .pdf-hero .rc-card {padding:clamp(24px,2vw,36px);} .pdf-hero .rc-title {font-size:clamp(24px,1.85vw,34px);margin-bottom:22px;} .pdf-hero .rc-field label {font-size:clamp(13px,1vw,17px);} .pdf-hero .rc-input,.pdf-hero .rc-select,.pdf-hero .rc-radios {height:clamp(44px,3.2vw,58px);min-height:clamp(44px,3.2vw,58px);font-size:clamp(13px,.95vw,16px);} .pdf-hero .rc-radios label {font-size:clamp(13px,.95vw,16px);} .pdf-hero .rc-form,.pdf-hero .rc-grid {gap:clamp(15px,1.2vw,22px);} .pdf-hero .rc-btn {min-height:56px;font-size:clamp(14px,1.05vw,18px);} .calculator-trust {font-size:clamp(10px,.8vw,14px);gap:8px;} } /* Reference form: round green checks, readable reassurance and fine dividers. */ .pdf-hero .rc-card {container-type:inline-size;} .pdf-hero .calculator-trust {display:flex;align-items:center;justify-content:space-between;gap:0;font-size:clamp(10px,3.4cqw,18px);line-height:1.25;padding-top:18px;margin-top:18px;border-top:1px solid rgba(255,255,255,.2);} .pdf-hero .calculator-trust .trust-item {display:flex;align-items:center;gap:clamp(5px,1.6cqw,10px);color:#fff;padding:2px 0;white-space:nowrap;} .pdf-hero .calculator-trust .trust-item + .trust-item {border-left:1px solid rgba(255,255,255,.23);padding-left:clamp(8px,2.7cqw,18px);} .pdf-hero .calculator-trust b {font-weight:400;margin:0;} .pdf-hero .trust-check {width:clamp(13.6px,4.4cqw,24px);height:clamp(13.6px,4.4cqw,24px);flex-shrink:0;filter:drop-shadow(0 1px 2px #173f4420);} .pdf-hero .rc-radios {gap:0;padding:0;overflow:hidden;} .pdf-hero .rc-radio,.pdf-hero .rc-radio span {border-radius:0;} .pdf-hero .rc-radio + .rc-radio {border-left:1px solid #c4d2da;} .pdf-hero .rc-radio input:checked + span {background:#f7d56b;transform:none;text-shadow:none;} .pdf-hero .rc-radio input:focus-visible + span {outline:2px solid #134977;outline-offset:-3px;} .pdf-hero .rc-radio span::before {display:none;} .pdf-hero .rc-btn-primary {font-weight:700;} .pdf-hero .rc-btn-primary span {font-weight:700;} @media(max-width:900px) { .pdf-hero .calculator-trust {border-top:0;padding-top:0;margin-top:0;margin-bottom:22px;} } @container (max-width:280px) { .pdf-hero .calculator-trust {font-size:9.5px;} .pdf-hero .calculator-trust .trust-item {gap:3px;} .pdf-hero .calculator-trust .trust-item + .trust-item {padding-left:4px;} .pdf-hero .trust-check {width:12.8px;height:12.8px;} } /* Original seasonal bar-chart version, retained for comparison. */ .lago-trustline {--trust-blue:#134977;--trust-gold:#eeb71d;--trust-pale:#edf5fa;padding:56px 24px 12px;background:transparent;color:var(--trust-blue);font-family:'Lato',Arial,sans-serif;scroll-margin-top:100px;} .lago-trustline * {box-sizing:border-box;} .lago-trustline__inner {max-width:1176px;margin:0 auto;} .lago-trustline h2 {font-family:'Lato',Arial,sans-serif;font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--trust-blue);margin:0 0 24px;} .lago-trustline__surface {border-radius:16px;overflow:hidden;background:#f7fafc;} .lago-trustline__results {display:grid;grid-template-columns:.9fr 1.2fr;align-items:start;gap:60px;padding:40px 48px;background:var(--trust-pale);} .lago-trustline h3 {font-family:'Lato',Arial,sans-serif;font-size:36px;font-weight:700!important;line-height:1.15;letter-spacing:-.03em;color:var(--trust-blue);margin:0 0 16px;} .lago-trustline__intro p {font-size:17px;line-height:1.5;max-width:30ch;margin:0;} .lago-trustline__seasons {margin:0;} .lago-trustline__season {margin:0 0 22px;} .lago-trustline__season:last-of-type {margin-bottom:0;} .lago-trustline__season-label {display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;} .lago-trustline dt {font-size:17px;line-height:1.5;} .lago-trustline dd {margin:0;} .lago-trustline__value {font-size:30px;font-weight:700;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;} .lago-trustline__track {height:12px;background:#d3e2ec;border-radius:6px;overflow:hidden;} .lago-trustline__fill {display:block;height:100%;background:var(--trust-blue);border-radius:inherit;} .lago-trustline__fill--high {width:99%;} .lago-trustline__fill--mid {width:93%;} .lago-trustline__fill--low {width:78%;background:var(--trust-gold);} .lago-trustline__note {font-size:13px;line-height:1.5;margin:22px 0 0;max-width:62ch;} .lago-trustline__proof {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:28px 48px;} .lago-trustline__proof>div {display:flex;flex-direction:column;gap:6px;} .lago-trustline__proof dt {font-size:16px;line-height:1.45;order:2;} .lago-trustline__proof dd {font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums;} .lago-trustline ::selection {background:var(--trust-gold);color:var(--trust-blue);} @media(max-width:900px) { .lago-trustline {padding:36px 20px 12px;} .lago-trustline__results {gap:32px;padding:32px;grid-template-columns:1fr 1.2fr;} .lago-trustline h3 {font-size:30px;} .lago-trustline__proof {padding:24px 32px;gap:20px;} } @media(max-width:600px) { .lago-trustline__results {grid-template-columns:1fr;padding:28px 24px;gap:28px;} .lago-trustline h2 {font-size:26px;margin-bottom:20px;} .lago-trustline h3 {font-size:30px;} .lago-trustline__intro p {font-size:16px;max-width:32ch;} .lago-trustline__proof {grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 10px;gap:8px;} .lago-trustline__proof>div {min-width:0;align-items:center;text-align:center;gap:6px;} .lago-trustline__proof dt {font-size:clamp(10px,2.6vw,13px);line-height:1.4;hyphens:auto;overflow-wrap:anywhere;} .lago-trustline__proof dd {font-size:clamp(15px,4.3vw,24px);white-space:nowrap;} } @media(max-width:480px) { .lago-trustline__proof {grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 16px;gap:16px;} .lago-trustline__proof>div:nth-child(3) {display:none;} .lago-trustline__proof dd {font-size:clamp(23px,6.5vw,31px);} .lago-trustline__proof dt {font-size:clamp(12px,3.1vw,14px);} } /* Reference-inspired statistics, on the page's existing transparent ground. */ .lago-statcards { --trust-blue:#134977; --trust-pale:#e3f2fc; padding:24px var(--lago-page-gutter,24px) 0; background:transparent; color:var(--trust-blue); font-family:'Lato',Arial,sans-serif; scroll-margin-top:100px; } .lago-statcards * { box-sizing:border-box; } .lago-statcards__inner { width:100%; max-width:var(--lago-content-width,1440px); margin-inline:auto; } .lago-statcards__proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 20px; padding:0; } .lago-statcards__stat, .lago-statcards__results { border-radius:16px; background:rgb(249 252 254 / 94%); box-shadow:0 5px 18px rgb(19 73 119 / 7%); text-align:center; } .lago-statcards__stat { display:flex; flex-direction:column; align-items:center; padding:28px 18px 30px; } .lago-statcards__icon { display:grid; place-items:center; flex-shrink:0; width:76px; height:76px; margin:0 auto 14px; border-radius:16px; color:var(--trust-blue); background:var(--trust-pale); } .lago-statcards__icon svg { width:43px; height:43px; } .lago-statcards dt { margin:0; font-size:clamp(15px,1.6vw,21px); line-height:1.4; } .lago-statcards dd { margin:0; color:var(--trust-blue); font-weight:800; line-height:1.12; letter-spacing:-.035em; font-variant-numeric:tabular-nums; white-space:nowrap; } .lago-statcards__proof dt { order:2; } .lago-statcards__proof dd { margin-bottom:8px; font-size:clamp(36px,5vw,76px); } .lago-statcards__results { padding:24px 28px 30px; } .lago-statcards__seasons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:8px 0 28px; padding:0; } .lago-statcards__season { display:flex; flex-direction:column; align-items:center; position:relative; padding:0 20px; } .lago-statcards__season + .lago-statcards__season::before { content:''; position:absolute; left:0; top:16px; bottom:0; width:1px; background:#d3e5f1; } .lago-statcards__season dt { order:2; } .lago-statcards__value { margin-bottom:4px!important; font-size:clamp(36px,4.6vw,68px); } .lago-statcards__note { margin:0; font-size:clamp(14px,1.5vw,19px); line-height:1.5; } .lago-statcards ::selection { background:#eeb71d; color:var(--trust-blue); } @media(max-width:900px) { .lago-statcards__proof { gap:12px; } .lago-statcards__stat { padding:24px 10px; } .lago-statcards__icon { width:60px; height:60px; border-radius:14px; } .lago-statcards__icon svg { width:34px; height:34px; } .lago-statcards__proof dd { font-size:clamp(28px,4.7vw,44px); } .lago-statcards__results { padding:24px 16px; } } @media(max-width:600px) { .lago-statcards__proof { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:12px; } .lago-statcards__stat { min-width:0; padding:18px 4px; border-radius:12px; } .lago-statcards__proof .lago-statcards__icon { width:44px; height:44px; margin-bottom:12px; border-radius:12px; } .lago-statcards__proof .lago-statcards__icon svg { width:27px; height:27px; } .lago-statcards__proof dd { font-size:clamp(16px,4.2vw,26px); } .lago-statcards__proof dt { font-size:clamp(10px,2.6vw,13px); hyphens:auto; overflow-wrap:anywhere; } .lago-statcards__results { padding:20px 10px; } .lago-statcards__seasons { margin-bottom:24px; } .lago-statcards__season { padding-inline:6px; } .lago-statcards__value { font-size:clamp(22px,6.5vw,36px); } .lago-statcards__season dt { font-size:clamp(10px,2.8vw,13px); } .lago-statcards__season + .lago-statcards__season::before { top:6px; } } /* Measured recreation of the supplied testimonial strip. */ .lago-testimonials {--review-ink:#163c67;--review-muted:#527294;padding:14px 24px 10px;background:transparent;color:var(--review-ink);font-family:'Lato',Arial,sans-serif;scroll-margin-top:100px;} .lago-testimonials * {box-sizing:border-box;} .lago-testimonials__inner {max-width:1200px;margin:0 auto;} .lago-testimonials__grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;} .lago-review {display:flex;flex-direction:column;min-width:0;min-height:234px;padding:13px 14px 12px;border:1px solid #e7eff5;border-radius:12px;background:rgba(249,252,254,.94);box-shadow:0 2px 5px rgba(39,94,133,.06);} .lago-review__person {display:flex;align-items:flex-start;gap:14px;min-height:66px;} .lago-review__portrait {flex:0 0 66px;width:66px;height:66px;border-radius:50%;object-fit:cover;} .lago-review__avatar {position:relative;display:block;flex:0 0 66px;width:66px;height:66px;} .lago-review__avatar .lago-review__portrait {display:block;} .lago-review__person>div {padding-top:2px;min-width:0;} .lago-review h3 {margin:0 0 3px;color:#12365e;font-family:inherit;font-size:14px;font-weight:700!important;line-height:17px;} .lago-review__property {margin:0;color:var(--review-muted);font-size:12px;line-height:16px;} .lago-review__verified {position:absolute;right:-1px;bottom:-1px;display:grid;place-items:center;width:18.04px;height:18.04px;margin:0;padding:.82px;border:1.64px solid #f9fcfe;border-radius:50%;background:#f9fcfe;color:#288569;} .lago-review__verified svg {display:block;width:14.76px;height:14.76px;} .lago-review blockquote {flex:1;min-height:68px;margin:8px 2px;padding:0;border:0;color:var(--review-ink);font-size:13px;font-style:normal;line-height:17px;} .lago-review blockquote p {margin:0;font:inherit;color:inherit;} .lago-review__facts {display:grid;grid-template-columns:1.12fr 1fr;gap:10px;margin:0;padding:0;border:0;} .lago-review__facts>div {display:grid;grid-template-columns:25px minmax(0,1fr);grid-template-rows:15px 15px;align-content:center;column-gap:7px;height:44px;padding:5px 7px;border:1px solid #e3edf5;border-radius:9px;background:#f3f9fd;} .lago-review__facts svg {grid-column:1;grid-row:1 / 3;align-self:center;width:23px;height:23px;color:#2267a5;} .lago-review__facts dt {grid-column:2;color:var(--review-muted);font-size:11px;line-height:15px;white-space:nowrap;} .lago-review__facts dd {grid-column:2;margin:0;color:#193d68;font-size:13px;font-weight:700;line-height:15px;font-variant-numeric:tabular-nums;} .lago-review__gain dd {grid-row:1;} .lago-review__gain dt {grid-row:2;} .lago-review__since dt {grid-row:1;} .lago-review__since dd {grid-row:2;} .lago-testimonials ::selection {color:#134977;background:#eeb71d;} /* Selected statistic accent shared across all owner cards. */ .lago-review .lago-review__gain {background:#fff5d5;border-color:#f0d985;} @media(max-width:1150px) { .lago-testimonials__inner {max-width:600px;} .lago-testimonials__grid {grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:600px) { .lago-testimonials {padding:14px 20px 64px;} .lago-testimonials__inner {max-width:360px;} .lago-testimonials__grid {grid-template-columns:1fr;} } /* Published HOME-DE model section; selectors and animations isolated from local revisions. */#section-nZFemT0uKW>.inner{max-width:100%}#section-nZFemT0uKW #col-sfePcLDNEKj>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} #section-nZFemT0uKW .font-manrope { font-family: 'Manrope', sans-serif !important; } #section-nZFemT0uKW .font-inter { font-family: 'Inter', sans-serif !important; } #section-nZFemT0uKW .font-inter * { font-family: inherit !important; } @media (max-width: 1024px) { #section-nZFemT0uKW, #section-nZFemT0uKW #row-dfbSKjA15Mv, #section-nZFemT0uKW #col-sfePcLDNEKj { animation: none !important; } }#section-nZFemT0uKW [id]{scroll-margin-top:var(--sticky-header-height)}#section-nZFemT0uKW .noBorder{border:none!important}#section-nZFemT0uKW .c-section>.inner{display:flex;flex-direction:column;justify-content:center;margin:auto;z-index:2}#section-nZFemT0uKW .c-row>.inner{display:flex;width:100%}#section-nZFemT0uKW .c-column>.inner{display:flex;flex-direction:column;height:100%;justify-content:inherit;width:100%!important}#section-nZFemT0uKW .c-wrapper{position:relative}#section-nZFemT0uKW .c-column{flex:1}#section-nZFemT0uKW .c-column,#section-nZFemT0uKW .c-row{position:relative} @media only screen and (max-width:767px){#section-nZFemT0uKW .c-row>.inner{flex-direction:column}#section-nZFemT0uKW .c-column,#section-nZFemT0uKW .c-row{width:100%!important}#section-nZFemT0uKW .c-column,#section-nZFemT0uKW .c-column>.inner,#section-nZFemT0uKW .c-row>.inner,#section-nZFemT0uKW .c-section,#section-nZFemT0uKW .c-section>.inner{padding-left:0!important;padding-right:0!important}#section-nZFemT0uKW .c-column,#section-nZFemT0uKW .c-column>.inner,#section-nZFemT0uKW .c-row{margin-left:0!important;margin-right:0!important}#section-nZFemT0uKW .c-row{padding-left:10px!important;padding-right:10px!important}}#section-nZFemT0uKW .c-column{flex:1 1 auto!important}#section-nZFemT0uKW .c-row>.inner{display:flex;width:100%}#section-nZFemT0uKW .radius0{border-radius:0}@keyframes models-bounce{15%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}35%{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-35%)}45%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}55%{box-shadow:0 5px 4px -4px #00000040;transform:translateY(-20%)}70%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}80%{box-shadow:0 4px 3px -3px #00000040;transform:translateY(-10%)}90%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}95%{box-shadow:0 2px 3px -3px #00000040;transform:translateY(-2%)}99%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 0 0 0 transparent;transform:translateY(0)}}#section-nZFemT0uKW .c-section>.inner{margin-left:auto;margin-right:auto;max-width:1170px;width:100%}#section-nZFemT0uKW .c-column{padding-left:15px;padding-right:15px}#section-nZFemT0uKW .row-align-center{margin:0 auto}#section-nZFemT0uKW button{border-radius:unset;font-family:unset;font-size:unset;line-height:unset;margin:unset;text-transform:unset}#section-nZFemT0uKW *{box-sizing:border-box}#section-nZFemT0uKW h2,#section-nZFemT0uKW h3{font-weight:500;margin:unset}@keyframes models-slideInUp{0%{opacity:0;transform:translate3d(0,100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}@keyframes models-slideInLeft{0%{opacity:0;transform:translate3d(-100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}} #section-nZFemT0uKW {background:transparent;scroll-margin-top:100px;} #section-nZFemT0uKW h2,#section-nZFemT0uKW h3 {font-family:Inter,sans-serif;font-weight:500!important;line-height:normal;} #section-nZFemT0uKW .font-inter {font-family:Inter,sans-serif;} #section-nZFemT0uKW .font-manrope {font-family:Manrope,sans-serif;} /* Published custom block, after shared GHL rules. */ #section-nZFemT0uKW * { margin: 0; padding: 0; box-sizing: border-box; } #section-nZFemT0uKW .rental-sectionvgleich { padding: 5px 20px; position: relative; overflow: visible; z-index: 101; } #section-nZFemT0uKW .container { max-width: 1200px; margin: 0 auto; position: relative; } #section-nZFemT0uKW .section-title { text-align: center; margin-bottom: 20px; opacity: 0; animation: models-slideInUp 0.8s ease-out 0.2s forwards; position: relative; } #section-nZFemT0uKW .section-title h2 { font-size: clamp(2.5rem, 5vw, 3.5rem); font-weight: 500 !important; color: #134A78; margin-bottom: 10px; position: relative; } #section-nZFemT0uKW .section-title h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; border-radius: 2px; animation: models-expandWidth 1s ease-out 1s forwards; width: 0; } @keyframes models-expandWidth { to { width: 80px; } } #section-nZFemT0uKW .models-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); gap: 40px; margin-top: 20px; } #section-nZFemT0uKW .comparison-controls { display: none; } #section-nZFemT0uKW .comparison-segment { display: inline-flex; background: rgba(19, 74, 120, 0.08); border-radius: 32px; padding: 6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); } #section-nZFemT0uKW .segment-btn { border: none; background: transparent; padding: 10px 18px; border-radius: 26px; font-weight: 600; font-size: 0.95rem; color: rgba(19, 74, 120, 0.65); transition: all 0.25s ease; cursor: pointer; min-width: 150px; } #section-nZFemT0uKW .segment-btn.is-active { background: #ffffff; color: #134A78; box-shadow: 0 4px 12px rgba(19, 74, 120, 0.18); } #section-nZFemT0uKW .segment-btn:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; } #section-nZFemT0uKW .swipe-hint { display: none; } #section-nZFemT0uKW .swipe-arrow { position: relative; width: 24px; height: 12px; } #section-nZFemT0uKW .swipe-arrow::before { content: ''; position: absolute; inset: 0; border-top: 2px solid #2563eb; border-right: 2px solid #2563eb; transform: rotate(45deg); border-radius: 2px; opacity: 0; animation: models-swipeHint 1.6s ease-in-out infinite; } @keyframes models-swipeHint { 0% { transform: translateX(0) rotate(45deg); opacity: 0; } 30% { opacity: 1; } 70% { transform: translateX(12px) rotate(45deg); opacity: 1; } 100% { transform: translateX(18px) rotate(45deg); opacity: 0; } } #section-nZFemT0uKW .models-slider { position: relative; width: 100%; overflow: visible; } #section-nZFemT0uKW .model-card { background: #ffffff; border-radius: 24px; padding: 40px 40px 20px 40px; box-shadow: 0 10px 30px rgba(19, 74, 120, 0.08); border: 1px solid rgba(19, 74, 120, 0.1); position: relative; overflow: hidden; opacity: 0; transform: translateY(30px); animation: models-slideInUp 0.8s ease-out forwards; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 101; } #section-nZFemT0uKW .model-card:nth-child(1) { animation-delay: 0.4s; } #section-nZFemT0uKW .model-card:nth-child(2) { animation-delay: 0.6s; } #section-nZFemT0uKW .model-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: linear-gradient(90deg, #134A78, #2563eb); transform: scaleX(0); transition: transform 0.4s ease; overflow: hidden; } #section-nZFemT0uKW .model-card:hover::before { transform: scaleX(1); } #section-nZFemT0uKW .model-card:hover { transform: translateY(-10px); box-shadow: 0 20px 50px rgba(19, 74, 120, 0.15); } #section-nZFemT0uKW .model-header { margin-bottom: 30px; position: relative; } #section-nZFemT0uKW .model-title { font-size: 1.8rem; font-weight: 700; color: #134A78; margin-bottom: 0px; display: flex; align-items: center; gap: 15px; } #section-nZFemT0uKW .model-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #134A78, #2563eb); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; animation: models-pulse 2s infinite; } @keyframes models-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } #section-nZFemT0uKW .benefits-list { list-style: none; margin-bottom: 15px; } #section-nZFemT0uKW .benefit-item { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; padding: 15px; background: rgba(19, 74, 120, 0.02); border-radius: 12px; border-left: 4px solid #134A78; opacity: 0; animation: models-slideInLeft 0.6s ease-out forwards; transition: all 0.3s ease; } #section-nZFemT0uKW .model-card:nth-child(1) .benefit-item:nth-child(1) { animation-delay: 0.8s; } #section-nZFemT0uKW .model-card:nth-child(1) .benefit-item:nth-child(2) { animation-delay: 0.9s; } #section-nZFemT0uKW .model-card:nth-child(1) .benefit-item:nth-child(3) { animation-delay: 1.0s; } #section-nZFemT0uKW .model-card:nth-child(1) .benefit-item:nth-child(4) { animation-delay: 1.1s; } #section-nZFemT0uKW .model-card:nth-child(1) .benefit-item:nth-child(5) { animation-delay: 1.2s; } #section-nZFemT0uKW .model-card:nth-child(1) .benefit-item:nth-child(6) { animation-delay: 1.3s; } #section-nZFemT0uKW .model-card:nth-child(2) .benefit-item:nth-child(1) { animation-delay: 1.0s; } #section-nZFemT0uKW .model-card:nth-child(2) .benefit-item:nth-child(2) { animation-delay: 1.1s; } #section-nZFemT0uKW .model-card:nth-child(2) .benefit-item:nth-child(3) { animation-delay: 1.2s; } #section-nZFemT0uKW .model-card:nth-child(2) .benefit-item:nth-child(4) { animation-delay: 1.3s; } #section-nZFemT0uKW .model-card:nth-child(2) .benefit-item:nth-child(5) { animation-delay: 1.4s; } #section-nZFemT0uKW .model-card:nth-child(2) .benefit-item:nth-child(6) { animation-delay: 1.5s; } #section-nZFemT0uKW .benefit-item:hover { background: rgba(19, 74, 120, 0.05); transform: translateX(5px); } #section-nZFemT0uKW .benefit-icon { width: 24px; height: 24px; background: transparent; border-radius: 0; display: flex; align-items: center; justify-content: center; color: inherit; font-size: 14px; flex-shrink: 0; margin-top: 0; } #section-nZFemT0uKW .addon-text { color: #333; font-weight: 200; font-size: 0.8rem; opacity: 0; animation: models-slideInUp 0.6s ease-out forwards; transition: all 0.3s ease; display: flex; justify-content: center; width: 100%; margin-top: -12px; position: relative; z-index: 105; } #section-nZFemT0uKW .benefit-text { color: #333; font-weight: 500; flex: 1; font-size: 0.9rem; } #section-nZFemT0uKW .model-footer { margin-top: 10px; padding-top: 5px; border-top: 2px solid rgba(19, 74, 120, 0.1); } #section-nZFemT0uKW .ideal-for { background: linear-gradient(135deg, #134A78, #2563eb); color: white; padding: 20px; border-radius: 16px; font-weight: 600; text-align: center; position: relative; overflow: hidden; z-index: 100; } #section-nZFemT0uKW .ideal-for::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); animation: models-shimmer 3s infinite; } @keyframes models-shimmer { 0% { left: -100%; } 100% { left: 100%; } } #section-nZFemT0uKW .guarantee-badge { position: absolute; top: 20px; right: 20px; background: linear-gradient(135deg, #134A78, #2563eb); color: white; padding: 8px 16px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; animation: models-bounce 2s infinite; } @keyframes models-bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } @keyframes models-slideInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes models-slideInLeft { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } } @media (max-width: 768px) { #section-nZFemT0uKW .comparison-controls { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 20px; } #section-nZFemT0uKW .model-header{ display: none; } #section-nZFemT0uKW .swipe-hint { display: flex; align-items: center; gap: 8px; color: rgba(19, 74, 120, 0.65); font-size: 0.85rem; font-weight: 500; } #section-nZFemT0uKW .models-slider { margin-top: 20px; overflow-x: hidden; overflow-y: visible; } #section-nZFemT0uKW .models-slider .models-grid { display: flex; margin-top: 0; gap: 0; --active-index: 0; transform: translateX(calc(-100% * var(--active-index))); transition: transform 0.4s ease; } #section-nZFemT0uKW .models-slider .model-card { flex: 0 0 100%; padding: 35px 8px 10px 8px; opacity: 0.4; transform: none !important; } #section-nZFemT0uKW .models-slider .model-card.is-active { opacity: 1; } #section-nZFemT0uKW .guarantee-badge{ right: 10px; top: 10px; z-index: 110; } #section-nZFemT0uKW .ideal-for { z-index: 101; } #section-nZFemT0uKW .rental-sectionvgleich { padding: 5px 15px; } #section-nZFemT0uKW .section-title h2 { font-size: 2.2rem; } } @media (max-width: 1100px) and (min-width: 769px) { #section-nZFemT0uKW .models-grid { grid-template-columns: 1fr; max-width: 700px; margin: 20px auto 0; } } #section-nZFemT0uKW .info-tooltip-wrapper { position: relative; display: inline-block; cursor: pointer; z-index: 200; -webkit-tap-highlight-color: transparent; } #section-nZFemT0uKW .info-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background-color: #134A78; color: #fff; border: 2px solid #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2); border-radius: 50%; font-size: 14px; font-weight: bold; font-family: serif; font-style: italic; transition: all 0.3s ease; } #section-nZFemT0uKW .info-tooltip-wrapper:hover .info-icon, #section-nZFemT0uKW .info-tooltip-wrapper:active .info-icon, #section-nZFemT0uKW .info-tooltip-wrapper:focus .info-icon, #section-nZFemT0uKW .info-tooltip-wrapper.mobile-active .info-icon { transform: scale(1.1); background-color: #2563eb; } #section-nZFemT0uKW .tooltip-content { visibility: hidden; opacity: 0; position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); width: 250px; background-color: #333; color: #fff; text-align: center; border-radius: 8px; padding: 10px; font-size: 0.8rem; font-weight: 400; line-height: 1.4; box-shadow: 0 5px 15px rgba(0,0,0,0.2); transition: opacity 0.3s ease, visibility 0.3s ease; pointer-events: none; z-index: 300; } #section-nZFemT0uKW .tooltip-content::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #333 transparent transparent transparent; } #section-nZFemT0uKW .info-tooltip-wrapper:hover .tooltip-content, #section-nZFemT0uKW .info-tooltip-wrapper:active .tooltip-content, #section-nZFemT0uKW .info-tooltip-wrapper:focus .tooltip-content, #section-nZFemT0uKW .info-tooltip-wrapper.mobile-active .tooltip-content{ visibility: visible; opacity: 1; } /* Native builder dimensions retained without its runtime. */ .section-nZFemT0uKW{box-shadow:none;padding:20px 0;margin:40px 0 0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}@media screen and (min-width:0px) and (max-width:480px){.section-nZFemT0uKW{padding-top:0;padding-bottom:0;margin-top:60px}}.row-dfbSKjA15Mv{margin:0 auto;box-shadow:none;padding:10px 0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid;width:100%}@media screen and (min-width:0px) and (max-width:480px){.row-dfbSKjA15Mv{padding-left:0!important;padding-right:0!important;padding-bottom:0}}.col-sfePcLDNEKj{box-shadow:none;padding:10px 0;background-color:var(--transparent);backdrop-filter:none;width:100%;border-color:var(--black);border-width:2px;border-style:solid;margin:0} /* Builder wrapper properties are explicit: the scoped reset must not erase them. */ #section-nZFemT0uKW {padding:20px 0;margin:40px 0 0;} #section-nZFemT0uKW #row-dfbSKjA15Mv {width:100%;padding:10px 0;margin:0 auto;} #section-nZFemT0uKW #col-sfePcLDNEKj {width:100%;padding:10px 0;margin:0;} #section-nZFemT0uKW .section-title h2 {font-family:Manrope,sans-serif;line-height:1.5;} @media(max-width:480px) { #section-nZFemT0uKW {padding-top:0;padding-bottom:0;margin-top:60px;} #section-nZFemT0uKW #row-dfbSKjA15Mv {padding-bottom:0;} } /* Final published cascade uses the sans fallback's normal heading line-height. */ #section-nZFemT0uKW .section-title h2 {line-height:normal;} @media(max-width:480px) { #section-nZFemT0uKW #row-dfbSKjA15Mv {padding-left:0!important;padding-right:0!important;} } /* User-approved compact accordion reference supersedes the published slider layout. */ #section-nZFemT0uKW.lago-models-accordion {width:100%;margin:40px 0 0;padding:0 0 40px;background:transparent;font-family:'Lato',Arial,sans-serif;color:#102d61;} #section-nZFemT0uKW .section-title {margin:0 0 28px;opacity:1;animation:none;} #section-nZFemT0uKW .section-title h2 {margin:0;color:#0c154f;font-family:'Lato',Arial,sans-serif;font-size:28px;font-weight:700!important;line-height:1.2;letter-spacing:-.025em;} #section-nZFemT0uKW #vergleich-section {padding:0;z-index:auto;} #section-nZFemT0uKW .container {width:82%;max-width:1176px;margin:0 auto;} #section-nZFemT0uKW .models-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;max-width:none;margin:0;transform:none;} #section-nZFemT0uKW .model-card {padding:0;min-width:0;opacity:1;transform:none;animation:none;transition:none;overflow:hidden;border:1px solid #e3edf6;border-radius:12px;background:rgba(249,252,255,.94);box-shadow:0 2px 8px rgba(19,74,120,.04);z-index:auto;} #section-nZFemT0uKW .model-card::before {content:none;} #section-nZFemT0uKW .model-card:hover {transform:none;box-shadow:0 2px 8px rgba(19,74,120,.04);} #section-nZFemT0uKW .model-summary {display:flex;align-items:center;gap:14px;min-height:96px;padding:20px;list-style:none;cursor:pointer;user-select:none;} #section-nZFemT0uKW .model-summary::-webkit-details-marker {display:none;} #section-nZFemT0uKW .model-summary::marker {content:'';} #section-nZFemT0uKW .model-summary__icon {display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#dceeff;color:#123c79;} #section-nZFemT0uKW .model-summary__icon svg {width:26px;height:26px;} #section-nZFemT0uKW .model-summary__copy {flex:1;min-width:0;} #section-nZFemT0uKW .model-summary__title {display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#0c154f;font-size:17px;font-weight:700;line-height:1.3;} #section-nZFemT0uKW .model-summary__subtitle {display:block;margin-top:4px;color:#45608b;font-size:12px;line-height:1.4;} #section-nZFemT0uKW .model-summary__badge {display:inline-block;padding:4px 10px;border-radius:20px;background:#3b9cf0;color:#fff;font-size:10px;font-weight:400;line-height:1.2;white-space:nowrap;} #section-nZFemT0uKW .model-summary__chevron {flex:0 0 20px;width:20px;height:20px;color:#243c74;transition:transform .2s ease;} #section-nZFemT0uKW details[open] .model-summary__chevron {transform:rotate(180deg);} #section-nZFemT0uKW .model-summary:focus-visible {outline:3px solid #2563eb;outline-offset:-4px;border-radius:12px;} #section-nZFemT0uKW .model-summary:hover {background:rgba(220,238,255,.3);} #section-nZFemT0uKW .model-expanded {padding:0 40px 20px;} #section-nZFemT0uKW .benefit-item,#section-nZFemT0uKW .addon-text {animation:none;opacity:1;} #section-nZFemT0uKW .ideal-for::before {content:none;} @media(max-width:900px) { #section-nZFemT0uKW .container {width:90%;} #section-nZFemT0uKW .models-grid {gap:12px;} #section-nZFemT0uKW .model-summary {gap:10px;padding:14px;min-height:82px;} #section-nZFemT0uKW .model-summary__icon {flex-basis:36px;width:36px;height:36px;} #section-nZFemT0uKW .model-summary__icon svg {width:22px;height:22px;} #section-nZFemT0uKW .model-summary__title {font-size:14px;gap:6px;} #section-nZFemT0uKW .model-summary__subtitle {font-size:11px;} #section-nZFemT0uKW .model-summary__badge {font-size:8px;padding:3px 7px;} #section-nZFemT0uKW .model-expanded {padding:0 14px 16px;} } @media(max-width:600px) { #section-nZFemT0uKW.lago-models-accordion {margin-top:28px;padding-bottom:64px;} #section-nZFemT0uKW .section-title {margin-bottom:20px;padding:0 20px;} #section-nZFemT0uKW .section-title h2 {font-size:26px;} #section-nZFemT0uKW .container {width:calc(100% - 40px);} #section-nZFemT0uKW .models-grid {grid-template-columns:1fr;} #section-nZFemT0uKW .model-summary__title {font-size:16px;} } @media(prefers-reduced-motion:reduce) { #section-nZFemT0uKW .model-summary__chevron {transition:none;} } /* On phones, opening either compact card restores the mobile swipe comparison. */ #section-nZFemT0uKW .comparison-controls {display:none;} #section-nZFemT0uKW .models-slider {margin-top:0;} #section-nZFemT0uKW .models-slider .model-card {padding:0;opacity:1;} @media(max-width:768px) { #section-nZFemT0uKW #vergleich-section:not(.is-comparing) .models-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;transform:none;} #section-nZFemT0uKW #vergleich-section:not(.is-comparing) .model-summary {display:grid;grid-template-columns:28px minmax(0,1fr) 14px;gap:6px;min-height:100px;height:100%;padding:10px;} #section-nZFemT0uKW #vergleich-section:not(.is-comparing) .model-summary__icon {width:28px;height:28px;} #section-nZFemT0uKW #vergleich-section:not(.is-comparing) .model-summary__icon svg {width:20px;height:20px;} #section-nZFemT0uKW #vergleich-section:not(.is-comparing) .model-summary__title {font-size:14px;gap:4px;} #section-nZFemT0uKW #vergleich-section:not(.is-comparing) .model-summary__subtitle {font-size:10px;} #section-nZFemT0uKW #vergleich-section:not(.is-comparing) .model-summary__chevron {width:14px;height:14px;} #section-nZFemT0uKW #vergleich-section.is-comparing .comparison-controls {display:flex;margin:0 0 18px;gap:12px;} #section-nZFemT0uKW .comparison-segment {display:flex;width:100%;} #section-nZFemT0uKW .segment-btn {flex:1;min-width:0;padding:10px 8px;font-family:'Lato',Arial,sans-serif;font-size:14px;line-height:1.25;} #section-nZFemT0uKW .swipe-hint {font-family:'Lato',Arial,sans-serif;font-size:13px;} #section-nZFemT0uKW #vergleich-section.is-comparing .models-slider {overflow:clip;margin-top:0;touch-action:pan-y;} #section-nZFemT0uKW #vergleich-section.is-comparing .models-grid {display:flex;gap:0;align-items:stretch;transform:translateX(calc(-100% * var(--active-index,0)));transition:transform .4s ease;} #section-nZFemT0uKW #vergleich-section.is-comparing .model-card {flex:0 0 100%;width:100%;} #section-nZFemT0uKW #vergleich-section.is-comparing .model-summary {min-height:82px;} } @media(prefers-reduced-motion:reduce) { #section-nZFemT0uKW #vergleich-section.is-comparing .models-grid {transition:none;} } /* Shared content frame below the independently sized title section. */ :root { --lago-content-width: 1240px; --lago-page-gutter: clamp(24px, 5vw, 80px); } #section-loSE4nAN5k.pdf-why, .lago-trustline, .lago-testimonials { padding-left: var(--lago-page-gutter); padding-right: var(--lago-page-gutter); } .why-inner, .lago-trustline__inner, .lago-testimonials__inner { width: 100%; max-width: var(--lago-content-width); margin-inline: auto; } #section-nZFemT0uKW .container { width: calc(100% - 2 * var(--lago-page-gutter)); max-width: var(--lago-content-width); margin-inline: auto; } /* Keep the full-width tips surface aligned with the shared reading frame. */ .lago-expert-tips .lago-expert-tips__surface { padding-inline: max(var(--lago-page-gutter), calc((100% - var(--lago-content-width)) / 2)); } @media (max-width: 900px) { :root { --lago-page-gutter: 20px; } } .lago-comparison { padding: 12px var(--lago-page-gutter, 24px) 64px; background: transparent; color: #15366a; font-family: 'Lato', Arial, sans-serif; scroll-margin-top: 100px; } .lago-comparison * { box-sizing: border-box; } .lago-comparison__inner { width: 100%; max-width: var(--lago-content-width, 1176px); margin: 0 auto; } .lago-comparison h2 { margin: 0 0 8px; color: #102963; font-family: inherit; font-size: clamp(26px, 2.7vw, 34px); font-weight: 700 !important; line-height: 1.2; letter-spacing: -.025em; text-align: center; text-wrap: balance; } .lago-comparison__intro { margin: 0 0 20px; color: #365385; font-size: 16px; line-height: 1.45; text-align: center; } .lago-comparison__surface { overflow: hidden; border: 1px solid #dfebf5; border-radius: 12px; box-shadow: 0 4px 16px rgba(19, 74, 120, .06); } .lago-comparison table { width: 100%; margin: 0; border-collapse: collapse; table-layout: fixed; } .lago-comparison col { width: 50%; } .lago-comparison th { padding: 10px 16px; color: #102963; font-size: 23px; font-weight: 700; line-height: 1.25; text-align: center; } .lago-comparison th:first-child, .lago-comparison td:first-child { background: rgba(249, 253, 255, .95); } .lago-comparison th:last-child, .lago-comparison td:last-child { border-left: 1px solid #e1e9f3; background: #fcf7f7; } .lago-comparison td { padding: 8px 18px; border-top: 1px solid #e1e9f3; vertical-align: middle; } .lago-comparison__item { display: flex; align-items: center; gap: 18px; font-size: 14px; line-height: 1.4; } .lago-comparison__icon { flex: 0 0 27px; width: 27px; height: 27px; } .lago-comparison ::selection { background: #eeb71d; color: #134977; } @media (max-width: 900px) { .lago-comparison th { font-size: 20px; } .lago-comparison td { padding: 9px 12px; } .lago-comparison__item { gap: 10px; } } @media (max-width: 600px) { .lago-comparison { padding-top: 0; padding-bottom: 80px; } .lago-comparison h2 { font-size: 26px; } .lago-comparison__intro { font-size: 14px; margin-bottom: 18px; } .lago-comparison col:first-child, .lago-comparison col:last-child { width: 50%; } .lago-comparison th { padding: 12px 8px; font-size: 16px; } .lago-comparison td { padding: 10px 8px; } .lago-comparison__item { align-items: flex-start; gap: 7px; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; } .lago-comparison__icon { flex-basis: 20px; width: 20px; height: 20px; margin-top: 1px; } } /* Mobile reference: broad provider cards with a preview of the next column. */ .lago-comparison__mobile {display:none;} @media(max-width:768px) { .lago-comparison.has-mobile-comparison .lago-comparison__surface {display:none;} .lago-comparison__mobile {display:block;} .lago-comparison__track {display:grid;grid-auto-flow:column;grid-auto-columns:86%;grid-template-rows:auto repeat(11,auto);gap:0 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1 * var(--lago-page-gutter,20px));padding:2px 0 10px;} .lago-comparison__track::-webkit-scrollbar {display:none;} .lago-comparison__slide {grid-row:1 / span 12;display:grid;grid-template-rows:subgrid;row-gap:0;min-width:0;border:1px solid #dce9f2;border-radius:14px;overflow:hidden;background:rgba(249,253,255,.96);box-shadow:0 3px 12px rgba(19,74,120,.06);scroll-snap-align:start;} .lago-comparison__slide:last-child {background:#fcf7f7;scroll-snap-align:end;} .lago-comparison .lago-comparison__slide h3 {display:flex;align-items:center;justify-content:center;margin:0;padding:12px 14px;min-height:54px;font-family:inherit;font-size:24px;font-weight:700!important;line-height:1.25;text-align:center;color:#102963;} .lago-comparison__slide-row {display:flex;align-items:center;padding:10px 12px;border-top:1px solid #dce7f0;} .lago-comparison__slide .lago-comparison__item {align-items:center;gap:14px;font-size:15px;line-height:1.4;overflow-wrap:normal;} .lago-comparison__slide .lago-comparison__icon {flex-basis:26px;width:26px;height:26px;margin:0;} .lago-comparison__swipe-controls {display:flex;flex-direction:column;align-items:center;gap:0;margin-top:0;} .lago-comparison__dots {display:flex;align-items:center;justify-content:center;} .lago-comparison__dots button {display:grid;place-items:center;width:30px;height:36px;padding:0;border:0;background:transparent;cursor:pointer;} .lago-comparison__dots button span {display:block;width:11px;height:11px;border-radius:50%;background:#c1d5e6;} .lago-comparison__dots button[aria-pressed="true"] span {background:#1e3688;} .lago-comparison__swipe-hint {display:flex;align-items:center;justify-content:center;gap:8px;color:#567295;font-size:13px;line-height:1.4;} .lago-comparison__swipe-hint button {display:grid;place-items:center;width:36px;height:36px;padding:6px;border:0;background:transparent;color:#567295;cursor:pointer;} .lago-comparison__swipe-hint button svg {width:22px;height:22px;} .lago-comparison__swipe-hint button:disabled {opacity:.45;cursor:default;} .lago-comparison__mobile button:focus-visible {outline:2px solid #1e3688;outline-offset:1px;border-radius:6px;} } /* User supplied HOME-DE sections, scoped to preserve the established page. */ .lago-addition { padding:64px var(--lago-page-gutter,24px); color:#134977; background:transparent; font-family:'Lato',Arial,sans-serif; scroll-margin-top:100px; } .lago-addition * { box-sizing:border-box; } .lago-addition__inner { width:100%; max-width:var(--lago-content-width,1176px); margin-inline:auto; } .lago-addition h2 { margin:0 0 24px; color:#134977; font:700 clamp(28px,3.3vw,44px)/1.2 'Lato',Arial,sans-serif; text-align:center; text-wrap:balance; } .lago-addition p { line-height:1.6; } .lago-stories .viddescriptiondesktop { margin:0 0 28px; font-size:1.2rem; line-height:1.5; text-align:justify; hyphens:auto; } .lago-stories__video { overflow:hidden; border-radius:50px; clip-path:inset(0 round 50px); background:transparent; } #video-KIXnSh-n-e-video-js { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:inherit; background:transparent; } .lago-addition__button { display:inline-flex; justify-content:center; align-items:center; gap:12px; padding:16px 28px; border-radius:12px; background:#134977; color:#fff; text-decoration:none; font-size:17px; font-weight:700; line-height:1.4; text-align:center; transition:background-color .2s; } .lago-addition__button:hover { background:#0b355a; } .lago-addition__button:focus-visible { outline:3px solid #134977; outline-offset:5px; } .lago-addition__button svg { flex-shrink:0; width:25px; height:25px; color:#eeb71d; } .lago-timeline__subtitle { margin:0 0 76px; text-align:center; font-size:18px; } .lago-timeline__track { position:relative; } .lago-timeline__track::before,.lago-timeline__progress { content:''; position:absolute; top:0; bottom:0; left:calc(50% - 2px); width:4px; background:#e2e8f0; } /* taste-skill-ignore: Preserve the progress gradient supplied by the user. */ .lago-timeline__progress { bottom:auto; height:100%; transform:scaleY(0); transform-origin:top; background:linear-gradient(to bottom,#134977,#e0f2fe); } .lago-timeline__steps { list-style:none; margin:0; padding:0; } .lago-timeline__step { display:grid; grid-template-columns:1fr 1fr; column-gap:48px; position:relative; margin-bottom:80px; } .lago-timeline__step:last-child { margin-bottom:0; } .lago-timeline__point { position:absolute; top:0; left:50%; width:20px; height:20px; border-radius:50%; background:#134977; transform:translate(-50%,-50%); } /* taste-skill-ignore: Preserve the white timeline cards and elevation supplied by the user. */ .lago-timeline__card { grid-column:1; padding:32px; border-radius:16px; background:#fff; box-shadow:0 10px 24px rgb(19 73 119 / 8%); } .lago-timeline__step:nth-child(even) /* taste-skill-ignore: Preserve the white timeline cards and elevation supplied by the user. */ .lago-timeline__card { grid-column:2; } .lago-timeline__card-heading { display:flex; align-items:center; gap:16px; margin-bottom:16px; } .lago-timeline__card-heading img { flex:0 0 64px; width:64px; height:64px; padding:8px; border-radius:50%; background:#e0f2fe; } .lago-timeline__card h3 { margin:0; font:600 24px/1.3 'Lato',Arial,sans-serif; color:#134977; } .lago-timeline__card p { margin:0; color:#3b5770; font-size:16px; } .lago-timeline__action { margin-top:48px; text-align:center; } .lago-timeline { overflow-x:clip; } .has-timeline-motion .lago-timeline__card { opacity:0; transform:translateX(-36px); transition:opacity 600ms ease-out, transform 600ms cubic-bezier(.16,1,.3,1); } .has-timeline-motion .lago-timeline__step:nth-child(even) .lago-timeline__card { transform:translateX(36px); } .has-timeline-motion .lago-timeline__step .lago-timeline__card.is-visible { opacity:1; transform:translateX(0); } .lago-timeline__point { transition:transform 300ms ease-out, background-color 300ms ease; } .lago-timeline__point.is-active { transform:translate(-50%,-50%) scale(1.2); } @property --lago-border-angle { syntax:''; inherits:false; initial-value:0deg; } .lago-timeline__button { position:relative; border:3px solid rgb(238 183 29 / 30%); } .lago-timeline__button::before { content:''; position:absolute; inset:-3px; border-radius:inherit; padding:3px; pointer-events:none; background:conic-gradient(from var(--lago-border-angle), transparent 0% 72%, #eeb71d 88%, #fff6cf 98%, #eeb71d 100%); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite:exclude; animation:lago-clockwise-border 4s linear infinite; animation-play-state:paused; } .lago-timeline.is-in-view:not(.is-page-hidden) .lago-timeline__button::before { animation-play-state:running; } @keyframes lago-clockwise-border { to { --lago-border-angle:360deg; } } @media(prefers-reduced-motion:reduce) { .has-timeline-motion .lago-timeline__card, .has-timeline-motion .lago-timeline__step:nth-child(even) .lago-timeline__card { opacity:1; transform:none; transition:none; } .lago-timeline__point { transition:none; } .lago-timeline__button::before { animation:none; background:#eeb71d; } } .lago-expert-tips.lago-addition { padding:0; margin-block:64px; } .lago-expert-tips__surface { display:grid; width:100%; max-width:none; grid-template-columns:.9fr 1.1fr; align-items:center; gap:40px; min-height:450px; padding:64px clamp(20px,3.3vw,80px); border-radius:0; background:rgb(156 163 175 / 30%); backdrop-filter:blur(14px) brightness(.91); -webkit-backdrop-filter:blur(14px) brightness(.91); } .lago-expert-tips h2 { margin:0 0 20px; text-align:left; font-size:clamp(28px,2.6vw,36px); } .lago-expert-tips__copy>p { margin:0 0 28px; font-size:20px; } .lago-expert-tips__ratings { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } .lago-expert-tips__rating { min-width:0; padding:16px 12px; border:2px solid #eeb71d; border-radius:12px; background:#fff; } .lago-expert-tips__rating svg { width:24px; height:24px; color:#946b00; } .lago-expert-tips__rating p { margin:8px 0 0; font-size:14px; color:#eeb71d; } .lago-expert-tips__rating .lago-expert-tips__provider { font-size:13px; font-weight:700; } .lago-expert-tips__rating .lago-expert-tips__score { font-size:21px; font-weight:700; line-height:1.3; } .lago-addition ::selection { background:#eeb71d; color:#134977; } @media(min-width:769px) and (max-width:1100px) { .lago-expert-tips__surface { grid-template-columns:1fr; } } @media(max-width:768px) { .lago-addition { padding-top:44px; padding-bottom:44px; } .lago-stories .viddescriptiondesktop { font-size:16px; text-align:left; } .lago-timeline__subtitle { margin-bottom:48px; } .lago-timeline__track::before,.lago-timeline__progress { left:10px; } .lago-timeline__step { display:block; margin:0 0 36px; padding-left:40px; } .lago-timeline__point { left:12px; top:25px; width:18px; height:18px; } .lago-timeline__card { padding:20px; } .lago-timeline__card-heading { gap:12px; } .lago-timeline__card-heading img { flex-basis:48px; width:48px; height:48px; } .lago-timeline__card h3 { font-size:21px; } .lago-timeline__action { margin-top:32px; } .lago-addition__button { padding:14px 18px; font-size:16px; } } /* Shared section-title typography and rhythm, based on the approved timeline. */ :root { --lago-section-title-font: 'Lato', Arial, sans-serif; --lago-section-title-size: clamp(28px, 3.3vw, 44px); --lago-section-space: clamp(56px, 6.7vw, 96px); --lago-title-gap: 24px; --lago-intro-gap: 32px; } #preview-container :is(#section-loSE4nAN5k, #erfolgsgeschichten, #lago-trustline, #section-nZFemT0uKW, #timeline-section, #expertentipps, #lago-portalvergleich) h2 { margin: 0 0 var(--lago-title-gap); font-family: var(--lago-section-title-font); font-size: var(--lago-section-title-size); font-weight: 700 !important; line-height: 1.2; letter-spacing: normal; color: #134977; text-wrap: balance; text-align: center; } /* Give later section headings more room above; preserve the Why Lago heading. */ #preview-container :is(#erfolgsgeschichten, #section-nZFemT0uKW, #timeline-section, #expertentipps, #lago-portalvergleich, .lago-expert-phone) h2 { margin-top: clamp(24px, 3vw, 40px); } /* One section owns each gap, avoiding accumulated padding and margins. */ #section-loSE4nAN5k.pdf-why, #erfolgsgeschichten.lago-stories, #lago-trustline.lago-trustline, #section-nZFemT0uKW.lago-models-accordion, #timeline-section.lago-timeline, #lago-portalvergleich.lago-comparison { margin-block: 0; padding-top: var(--lago-section-space); padding-bottom: 0; } #section-nZFemT0uKW .section-title { width: calc(100% - 2 * var(--lago-page-gutter)); max-width: var(--lago-content-width); margin-inline: auto; margin-bottom: 0; padding-inline: 0; } /* Owner reviews continue the proof section rather than starting a new chapter. */ #eigentuemerstimmen.lago-testimonials { padding-top: 24px; padding-bottom: 0; } #erfolgsgeschichten .viddescriptiondesktop, #lago-portalvergleich .lago-comparison__intro { margin-bottom: var(--lago-intro-gap); } #timeline-section .lago-timeline__subtitle { margin: 0 0 var(--lago-intro-gap); } /* Keep the approved edge-to-edge expert tips field with its own inner breathing room. */ #expertentipps.lago-expert-tips { margin-block: var(--lago-section-space) 0; padding: 0; } #expertentipps .lago-expert-tips__surface { padding-block: 64px; } @media (max-width: 768px) { :root { --lago-title-gap: 20px; --lago-intro-gap: 24px; } } /* Progress values remain fully visible without JavaScript. */ .lago-trustline__fill { transform-origin: left center; } .lago-motion__sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; } #preview-container h2 { text-align:center; } .lago-testimonials__inner { container-type:inline-size; --review-edge-width:clamp(8px, 1.1vw, 16px); } .lago-testimonials__surface { position:relative; } .lago-testimonials__viewport { overflow-x:auto; padding-bottom:4px; scrollbar-width:thin; scrollbar-color:#134977 #edf5fa; } .lago-testimonials__grid { display:flex; gap:12px; } .lago-testimonials .lago-review { flex:0 0 var(--review-card-width); width:var(--review-card-width); container:review-card / inline-size; } .lago-testimonials__inner { --review-card-width:clamp(226.32px, calc((100cqw - 36px) / 4 * .82), 311.6px); } .lago-review__initials { display:grid; place-items:center; border-radius:50%; background:#e0eff9; color:#134977; font-size:23px; font-weight:700; } .lago-review__sample { display:block; color:#527294; font-size:11px; line-height:16px; } .lago-testimonials__viewport.is-carousel { overflow:hidden; } /* Fade the silhouette as well as the detail: no visible pane at the crop. */ .lago-testimonials__viewport.is-carousel { -webkit-mask-image:linear-gradient(to right, transparent, #000 var(--review-edge-width), #000 calc(100% - var(--review-edge-width)), transparent); mask-image:linear-gradient(to right, transparent, #000 var(--review-edge-width), #000 calc(100% - var(--review-edge-width)), transparent); } .lago-testimonials__edge { position:absolute; z-index:1; inset-block:0 4px; width:var(--review-edge-width); pointer-events:none; } .lago-testimonials__edge--start { left:0; --edge-direction:to right; } .lago-testimonials__edge--end { right:0; --edge-direction:to left; } .lago-testimonials__edge > span { position:absolute; inset:0; -webkit-backdrop-filter:blur(var(--edge-blur)) saturate(1.12); backdrop-filter:blur(var(--edge-blur)) saturate(1.12); -webkit-mask-image:linear-gradient(var(--edge-direction), transparent, #000 12%, #000 var(--edge-hold), transparent var(--edge-reach)); mask-image:linear-gradient(var(--edge-direction), transparent, #000 12%, #000 var(--edge-hold), transparent var(--edge-reach)); } .lago-testimonials__edge > span:nth-child(1) { --edge-blur:2px; --edge-hold:42%; --edge-reach:100%; background:linear-gradient(165deg, rgb(255 255 255 / .22), rgb(224 244 255 / .05) 48%, rgb(255 255 255 / .12)); } .lago-testimonials__edge > span:nth-child(2) { --edge-blur:6px; --edge-hold:26%; --edge-reach:74%; } .lago-testimonials__edge > span:nth-child(3) { --edge-blur:14px; --edge-hold:14%; --edge-reach:48%; } .is-carousel .lago-testimonials__grid { width:max-content; animation:lago-reviews-scroll var(--review-loop-duration, 90s) linear infinite; animation-play-state:paused; } .lago-testimonials__group { display:flex; gap:12px; } .is-carousel.is-visible .lago-testimonials__grid { animation-play-state:running; } .is-carousel:is(:hover, :focus-within, .is-document-hidden) .lago-testimonials__grid { animation-play-state:paused; } .lago-testimonials :focus-visible { outline:2px solid #134977; outline-offset:3px; } @keyframes lago-reviews-scroll { to { transform:translateX(calc(-50% - 6px)); } } @container review-card (max-width:250px) { .lago-review__facts { grid-template-columns:1.2fr 1fr; gap:8px; } .lago-review__facts>div { grid-template-columns:16px minmax(0,1fr); column-gap:4px; padding-inline:5px; } .lago-review__facts svg { width:16px; height:16px; } .lago-review__facts dt { font-size:10px; } } @media (max-width:600px) { .lago-testimonials__inner { --review-card-width:clamp(226.32px, 68.88cqw, 278.8px); } } @media (prefers-reduced-motion:reduce) { .lago-testimonials__viewport.is-carousel { overflow-x:auto; } .lago-testimonials__viewport.is-carousel { -webkit-mask-image:none; mask-image:none; } .lago-testimonials__edge { display:none; } .is-carousel .lago-testimonials__grid { animation:none; } .lago-testimonials__group[aria-hidden] { display:none; } } .hl_page-preview--content .section-cpORfFVxcF{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .row-mEJUEZnJCbt{margin:0 auto;padding:0 10px 15px;width:100%}.hl_page-preview--content .col-AU1kzJoBATW,.hl_page-preview--content .cparagraph-x3qjb1Z81Ob,.hl_page-preview--content .row-mEJUEZnJCbt{background-color:var(--transparent);box-shadow:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-AU1kzJoBATW{padding:10px 5px 10px 0;width:41.5%;backdrop-filter:none;margin:0 0 0-1px}.hl_page-preview--content #paragraph-oJCWq_TVWFA,.hl_page-preview--content #paragraph-x3qjb1Z81Ob{margin-top:0;margin-bottom:0;margin-left:-2.5rem;margin-right:0}.hl_page-preview--content .cparagraph-x3qjb1Z81Ob{font-family:var(--contentfont);color:var(--color-mdnhqzen);icon-color:var(--text-color);font-weight:400;padding:0;opacity:1;text-shadow:none;line-height:1.3em;letter-spacing:0;text-align:center}.hl_page-preview--content .csocial-icons-7lViQc8n8O-{font-family:Inter;font-size:12px;font-weight:500;color:#000;padding:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:-2.5rem}.hl_page-preview--content #paragraph-oJCWq_TVWFA{width:auto;height:auto}.hl_page-preview--content .col-PJoEwimoj44,.hl_page-preview--content .cparagraph-oJCWq_TVWFA{box-shadow:none;background-color:var(--transparent);border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .cparagraph-oJCWq_TVWFA{font-family:var(--contentfont);color:var(--color-mdnhqzen);icon-color:var(--text-color);font-weight:medium;padding:0;opacity:1;text-shadow:none;line-height:1.3em;text-transform:none;letter-spacing:0;text-align:center}.hl_page-preview--content .col-PJoEwimoj44{padding:10px 5px;width:20.6%;margin:0}.hl_page-preview--content .button-iwgXcRfB9MP{margin:0 0 10px;text-align:center}.hl_page-preview--content .cbutton-iwgXcRfB9MP{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-uTUHEoB9QRw{margin:0 0 10px;text-align:center}.hl_page-preview--content .cbutton-uTUHEoB9QRw{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-jLYvnrxf8xh{margin:0 0 10px;text-align:center}.hl_page-preview--content .cbutton-jLYvnrxf8xh{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .col-h0pv3VecvVc{box-shadow:none;padding:10px 5px;background-color:var(--transparent);width:38%;border-color:var(--black);border-width:2px;border-style:solid;margin:0}.hl_page-preview--content .button-OEhjuWNCZn6{margin:0 0 10px;text-align:center}.hl_page-preview--content .cbutton-OEhjuWNCZn6{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button--7vWxOQWpxU{margin:0 0 10px;text-align:center}.hl_page-preview--content .cbutton--7vWxOQWpxU{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-gsHVfSFs-pi{margin:0 0 10px;text-align:center}.hl_page-preview--content .cbutton-gsHVfSFs-pi{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}#section-cpORfFVxcF>.inner{max-width:100%}#col-AU1kzJoBATW>.inner{flex-direction:column;justify-content:flex-start;align-items:inherit;flex-wrap:nowrap}.paragraph-x3qjb1Z81Ob{font-weight:400}.paragraph-x3qjb1Z81Ob em,.paragraph-x3qjb1Z81Ob strong,.paragraph-x3qjb1Z81Ob u{color:var(--text-color)}.paragraph-oJCWq_TVWFA a,.paragraph-oJCWq_TVWFA a *,.paragraph-x3qjb1Z81Ob a,.paragraph-x3qjb1Z81Ob a *{color:var(--link-color);text-decoration:none}.paragraph-oJCWq_TVWFA a u,.paragraph-oJCWq_TVWFA a:hover,.paragraph-x3qjb1Z81Ob a u,.paragraph-x3qjb1Z81Ob a:hover{text-decoration:underline}.paragraph-oJCWq_TVWFA a s,.paragraph-x3qjb1Z81Ob a s{text-decoration:line-through}@media screen and (min-width:0px) and (max-width:480px){.paragraph-x3qjb1Z81Ob h1,.paragraph-x3qjb1Z81Ob h2,.paragraph-x3qjb1Z81Ob h3,.paragraph-x3qjb1Z81Ob h4,.paragraph-x3qjb1Z81Ob h5,.paragraph-x3qjb1Z81Ob h6,.paragraph-x3qjb1Z81Ob ul li,.paragraph-x3qjb1Z81Ob.text-output{font-size:14px!important;font-weight:400}}@media screen and (min-width:481px) and (max-width:10000px){.paragraph-x3qjb1Z81Ob h1,.paragraph-x3qjb1Z81Ob h2,.paragraph-x3qjb1Z81Ob h3,.paragraph-x3qjb1Z81Ob h4,.paragraph-x3qjb1Z81Ob h5,.paragraph-x3qjb1Z81Ob h6,.paragraph-x3qjb1Z81Ob ul li,.paragraph-x3qjb1Z81Ob.text-output{font-size:14px!important;font-weight:400}}.paragraph-oJCWq_TVWFA.text-output h1:first-child:before,.paragraph-oJCWq_TVWFA.text-output h2:first-child:before,.paragraph-oJCWq_TVWFA.text-output h3:first-child:before,.paragraph-oJCWq_TVWFA.text-output h4:first-child:before,.paragraph-oJCWq_TVWFA.text-output h5:first-child:before,.paragraph-oJCWq_TVWFA.text-output h6:first-child:before,.paragraph-oJCWq_TVWFA.text-output p:first-child:before,.paragraph-x3qjb1Z81Ob.text-output h1:first-child:before,.paragraph-x3qjb1Z81Ob.text-output h2:first-child:before,.paragraph-x3qjb1Z81Ob.text-output h3:first-child:before,.paragraph-x3qjb1Z81Ob.text-output h4:first-child:before,.paragraph-x3qjb1Z81Ob.text-output h5:first-child:before,.paragraph-x3qjb1Z81Ob.text-output h6:first-child:before,.paragraph-x3qjb1Z81Ob.text-output p:first-child:before{color:var(--text-color);content:'\'; font-family: '';margin-right:5px;font-weight:700}#social-icons-7lViQc8n8O- .social-media-icon{height:20px;width:20px}#social-icons-7lViQc8n8O- .social-icons-container{justify-content:center}.paragraph-oJCWq_TVWFA{font-weight:500}@media screen and (min-width:0px) and (max-width:480px){.paragraph-oJCWq_TVWFA h1,.paragraph-oJCWq_TVWFA h2,.paragraph-oJCWq_TVWFA h3,.paragraph-oJCWq_TVWFA h4,.paragraph-oJCWq_TVWFA h5,.paragraph-oJCWq_TVWFA h6,.paragraph-oJCWq_TVWFA ul li,.paragraph-oJCWq_TVWFA.text-output{font-size:14px!important;font-weight:500}}@media screen and (min-width:481px) and (max-width:10000px){.paragraph-oJCWq_TVWFA h1,.paragraph-oJCWq_TVWFA h2,.paragraph-oJCWq_TVWFA h3,.paragraph-oJCWq_TVWFA h4,.paragraph-oJCWq_TVWFA h5,.paragraph-oJCWq_TVWFA h6,.paragraph-oJCWq_TVWFA ul li,.paragraph-oJCWq_TVWFA.text-output{font-size:14px!important;font-weight:500}}#col-PJoEwimoj44>.inner,#col-h0pv3VecvVc>.inner{flex-direction:column;justify-content:flex-start;align-items:inherit;flex-wrap:nowrap}@media screen and (min-width:481px) and (max-width:10000px){.button-iwgXcRfB9MP .button-icon-end,.button-iwgXcRfB9MP .button-icon-start,.button-iwgXcRfB9MP .main-heading-button{font-size:15px;font-weight:400}.button-iwgXcRfB9MP .button-icon-start{margin-right:5px}.button-iwgXcRfB9MP .button-icon-end{margin-left:5px}.button-iwgXcRfB9MP .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-iwgXcRfB9MP .button-icon-end,.button-iwgXcRfB9MP .button-icon-start,.button-iwgXcRfB9MP .main-heading-button{font-size:15px;font-weight:400}.button-iwgXcRfB9MP .button-icon-start{margin-right:5px}.button-iwgXcRfB9MP .button-icon-end{margin-left:5px}.button-iwgXcRfB9MP .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button-uTUHEoB9QRw .button-icon-end,.button-uTUHEoB9QRw .button-icon-start,.button-uTUHEoB9QRw .main-heading-button{font-size:15px;font-weight:400}.button-uTUHEoB9QRw .button-icon-start{margin-right:5px}.button-uTUHEoB9QRw .button-icon-end{margin-left:5px}.button-uTUHEoB9QRw .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-uTUHEoB9QRw .button-icon-end,.button-uTUHEoB9QRw .button-icon-start,.button-uTUHEoB9QRw .main-heading-button{font-size:15px;font-weight:400}.button-uTUHEoB9QRw .button-icon-start{margin-right:5px}.button-uTUHEoB9QRw .button-icon-end{margin-left:5px}.button-uTUHEoB9QRw .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button-jLYvnrxf8xh .button-icon-end,.button-jLYvnrxf8xh .button-icon-start,.button-jLYvnrxf8xh .main-heading-button{font-size:15px;font-weight:400}.button-jLYvnrxf8xh .button-icon-start{margin-right:5px}.button-jLYvnrxf8xh .button-icon-end{margin-left:5px}.button-jLYvnrxf8xh .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-jLYvnrxf8xh .button-icon-end,.button-jLYvnrxf8xh .button-icon-start,.button-jLYvnrxf8xh .main-heading-button{font-size:15px;font-weight:400}.button-jLYvnrxf8xh .button-icon-start{margin-right:5px}.button-jLYvnrxf8xh .button-icon-end{margin-left:5px}.button-jLYvnrxf8xh .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button-OEhjuWNCZn6 .button-icon-end,.button-OEhjuWNCZn6 .button-icon-start,.button-OEhjuWNCZn6 .main-heading-button{font-size:15px;font-weight:400}.button-OEhjuWNCZn6 .button-icon-start{margin-right:5px}.button-OEhjuWNCZn6 .button-icon-end{margin-left:5px}.button-OEhjuWNCZn6 .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-OEhjuWNCZn6 .button-icon-end,.button-OEhjuWNCZn6 .button-icon-start,.button-OEhjuWNCZn6 .main-heading-button{font-size:15px;font-weight:400}.button-OEhjuWNCZn6 .button-icon-start{margin-right:5px}.button-OEhjuWNCZn6 .button-icon-end{margin-left:5px}.button-OEhjuWNCZn6 .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button--7vWxOQWpxU .button-icon-end,.button--7vWxOQWpxU .button-icon-start,.button--7vWxOQWpxU .main-heading-button{font-size:15px;font-weight:400}.button--7vWxOQWpxU .button-icon-start{margin-right:5px}.button--7vWxOQWpxU .button-icon-end{margin-left:5px}.button--7vWxOQWpxU .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button--7vWxOQWpxU .button-icon-end,.button--7vWxOQWpxU .button-icon-start,.button--7vWxOQWpxU .main-heading-button{font-size:15px;font-weight:400}.button--7vWxOQWpxU .button-icon-start{margin-right:5px}.button--7vWxOQWpxU .button-icon-end{margin-left:5px}.button--7vWxOQWpxU .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button-gsHVfSFs-pi .button-icon-end,.button-gsHVfSFs-pi .button-icon-start,.button-gsHVfSFs-pi .main-heading-button{font-size:15px;font-weight:400}.button-gsHVfSFs-pi .button-icon-start{margin-right:5px}.button-gsHVfSFs-pi .button-icon-end{margin-left:5px}.button-gsHVfSFs-pi .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-gsHVfSFs-pi .button-icon-end,.button-gsHVfSFs-pi .button-icon-start,.button-gsHVfSFs-pi .main-heading-button{font-size:15px;font-weight:400}.button-gsHVfSFs-pi .button-icon-start{margin-right:5px}.button-gsHVfSFs-pi .button-icon-end{margin-left:5px}.button-gsHVfSFs-pi .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}} /* ---- BG styles ----- */ :root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-MuSYSOxCihR,.hl_page-preview--content .row-Mm10gQKCSZT,.hl_page-preview--content .section-cP-bCkzcL6{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-MuSYSOxCihR,.hl_page-preview--content .row-Mm10gQKCSZT{margin:0 auto;padding:0 5px;width:100%}.hl_page-preview--content .col-MuSYSOxCihR{margin:0}.hl_page-preview--content .custom-code-xka2qWn3ZP1{margin:0;width:auto;height:auto}#section-cP-bCkzcL6>.inner{max-width:1170px}#col-MuSYSOxCihR>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} /* ---- Section styles ----- */ :root{--transparent:transparent;--black:#000000}.hl_page-preview--content .section-Pnt8_zZFNt{box-shadow:none;padding:0;margin:10px 0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .section-Pnt8_zZFNt{margin-top:0;padding-top:0}}.hl_page-preview--content .col-_KZdBOIvx4,.hl_page-preview--content .row-WHV1sC3Wct{margin:0 auto;box-shadow:none;padding:0 5px;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid;width:100%}.hl_page-preview--content .col-_KZdBOIvx4{padding:10px 5px;margin:0}.hl_page-preview--content .custom-code-iLvrYszS8n,.hl_page-preview--content .custom-code-wXJ_4d07Rh{margin:0;width:auto;height:auto}#section-Pnt8_zZFNt>.inner{max-width:1170px}#col-_KZdBOIvx4>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap} /* ---- Section styles ----- */ :root{--lato:'Lato';--montserrat:'Montserrat';--transparent:transparent;--black:#000000;--green:#9ae6b4;--color-mdnhqzen:#134977ff}.hl_page-preview--content .section-uODUzyQfCMw{box-shadow:none;padding:40px 0;margin:0;background-color:var(--transparent);border-color:var(--black);border-width:2px;border-style:solid}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .section-uODUzyQfCMw{padding-bottom:0;padding-top:0;margin-top:20px}}.hl_page-preview--content .row-ypdSTJqEtWw{margin:40px auto 0}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .row-ypdSTJqEtWw{margin-bottom:0;margin-top:20px}}.hl_page-preview--content .row-ypdSTJqEtWw{box-shadow:none;padding:15px 10px;background-color:var(--transparent);border-color:var(--black);border-width:2px;border-style:solid;width:100%}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .row-ypdSTJqEtWw{padding-bottom:10px}}.hl_page-preview--content .col-oqv8g8VkGqi{box-shadow:none;padding:10px 5px;background-color:var(--transparent);width:37.4%;border-color:var(--black);border-width:2px;border-style:solid;backdrop-filter:none;margin:0}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .col-oqv8g8VkGqi{padding-top:30px;padding-bottom:20px}}.hl_page-preview--content #paragraph-qvdee7Xfd6L{margin:0}.hl_page-preview--content .cparagraph-qvdee7Xfd6L{font-family:var(--contentfont);background-color:var(--transparent);color:var(--color-mdnhqzen);icon-color:var(--text-color);font-weight:400;box-shadow:none;padding:0;opacity:1;text-shadow:none;border-color:var(--black);border-width:2px;border-style:solid;line-height:1.3em;letter-spacing:0;text-align:right}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .cparagraph-qvdee7Xfd6L{text-align:center}}.hl_page-preview--content .csocial-icons-nYfr8MGj-nv{font-family:Inter;font-size:12px;font-weight:500;color:#000;padding:0;margin:0}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .csocial-icons-nYfr8MGj-nv{color:#134977ff}}.hl_page-preview--content #paragraph--GINy4Wzknp{margin:0;width:auto;height:auto}.hl_page-preview--content .col-TBpvPt4N8FJ,.hl_page-preview--content .cparagraph--GINy4Wzknp{box-shadow:none;background-color:var(--transparent);border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .cparagraph--GINy4Wzknp{font-family:var(--contentfont);color:var(--color-mdnhqzen);icon-color:var(--text-color);font-weight:medium;padding:0;opacity:1;text-shadow:none;line-height:1.3em;text-transform:none;letter-spacing:0;text-align:center}.hl_page-preview--content .col-TBpvPt4N8FJ{padding:10px 5px;width:26.8%;margin:0}.hl_page-preview--content .button-N18Xu67qBpn{margin:0 0 10px;text-align:center}.hl_page-preview--content .cbutton-N18Xu67qBpn{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-XXd4m6A7SC_{margin:0 0 10px;text-align:left}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .button-XXd4m6A7SC_{text-align:center}}.hl_page-preview--content .cbutton-XXd4m6A7SC_{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .col-uCROv-yVmiw{box-shadow:none;padding:10px 5px;background-color:var(--transparent);width:26.8%;border-color:var(--black);border-width:2px;border-style:solid;margin:0}.hl_page-preview--content .button-JWr7N6Pdlgk{margin:0 0 10px;text-align:left}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .button-JWr7N6Pdlgk{text-align:center}}.hl_page-preview--content .cbutton-JWr7N6Pdlgk{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-aSVMXhx3xmc{margin:0 0 10px;text-align:left}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .button-aSVMXhx3xmc{text-align:center}}.hl_page-preview--content .cbutton-aSVMXhx3xmc{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .col-sGaq67qfME7{box-shadow:none;padding:10px 5px;background-color:var(--transparent);width:35.8%;border-color:var(--black);border-width:2px;border-style:solid;margin:0}.hl_page-preview--content .button-7Sspj7fh2ws{margin:0 0 10px;text-align:left}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .button-7Sspj7fh2ws{text-align:center}}.hl_page-preview--content .cbutton-7Sspj7fh2ws{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}.hl_page-preview--content .button-kNspbXXM31h{margin:0 0 10px;text-align:left}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .button-kNspbXXM31h{text-align:center}}.hl_page-preview--content .cbutton-kNspbXXM31h{font-family:var(--headlinefont);background-color:var(--transparent);color:var(--color-mdnhqzen);secondary-color:var(--black);text-decoration:none;padding:0;border-color:var(--green);border-width:2px;border-style:solid;letter-spacing:0;width:auto%;box-shadow:none;text-shadow:none}#section-uODUzyQfCMw>.inner{max-width:100%}#col-oqv8g8VkGqi>.inner{flex-direction:column;justify-content:flex-start;align-items:inherit;flex-wrap:nowrap}.paragraph-qvdee7Xfd6L{font-weight:400}.paragraph-qvdee7Xfd6L em,.paragraph-qvdee7Xfd6L strong,.paragraph-qvdee7Xfd6L u{color:var(--text-color)}.paragraph--GINy4Wzknp a,.paragraph--GINy4Wzknp a *,.paragraph-qvdee7Xfd6L a,.paragraph-qvdee7Xfd6L a *{color:var(--link-color);text-decoration:none}.paragraph--GINy4Wzknp a u,.paragraph--GINy4Wzknp a:hover,.paragraph-qvdee7Xfd6L a u,.paragraph-qvdee7Xfd6L a:hover{text-decoration:underline}.paragraph--GINy4Wzknp a s,.paragraph-qvdee7Xfd6L a s{text-decoration:line-through}@media screen and (min-width:0px) and (max-width:480px){.paragraph-qvdee7Xfd6L h1,.paragraph-qvdee7Xfd6L h2,.paragraph-qvdee7Xfd6L h3,.paragraph-qvdee7Xfd6L h4,.paragraph-qvdee7Xfd6L h5,.paragraph-qvdee7Xfd6L h6,.paragraph-qvdee7Xfd6L ul li,.paragraph-qvdee7Xfd6L.text-output{font-size:14px!important;font-weight:400}}@media screen and (min-width:481px) and (max-width:10000px){.paragraph-qvdee7Xfd6L h1,.paragraph-qvdee7Xfd6L h2,.paragraph-qvdee7Xfd6L h3,.paragraph-qvdee7Xfd6L h4,.paragraph-qvdee7Xfd6L h5,.paragraph-qvdee7Xfd6L h6,.paragraph-qvdee7Xfd6L ul li,.paragraph-qvdee7Xfd6L.text-output{font-size:14px!important;font-weight:400}}.paragraph--GINy4Wzknp.text-output h1:first-child:before,.paragraph--GINy4Wzknp.text-output h2:first-child:before,.paragraph--GINy4Wzknp.text-output h3:first-child:before,.paragraph--GINy4Wzknp.text-output h4:first-child:before,.paragraph--GINy4Wzknp.text-output h5:first-child:before,.paragraph--GINy4Wzknp.text-output h6:first-child:before,.paragraph--GINy4Wzknp.text-output p:first-child:before,.paragraph-qvdee7Xfd6L.text-output h1:first-child:before,.paragraph-qvdee7Xfd6L.text-output h2:first-child:before,.paragraph-qvdee7Xfd6L.text-output h3:first-child:before,.paragraph-qvdee7Xfd6L.text-output h4:first-child:before,.paragraph-qvdee7Xfd6L.text-output h5:first-child:before,.paragraph-qvdee7Xfd6L.text-output h6:first-child:before,.paragraph-qvdee7Xfd6L.text-output p:first-child:before{color:var(--text-color);content:'\'; font-family: '';margin-right:5px;font-weight:700}#social-icons-nYfr8MGj-nv .social-media-icon{height:20px;width:20px}#social-icons-nYfr8MGj-nv .social-icons-container{justify-content:center}.paragraph--GINy4Wzknp{font-weight:500}@media screen and (min-width:0px) and (max-width:480px){.paragraph--GINy4Wzknp h1,.paragraph--GINy4Wzknp h2,.paragraph--GINy4Wzknp h3,.paragraph--GINy4Wzknp h4,.paragraph--GINy4Wzknp h5,.paragraph--GINy4Wzknp h6,.paragraph--GINy4Wzknp ul li,.paragraph--GINy4Wzknp.text-output{font-size:14px!important;font-weight:500}}@media screen and (min-width:481px) and (max-width:10000px){.paragraph--GINy4Wzknp h1,.paragraph--GINy4Wzknp h2,.paragraph--GINy4Wzknp h3,.paragraph--GINy4Wzknp h4,.paragraph--GINy4Wzknp h5,.paragraph--GINy4Wzknp h6,.paragraph--GINy4Wzknp ul li,.paragraph--GINy4Wzknp.text-output{font-size:14px!important;font-weight:500}}#col-TBpvPt4N8FJ>.inner,#col-sGaq67qfME7>.inner,#col-uCROv-yVmiw>.inner{flex-direction:row;justify-content:flex-start;align-items:inherit;flex-wrap:wrap}@media screen and (min-width:481px) and (max-width:10000px){.button-N18Xu67qBpn .button-icon-end,.button-N18Xu67qBpn .button-icon-start,.button-N18Xu67qBpn .main-heading-button{font-size:15px;font-weight:400}.button-N18Xu67qBpn .button-icon-start{margin-right:5px}.button-N18Xu67qBpn .button-icon-end{margin-left:5px}.button-N18Xu67qBpn .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-N18Xu67qBpn .button-icon-end,.button-N18Xu67qBpn .button-icon-start,.button-N18Xu67qBpn .main-heading-button{font-size:15px;font-weight:400}.button-N18Xu67qBpn .button-icon-start{margin-right:5px}.button-N18Xu67qBpn .button-icon-end{margin-left:5px}.button-N18Xu67qBpn .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button-XXd4m6A7SC_ .button-icon-end,.button-XXd4m6A7SC_ .button-icon-start,.button-XXd4m6A7SC_ .main-heading-button{font-size:15px;font-weight:400}.button-XXd4m6A7SC_ .button-icon-start{margin-right:5px}.button-XXd4m6A7SC_ .button-icon-end{margin-left:5px}.button-XXd4m6A7SC_ .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-XXd4m6A7SC_ .button-icon-end,.button-XXd4m6A7SC_ .button-icon-start,.button-XXd4m6A7SC_ .main-heading-button{font-size:15px;font-weight:400}.button-XXd4m6A7SC_ .button-icon-start{margin-right:5px}.button-XXd4m6A7SC_ .button-icon-end{margin-left:5px}.button-XXd4m6A7SC_ .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button-JWr7N6Pdlgk .button-icon-end,.button-JWr7N6Pdlgk .button-icon-start,.button-JWr7N6Pdlgk .main-heading-button{font-size:15px;font-weight:400}.button-JWr7N6Pdlgk .button-icon-start{margin-right:5px}.button-JWr7N6Pdlgk .button-icon-end{margin-left:5px}.button-JWr7N6Pdlgk .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-JWr7N6Pdlgk .button-icon-end,.button-JWr7N6Pdlgk .button-icon-start,.button-JWr7N6Pdlgk .main-heading-button{font-size:15px;font-weight:400}.button-JWr7N6Pdlgk .button-icon-start{margin-right:5px}.button-JWr7N6Pdlgk .button-icon-end{margin-left:5px}.button-JWr7N6Pdlgk .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button-aSVMXhx3xmc .button-icon-end,.button-aSVMXhx3xmc .button-icon-start,.button-aSVMXhx3xmc .main-heading-button{font-size:15px;font-weight:400}.button-aSVMXhx3xmc .button-icon-start{margin-right:5px}.button-aSVMXhx3xmc .button-icon-end{margin-left:5px}.button-aSVMXhx3xmc .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-aSVMXhx3xmc .button-icon-end,.button-aSVMXhx3xmc .button-icon-start,.button-aSVMXhx3xmc .main-heading-button{font-size:15px;font-weight:400}.button-aSVMXhx3xmc .button-icon-start{margin-right:5px}.button-aSVMXhx3xmc .button-icon-end{margin-left:5px}.button-aSVMXhx3xmc .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button-7Sspj7fh2ws .button-icon-end,.button-7Sspj7fh2ws .button-icon-start,.button-7Sspj7fh2ws .main-heading-button{font-size:15px;font-weight:400}.button-7Sspj7fh2ws .button-icon-start{margin-right:5px}.button-7Sspj7fh2ws .button-icon-end{margin-left:5px}.button-7Sspj7fh2ws .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-7Sspj7fh2ws .button-icon-end,.button-7Sspj7fh2ws .button-icon-start,.button-7Sspj7fh2ws .main-heading-button{font-size:15px;font-weight:400}.button-7Sspj7fh2ws .button-icon-start{margin-right:5px}.button-7Sspj7fh2ws .button-icon-end{margin-left:5px}.button-7Sspj7fh2ws .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}}@media screen and (min-width:481px) and (max-width:10000px){.button-kNspbXXM31h .button-icon-end,.button-kNspbXXM31h .button-icon-start,.button-kNspbXXM31h .main-heading-button{font-size:15px;font-weight:400}.button-kNspbXXM31h .button-icon-start{margin-right:5px}.button-kNspbXXM31h .button-icon-end{margin-left:5px}.button-kNspbXXM31h .sub-heading-button{font-size:15px;color:var(--black);font-weight:400}}@media screen and (min-width:0px) and (max-width:480px){.button-kNspbXXM31h .button-icon-end,.button-kNspbXXM31h .button-icon-start,.button-kNspbXXM31h .main-heading-button{font-size:15px;font-weight:400}.button-kNspbXXM31h .button-icon-start{margin-right:5px}.button-kNspbXXM31h .button-icon-end{margin-left:5px}.button-kNspbXXM31h .sub-heading-button{font-size:15px;color:var(--black);font-weight:undefined}} @media (max-width: 1024px) { #section-cpORfFVxcF,#row-mEJUEZnJCbt,#col-h0pv3VecvVc,#col-PJoEwimoj44,#col-AU1kzJoBATW,#section-uODUzyQfCMw,#row-ypdSTJqEtWw,#col-sGaq67qfME7,#col-uCROv-yVmiw,#col-TBpvPt4N8FJ,#col-oqv8g8VkGqi { animation: none !important; } } .lago-footer { width:100%; background:transparent; } .lago-footer a:focus-visible { outline:2px solid #134977; outline-offset:4px; } /* Shared social-icon layout normally supplied by GHL's rendering bundle. */ .lago-footer .social-icons-container { display:flex; justify-content:center; } .lago-footer .social-icon { display:block; padding:16px; color:#000; } .lago-footer .social-media-icon { display:inline; width:20px; height:20px; } @media(max-width:900px) { .lago-footer { padding-bottom:calc(80px + env(safe-area-inset-bottom)); } } .lago-footer .horizontal.inner > .c-button { flex:1 1 0%; } .hl_page-preview--content .section-q15lZj3Vdo{box-shadow:none;padding:20px 0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .section-q15lZj3Vdo{margin-bottom:-75px;margin-top:-35px}}.hl_page-preview--content .col-Eg7Z6Du1gci,.hl_page-preview--content .row-abqVxXlJL6z{margin:0 auto;box-shadow:none;padding:10px 5px;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid;width:100%}.hl_page-preview--content .col-Eg7Z6Du1gci{margin:0}.hl_page-preview--content .custom-code-BECOgnDCKJH{margin:0;width:auto;height:auto}@media screen and (min-width:0px) and (max-width:480px){.hl_page-preview--content .custom-code-BECOgnDCKJH{margin-bottom:0}}#section-q15lZj3Vdo>.inner{max-width:1170px}#col-Eg7Z6Du1gci>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}.hl_page-preview--content .col-W25azg7UZVz,.hl_page-preview--content .row-gqeGwhDLQon,.hl_page-preview--content .section-x_pG3LzSO7{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-W25azg7UZVz,.hl_page-preview--content .row-gqeGwhDLQon{margin:0 auto;padding:0 5px;width:100%}.hl_page-preview--content .col-W25azg7UZVz{padding:10px 5px 0;width:25%;margin:0}.hl_page-preview--content .image-qb_g6ILsSqn{margin:0;width:auto;height:auto}.hl_page-preview--content .image-DUtErVinrlp .image-container img,.hl_page-preview--content .image-fvm7-oZdPxZ .image-container img,.hl_page-preview--content .image-qb_g6ILsSqn .image-container img,.hl_page-preview--content .image-yOf_hkCtzgQ .image-container img{box-shadow:none;width:auto;height:auto}.hl_page-preview--content .cimage-qb_g6ILsSqn{padding:0 10px;background-color:var(--transparent);opacity:1;text-align:center}.hl_page-preview--content .col-YpFJE5m083P{box-shadow:none;padding:10px 5px 0;background-color:var(--transparent);backdrop-filter:none;width:25%;border-color:var(--black);border-width:2px;border-style:solid;margin:0}.hl_page-preview--content .image-fvm7-oZdPxZ{margin:0;width:auto;height:auto}.hl_page-preview--content .cimage-fvm7-oZdPxZ{padding:0 10px;background-color:var(--transparent);opacity:1;text-align:center}.hl_page-preview--content .col-1Y6Vx3m4tu5{box-shadow:none;padding:10px 5px 0;background-color:var(--transparent);backdrop-filter:none;width:25%;border-color:var(--black);border-width:2px;border-style:solid;margin:0}.hl_page-preview--content .image-yOf_hkCtzgQ{margin:0;width:auto;height:auto}.hl_page-preview--content .cimage-yOf_hkCtzgQ{padding:0 10px;background-color:var(--transparent);opacity:1;text-align:center}.hl_page-preview--content .col-tDBXbUMKmz3{box-shadow:none;padding:10px 5px 0;background-color:var(--transparent);backdrop-filter:none;width:25%;border-color:var(--black);border-width:2px;border-style:solid;margin:0}.hl_page-preview--content .image-DUtErVinrlp{margin:0;width:auto;height:auto}.hl_page-preview--content .cimage-DUtErVinrlp{padding:0 10px;background-color:var(--transparent);opacity:1;text-align:center}#section-x_pG3LzSO7>.inner{max-width:1170px}#col-1Y6Vx3m4tu5>.inner,#col-W25azg7UZVz>.inner,#col-YpFJE5m083P>.inner,#col-tDBXbUMKmz3>.inner{flex-direction:column;justify-content:space-evenly;align-items:center;flex-wrap:nowrap} @media (max-width: 1024px) { #section-q15lZj3Vdo,#row-abqVxXlJL6z,#col-Eg7Z6Du1gci,#section-x_pG3LzSO7,#row-gqeGwhDLQon,#col-tDBXbUMKmz3,#col-1Y6Vx3m4tu5,#col-YpFJE5m083P,#col-W25azg7UZVz { animation: none !important; } } #lago-awards .grid-section-container { width: 100% !important; display: flex !important; justify-content: center !important; } #lago-awards .my-grid { display: grid !important; grid-template-columns: repeat(2, 115px) !important; grid-template-rows: repeat(2, 115px) !important; column-gap: 4rem !important; row-gap: -15px !important; margin: 0 !important; } #lago-awards .my-cell { width: 115px !important; height: 115px !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } #lago-awards .grid-section-container .cell-1 { background-image: url("/assets/awards/holidu-mobile.png") !important; } #lago-awards .grid-section-container .cell-2 { background-image: url("/assets/awards/booking-mobile.png") !important; } #lago-awards .grid-section-container .cell-3 { background-image: url("/assets/awards/fewo-mobile.png") !important; } #lago-awards .grid-section-container .cell-4 { background-image: url("/assets/awards/hometogo-mobile.png") !important; } @media (max-width: 340px) { #lago-awards .grid-section-container .my-grid { overflow-x: auto !important; justify-content: start !important; } } #lago-awards { width:100%; background:transparent; } /* Separate phone composition from the supplied GHL mobile design. */ .lago-expert-phone { display:none; } @media(max-width:768px) { #expertentipps { display:none; } .lago-expert-phone { display:block; max-width:448px; margin:var(--lago-section-space,56px) auto 0; color:#134977; font-family:'Lato',Arial,sans-serif; scroll-margin-top:90px; } .lago-expert-phone * { box-sizing:border-box; } .lago-expert-phone__surface { display:flex; flex-direction:column; min-height:650px; overflow:hidden; border-radius:16px; background:rgb(156 163 175 / 30%); backdrop-filter:blur(14px) brightness(.91); -webkit-backdrop-filter:blur(14px) brightness(.91); box-shadow:0 12px 24px rgb(25 45 63 / 12%); } .lago-expert-phone__copy { padding:32px 20px 0; text-align:center; } #preview-container #expertentipps-phone h2 { margin:24px 0 0; font:700 30px/1.25 'Lato',Arial,sans-serif; color:#134977; text-align:center; letter-spacing:normal; } .lago-expert-phone__copy>p { margin:20px 0 24px; font-size:16px; line-height:1.5; } .lago-expert-phone__download { display:inline-block; max-width:100%; padding:12px 20px; border-radius:8px; background:#134977; color:#fff; font-size:16px; font-weight:600; line-height:1.4; text-decoration:none; box-shadow:0 6px 12px rgb(25 45 63 / 16%); transition:background-color 180ms ease; } .lago-expert-phone__download:hover { background:#0b355a; } .lago-expert-phone__reviews { margin-top:auto; padding:24px 12px; } .lago-expert-phone__stack { position:relative; height:260px; max-width:420px; margin-inline:auto; touch-action:pan-y; } .lago-expert-phone__card { position:absolute; top:50%; left:50%; width:86%; margin:0; padding:12px 16px; border:1px solid rgb(255 255 255 / 30%); border-radius:12px; background:rgb(111 110 114 / 50%); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:0 16px 26px rgb(30 35 42 / 20%); text-align:left; font-family:inherit; cursor:pointer; user-select:none; opacity:0; pointer-events:none; transform:translate(-50%,-50%) scale(.7); transition:transform 450ms cubic-bezier(.4,0,.2,1), opacity 350ms ease; } .lago-expert-phone__card--fewo { color:#eeb71d; } .lago-expert-phone__card--google { color:#fff; } .lago-expert-phone__card--booking { color:#134977; } .lago-expert-phone__card span { display:block; } .lago-expert-phone__provider { font-size:12px; line-height:1.5; } .lago-expert-phone__score { font-size:clamp(20px,6.15vw,24px); font-weight:700; line-height:1.3; } .lago-expert-phone__count { font-size:14px; line-height:1.5; } .lago-expert-phone__card[data-state='active'] { z-index:3; opacity:1; pointer-events:auto; transform:translate(-50%,-50%) scale(1); } .lago-expert-phone__card[data-state='next'] { z-index:2; opacity:.8; pointer-events:auto; transform:translate(-50%,-50%) translate(90px,20px) rotate(8deg) scale(.85); } .lago-expert-phone__card[data-state='prev'] { z-index:2; opacity:.8; pointer-events:auto; transform:translate(-50%,-50%) translate(-90px,20px) rotate(-8deg) scale(.85); } .lago-expert-phone__hint { margin:8px 0 0; font-size:14px; line-height:1.5; text-align:center; } .lago-expert-phone :focus-visible { outline:3px solid #134977; outline-offset:4px; } .lago-expert-phone__card:focus-visible { outline-color:#fff; } .lago-expert-phone ::selection { background:#eeb71d; color:#134977; } } @media(prefers-reduced-motion:reduce) { .lago-expert-phone__card, .lago-expert-phone__download { transition:none; } } /* Requested PDF points A1–5 and B1–5. Preserve the existing Lago visual system. */ .mobile-nav-actions,.hero-benefits .hero-benefit-check {display:none;} .pdf-why .benefit-percent-icon {display:none;} .hero-quicklinks {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:16px;max-width:1224px;margin:24px auto 0;padding:0 24px;font-family:'Lato',Arial,sans-serif;} .hero-quicklinks a {display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:16px;min-height:94px;padding:20px 24px;border:0;border-radius:18px;background:rgb(255 255 255 / 86%);box-shadow:0 6px 22px -10px rgb(19 73 119 / 18%);color:#134977;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;} .hero-quicklinks a:hover {background:#fff;box-shadow:0 10px 26px -10px rgb(19 73 119 / 25%);transform:translateY(-2px);} .hero-quicklinks svg {display:block;width:20px;height:20px;flex-shrink:0;} .hero-quicklinks .hero-quicklinks__icon {width:32px;height:32px;} .hero-quicklinks a {grid-template-columns:44px minmax(0,1fr) 32px;} .hero-quicklinks .hero-quicklinks__icon--people {width:44px;height:44px;} .hero-quicklinks .hero-quicklinks__icon--versus {width:44px;height:44px;} .hero-quicklinks .quicklink-accent {stroke:#b68200;} .hero-quicklinks .hero-quicklinks__arrow {width:32px;height:32px;overflow:hidden;--arrow-x:0px;--arrow-y:26px;} .hero-quicklinks .hero-quicklinks__arrow--external {--arrow-x:24px;--arrow-y:-24px;} .quicklink-orbit {fill:rgb(19 73 119 / 4%);stroke:currentColor;stroke-opacity:.22;stroke-width:1;stroke-dasharray:78 22;transform-origin:16px 16px;transform:rotate(-65deg);transition:transform .65s cubic-bezier(.16,1,.3,1),stroke-opacity .3s,fill .3s;} .quicklink-arrow-echo {opacity:0;} .hero-quicklinks a:is(:hover,:focus-visible) .quicklink-orbit {transform:rotate(25deg);stroke-opacity:.65;fill:rgb(238 183 29 / 15%);} .hero-quicklinks a:is(:hover,:focus-visible) .quicklink-arrow-mark {animation:quicklink-arrow-out .65s cubic-bezier(.16,1,.3,1) both;} .hero-quicklinks a:is(:hover,:focus-visible) .quicklink-arrow-echo {animation:quicklink-arrow-in .65s cubic-bezier(.16,1,.3,1) both;} @keyframes quicklink-arrow-out {0% {transform:translate(0,0);opacity:1;} 45%,100% {transform:translate(var(--arrow-x),var(--arrow-y));opacity:0;}} @keyframes quicklink-arrow-in {0%,15% {transform:translate(calc(-1 * var(--arrow-x)),calc(-1 * var(--arrow-y)));opacity:0;} 100% {transform:translate(0,0);opacity:1;}} .hero-quicklinks a:focus-visible,#navbar a:focus-visible,#navbar button:focus-visible {outline:3px solid #eeb71d;outline-offset:4px;} #lago-portalvergleich,#eigentuemerstimmen {scroll-margin-top:110px;} @media(min-width:769px) {#navbar .nav-btn-base {font-size:12px;}} @media(min-width:1101px) { .pdf-why .reach-top {grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);} .pdf-why .orbit-container {container-type:inline-size;} .pdf-why .orbit {transform:scale(clamp(.92,calc((100cqw - 4px) / 300px),1.1));} } @media(min-width:769px) and (max-width:1100px) { #navbar .nav-links {position:static;transform:none;gap:16px;} #navbar .nav-links a {font-size:12px;letter-spacing:.5px;} #navbar .nav-btn-base {font-size:10px;letter-spacing:.4px;padding:14px 10px;} } @media(min-width:901px) { /* PDF A7: match the other outline icons and justify explanatory desktop copy. */ .pdf-why .benefit-percent-original {display:none;} .pdf-why .benefit-percent-icon {display:block;} .pdf-why .benefit-details>p,.pdf-why .reach-point p {text-align:justify;text-align-last:start;hyphens:auto;} /* PDF A6: enlarge only the orbit, centered on the 50/50 cards, keeping the card height. */ .pdf-why .orbit-container {height:215px;} .pdf-hero .calculator-desktop .rc-card {background:linear-gradient(140deg,rgba(19,73,119,.22),rgba(19,73,119,.82));} .pdf-hero .calculator-desktop .rc-radio span {border-radius:8px;} .pdf-hero .calculator-desktop .rc-radio {padding:3px;} .pdf-hero .calculator-desktop .rc-form {row-gap:22px;} .pdf-hero .calculator-desktop .calculator-trust {margin-top:0;display:grid;grid-template-columns:auto 1fr auto;text-align:center;font-size:clamp(10px,2.7cqw,16px);} .pdf-hero .calculator-desktop .calculator-trust .trust-item {justify-content:center;border:0;padding-inline:0;gap:6px;} .pdf-hero .calculator-desktop .trust-check {width:18px;height:18px;} .calculator-desktop label[for="rc-zimmer"] {white-space:nowrap;} } @media(max-width:900px) { .hero-benefits li::before {display:none;} .hero-benefits li>.hero-benefit-check {display:block;width:22px;height:22px;color:#efba20;flex-shrink:0;} .calculator-mobile .rc-card {background:linear-gradient(140deg,rgba(19,73,119,.22),rgba(19,73,119,.82));} .pdf-hero .calculator-mobile .calculator-trust {display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;margin-bottom:18px;font-size:clamp(9px,2.5vw,15px);text-align:center;} .pdf-hero .calculator-mobile .calculator-trust .trust-item {justify-content:center;gap:4px;padding:2px 0;border:0;} .pdf-hero .calculator-mobile .trust-check {width:14px;height:14px;} .calculator-mobile label[for="rc-zimmer-mobile"] {white-space:nowrap;} .hero-quicklinks {gap:10px;padding-inline:20px;grid-template-columns:1fr;margin-top:20px;} .hero-quicklinks a {min-height:76px;padding:16px 20px;font-size:14px;gap:14px;} .hero-copy .hero-quicklinks {margin:20px 0 0;padding:0;} .hero-copy .hero-quicklinks a {color:#fff;border-color:rgb(255 255 255 / 45%);background:rgb(255 255 255 / 8%);font-size:13px;} .hero-copy .hero-quicklinks a:hover {background:rgb(255 255 255 / 18%);} } @media(max-width:768px) { #navbar .nav-content {grid-template-columns:auto 1fr;} #navbar .logo {padding-top:0;} #navbar .mobile-nav-actions {display:flex;justify-self:end;align-items:center;gap:10px;position:relative;z-index:1002;} #navbar .mobile-nav-actions a,#navbar .mobile-nav-actions button {display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #13497740;border-radius:12px;background:#f2f8fd;color:#134977;cursor:pointer;} #navbar .mobile-nav-actions svg {width:24px;height:24px;} #navbar .menu-close {display:none;} #navbar .mobile-menu-toggle[aria-expanded="true"] .menu-lines {display:none;} #navbar .mobile-menu-toggle[aria-expanded="true"] .menu-close {display:block;} #navbar .nav-links {visibility:hidden;transition:right .3s,visibility .3s;background:#134977;} #navbar .nav-links.active {visibility:visible;} } @media(prefers-reduced-motion:reduce) {#navbar .nav-links,.hero-quicklinks a,.quicklink-orbit {transition:none;}.hero-quicklinks a:hover {transform:none;}.hero-quicklinks a:is(:hover,:focus-visible) .quicklink-orbit {transform:rotate(-65deg);}.hero-quicklinks a:is(:hover,:focus-visible) :is(.quicklink-arrow-mark,.quicklink-arrow-echo) {animation:none;}} /* Complete the remaining desktop/mobile items in the user-supplied change list. */ .pdf-phone-copy,.lago-section-action--phone {display:none;} .lago-section-action {margin-top:calc(var(--lago-section-space,96px) / 2);text-align:center;} .lago-consultation-button {max-width:100%;box-sizing:border-box;font-size:16px;line-height:1.45;padding:14px 22px;border:0;border-radius:12px;background:#134977;color:#fff;} .lago-consultation-button svg,.lago-consultation-button::before {display:none;} .has-section-action + section,#timeline-section + section {padding-top:calc(var(--lago-section-space,96px) / 2)!important;} /* Keep the figures and occupancy panel close to the preceding section. */ #lago-trustline.lago-trustline {padding-top:calc(var(--lago-section-space,96px) / 4)!important;} .lago-timeline__action {margin-top:calc(var(--lago-section-space,96px) / 2);} .lago-trustline__proof>div {align-items:center;text-align:center;} .lago-trustline__proof {padding-block:32px;} .lago-trustline__proof dd {white-space:nowrap;} .lago-trustline__results {align-items:center;gap:48px;} .lago-trustline__intro p {max-width:36ch;font-size:clamp(18px,1.7vw,24px);line-height:1.45;} .lago-trustline__intro {display:flex;flex-direction:column;align-items:center;} .lago-trustline__intro p {align-self:stretch;} .lago-trustline__intro .lago-consultation-button {margin-top:24px;} .lago-trustline__fill {background:var(--trust-gold);} #expertentipps .expert-legacy>div {height:auto;min-height:450px;background:rgb(156 163 175 / 30%);backdrop-filter:blur(14px) brightness(.91);} .expert-legacy__layout {display:flex;align-items:center;gap:40px;min-height:450px;padding:64px clamp(24px,4vw,64px);} .expert-legacy__copy {flex:0 1 42%;min-width:0;max-width:672px;padding:0;color:#134977;} #preview-container #expertentipps .expert-legacy h2 {text-align:left;} .expert-legacy__copy>p {font-size:clamp(18px,1.55vw,24px);line-height:1.5;margin:0 0 28px;} .expert-legacy__copy>a {display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:12px;background:#134977;color:white;font-size:17px;font-weight:700;text-decoration:none;} .expert-legacy__reviews {display:grid;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;min-width:0;} .expert-legacy .task-card {width:100%;max-width:none;min-width:0;height:auto;min-height:160px;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border:2px solid #eeb71d;border-radius:12px;background:white;} .expert-legacy .task-card p {margin:6px 0;color:#946b00;font-size:14px;} .expert-legacy .task-card>p:nth-last-child(2) {font-size:clamp(17px,1.6vw,25px);font-weight:700;white-space:normal;line-height:1.3;} .expert-legacy .task-card svg {color:#946b00;} @media(min-width:769px) { .has-desktop-section-action + section {padding-top:calc(var(--lago-section-space,96px) / 2)!important;} } @media(min-width:769px) and (max-width:1100px) { .expert-legacy__layout {flex-direction:column;align-items:stretch;gap:32px;} .expert-legacy__copy {flex:auto;max-width:none;} } @media(max-width:900px) { .pdf-why .benefit-percent-original {display:none;} .pdf-why .benefit-percent-icon {display:block;} .pdf-why .benefit-details>p,.pdf-why .reach-point p {text-align:justify;text-align-last:start;hyphens:auto;} .lago-trustline__results {gap:28px;} } @media(max-width:768px) { .pdf-desktop-copy,.lago-section-action--desktop {display:none;} .pdf-phone-copy,.lago-section-action--phone {display:block;} .lago-stories .pdf-phone-copy {text-align:justify;hyphens:auto;} .lago-consultation-button {width:auto;max-width:calc(100% - 32px);padding:14px 20px;font-size:15px;line-height:1.45;} .lago-timeline__button {border:0;} .lago-timeline__button::before {display:none;} .lago-timeline__button svg {display:none;} .lago-testimonials + section {padding-top:calc(var(--lago-section-space,56px) / 2)!important;} .lago-comparison__intro {display:none;} #section-nZFemT0uKW #vergleich-section.is-comparing .model-card[open] .model-summary__copy, #section-nZFemT0uKW #vergleich-section.is-comparing .model-card[open] .model-summary__icon {display:none;} #section-nZFemT0uKW #vergleich-section.is-comparing .model-card[open] .model-summary {justify-content:flex-end;min-height:40px;padding:8px 14px;} .lago-timeline__step:last-child .lago-timeline__card>p.pdf-phone-copy {font-size:15px;line-height:1.45;} .lago-trustline__intro p {font-size:18px;} .lago-trustline__intro .lago-consultation-button {display:none;} .lago-trustline__proof {padding-top:24px;} .lago-trustline__proof>div:nth-child(3) {display:none;} .lago-trustline__proof {grid-template-columns:repeat(2,minmax(0,1fr));} }