.elementor-kit-155{--e-global-color-primary:#4A4A5A;--e-global-color-secondary:#D8D8E0;--e-global-color-text:#6A6A78;--e-global-color-accent:#D8D8E0;--e-global-color-d3ae19d:#E4DCEC;--e-global-color-785b64d:#C9B8D8;--e-global-color-b41e63e:#9A87B8;--e-global-color-4ade329:#5A5468;--e-global-color-ec25634:#2A2A34;--e-global-color-8fa36e4:#EFE9F4;--e-global-color-a047deb:#C9B8D8;--e-global-color-07414c8:#9A87B8;--e-global-color-e16f5f5:#8873AC;--e-global-color-8d9b57c:#4A4A5A;--e-global-color-127dc2f:#CFCFD6;--e-global-color-a4d0a47:#9A9AA6;--e-global-color-288ba8b:#6E6E7C;--e-global-color-a0e571a:#4A4A5A;--e-global-color-3a25208:#22222A;--e-global-color-dc78308:#FAF7F2;--e-global-color-8437f0c:#EFE9F4;--e-global-color-e052ba3:#FFFFFF;--e-global-color-71dcf2a:#000000;--e-global-color-a32a2b8:#02010100;--e-global-color-d7c7845:#198754;--e-global-color-0a78ab5:#BC2D3B;--e-global-color-93537c9:#FFC107;--e-global-color-d84c2a8:#0DCAF0;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:20px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.3em;--e-global-typography-primary-letter-spacing:-0.03em;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.7em;--e-global-typography-secondary-letter-spacing:-0.01em;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.8em;--e-global-typography-text-letter-spacing:-0.01em;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1.8em;--e-global-typography-accent-letter-spacing:0.2em;--e-global-typography-86332c7-font-family:"Playfair Display";--e-global-typography-86332c7-font-size:54px;--e-global-typography-86332c7-font-weight:400;--e-global-typography-86332c7-text-transform:none;--e-global-typography-86332c7-font-style:normal;--e-global-typography-86332c7-text-decoration:none;--e-global-typography-86332c7-line-height:1.1em;--e-global-typography-86332c7-letter-spacing:-0.02em;--e-global-typography-906ded2-font-family:"Lato";--e-global-typography-906ded2-font-size:16px;--e-global-typography-906ded2-font-weight:500;--e-global-typography-906ded2-text-transform:none;--e-global-typography-906ded2-font-style:normal;--e-global-typography-906ded2-text-decoration:none;--e-global-typography-906ded2-line-height:1.5em;--e-global-typography-906ded2-letter-spacing:-0.01em;--e-global-typography-5ec7628-font-family:"Lato";--e-global-typography-5ec7628-font-size:14px;--e-global-typography-5ec7628-font-weight:400;--e-global-typography-5ec7628-text-transform:none;--e-global-typography-5ec7628-font-style:normal;--e-global-typography-5ec7628-text-decoration:none;--e-global-typography-5ec7628-line-height:1.9em;--e-global-typography-5ec7628-letter-spacing:-0.01em;--e-global-typography-cae1a9c-font-family:"Lato";--e-global-typography-cae1a9c-font-size:18px;--e-global-typography-cae1a9c-font-weight:400;--e-global-typography-cae1a9c-text-transform:none;--e-global-typography-cae1a9c-font-style:normal;--e-global-typography-cae1a9c-text-decoration:none;--e-global-typography-cae1a9c-line-height:1.8em;--e-global-typography-cae1a9c-letter-spacing:-0.01em;--e-global-typography-a9df466-font-family:"Playfair Display";--e-global-typography-a9df466-font-size:59px;--e-global-typography-a9df466-font-weight:500;--e-global-typography-a9df466-text-transform:none;--e-global-typography-a9df466-font-style:normal;--e-global-typography-a9df466-text-decoration:none;--e-global-typography-a9df466-line-height:1.1em;--e-global-typography-a9df466-letter-spacing:-0.02em;--e-global-typography-4b4aecd-font-family:"Playfair Display";--e-global-typography-4b4aecd-font-size:45px;--e-global-typography-4b4aecd-font-weight:500;--e-global-typography-4b4aecd-text-transform:none;--e-global-typography-4b4aecd-font-style:normal;--e-global-typography-4b4aecd-text-decoration:none;--e-global-typography-4b4aecd-line-height:1.2em;--e-global-typography-4b4aecd-letter-spacing:-0.01em;--e-global-typography-d9fa867-font-family:"Playfair Display";--e-global-typography-d9fa867-font-size:34px;--e-global-typography-d9fa867-font-weight:500;--e-global-typography-d9fa867-text-transform:none;--e-global-typography-d9fa867-font-style:normal;--e-global-typography-d9fa867-text-decoration:none;--e-global-typography-d9fa867-line-height:1.3em;--e-global-typography-d9fa867-letter-spacing:-0.01em;--e-global-typography-6b970ff-font-family:"Playfair Display";--e-global-typography-6b970ff-font-size:25px;--e-global-typography-6b970ff-font-weight:500;--e-global-typography-6b970ff-text-transform:none;--e-global-typography-6b970ff-font-style:normal;--e-global-typography-6b970ff-text-decoration:none;--e-global-typography-6b970ff-line-height:1.4em;--e-global-typography-6b970ff-letter-spacing:-0.01em;--e-global-typography-d9f56ad-font-family:"Playfair Display";--e-global-typography-d9f56ad-font-size:22px;--e-global-typography-d9f56ad-font-weight:500;--e-global-typography-d9f56ad-text-transform:none;--e-global-typography-d9f56ad-font-style:normal;--e-global-typography-d9f56ad-text-decoration:none;--e-global-typography-d9f56ad-line-height:1.4em;--e-global-typography-d9f56ad-letter-spacing:-0.01em;--e-global-typography-6e340fb-font-family:"Playfair Display";--e-global-typography-6e340fb-font-size:18px;--e-global-typography-6e340fb-font-weight:500;--e-global-typography-6e340fb-text-transform:none;--e-global-typography-6e340fb-font-style:normal;--e-global-typography-6e340fb-text-decoration:none;--e-global-typography-6e340fb-line-height:1.4em;--e-global-typography-6e340fb-letter-spacing:-0.01em;--e-global-typography-1f049da-font-family:"Lato";--e-global-typography-1f049da-font-size:20px;--e-global-typography-1f049da-font-weight:400;--e-global-typography-1f049da-text-transform:none;--e-global-typography-1f049da-font-style:normal;--e-global-typography-1f049da-text-decoration:none;--e-global-typography-1f049da-line-height:1.8em;--e-global-typography-1f049da-letter-spacing:-0.01em;--e-global-typography-40392be-font-family:"Lato";--e-global-typography-40392be-font-size:16px;--e-global-typography-40392be-font-weight:400;--e-global-typography-40392be-text-transform:none;--e-global-typography-40392be-text-decoration:underline;--e-global-typography-40392be-line-height:1.8em;--e-global-typography-40392be-letter-spacing:-0.01em;--e-global-typography-c0452ef-font-family:"Lato";--e-global-typography-c0452ef-font-size:16px;--e-global-typography-c0452ef-font-weight:400;--e-global-typography-c0452ef-text-transform:none;--e-global-typography-c0452ef-font-style:normal;--e-global-typography-c0452ef-text-decoration:none;--e-global-typography-c0452ef-line-height:1.5em;--e-global-typography-c0452ef-letter-spacing:-0.01em;--e-global-typography-61258b2-font-family:"Lato";--e-global-typography-61258b2-font-size:12px;--e-global-typography-61258b2-font-weight:500;--e-global-typography-61258b2-text-transform:uppercase;--e-global-typography-61258b2-font-style:normal;--e-global-typography-61258b2-text-decoration:none;--e-global-typography-61258b2-line-height:1.4em;--e-global-typography-61258b2-letter-spacing:0.15em;--e-global-typography-be54938-font-family:"Lato";--e-global-typography-be54938-font-size:13px;--e-global-typography-be54938-font-weight:500;--e-global-typography-be54938-text-transform:uppercase;--e-global-typography-be54938-font-style:normal;--e-global-typography-be54938-text-decoration:none;--e-global-typography-be54938-line-height:1.4em;--e-global-typography-be54938-letter-spacing:0.15em;background-color:var( --e-global-color-dc78308 );color:var( --e-global-color-288ba8b );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-155 button,.elementor-kit-155 input[type="button"],.elementor-kit-155 input[type="submit"],.elementor-kit-155 .elementor-button{background-color:var( --e-global-color-a32a2b8 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-07414c8 );border-radius:99px 99px 99px 99px;}.elementor-kit-155 button:hover,.elementor-kit-155 button:focus,.elementor-kit-155 input[type="button"]:hover,.elementor-kit-155 input[type="button"]:focus,.elementor-kit-155 input[type="submit"]:hover,.elementor-kit-155 input[type="submit"]:focus,.elementor-kit-155 .elementor-button:hover,.elementor-kit-155 .elementor-button:focus{background-color:var( --e-global-color-07414c8 );color:var( --e-global-color-e052ba3 );box-shadow:0px 12px 50px -5px #88B7B5;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-07414c8 );}.elementor-kit-155 e-page-transition{background-color:#FFBC7D;}.elementor-kit-155 p{margin-block-end:1.8em;}.elementor-kit-155 a{color:var( --e-global-color-b41e63e );}.elementor-kit-155 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-a9df466-font-family ), Sans-serif;font-size:var( --e-global-typography-a9df466-font-size );font-weight:var( --e-global-typography-a9df466-font-weight );text-transform:var( --e-global-typography-a9df466-text-transform );font-style:var( --e-global-typography-a9df466-font-style );text-decoration:var( --e-global-typography-a9df466-text-decoration );line-height:var( --e-global-typography-a9df466-line-height );letter-spacing:var( --e-global-typography-a9df466-letter-spacing );}.elementor-kit-155 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-4b4aecd-font-family ), Sans-serif;font-size:var( --e-global-typography-4b4aecd-font-size );font-weight:var( --e-global-typography-4b4aecd-font-weight );text-transform:var( --e-global-typography-4b4aecd-text-transform );font-style:var( --e-global-typography-4b4aecd-font-style );text-decoration:var( --e-global-typography-4b4aecd-text-decoration );line-height:var( --e-global-typography-4b4aecd-line-height );letter-spacing:var( --e-global-typography-4b4aecd-letter-spacing );}.elementor-kit-155 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-d9fa867-font-family ), Sans-serif;font-size:var( --e-global-typography-d9fa867-font-size );font-weight:var( --e-global-typography-d9fa867-font-weight );text-transform:var( --e-global-typography-d9fa867-text-transform );font-style:var( --e-global-typography-d9fa867-font-style );text-decoration:var( --e-global-typography-d9fa867-text-decoration );line-height:var( --e-global-typography-d9fa867-line-height );letter-spacing:var( --e-global-typography-d9fa867-letter-spacing );}.elementor-kit-155 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-6b970ff-font-family ), Sans-serif;font-size:var( --e-global-typography-6b970ff-font-size );font-weight:var( --e-global-typography-6b970ff-font-weight );text-transform:var( --e-global-typography-6b970ff-text-transform );font-style:var( --e-global-typography-6b970ff-font-style );text-decoration:var( --e-global-typography-6b970ff-text-decoration );line-height:var( --e-global-typography-6b970ff-line-height );letter-spacing:var( --e-global-typography-6b970ff-letter-spacing );}.elementor-kit-155 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-d9f56ad-font-family ), Sans-serif;font-size:var( --e-global-typography-d9f56ad-font-size );font-weight:var( --e-global-typography-d9f56ad-font-weight );text-transform:var( --e-global-typography-d9f56ad-text-transform );font-style:var( --e-global-typography-d9f56ad-font-style );text-decoration:var( --e-global-typography-d9f56ad-text-decoration );line-height:var( --e-global-typography-d9f56ad-line-height );letter-spacing:var( --e-global-typography-d9f56ad-letter-spacing );}.elementor-kit-155 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-6e340fb-font-family ), Sans-serif;font-size:var( --e-global-typography-6e340fb-font-size );font-weight:var( --e-global-typography-6e340fb-font-weight );text-transform:var( --e-global-typography-6e340fb-text-transform );font-style:var( --e-global-typography-6e340fb-font-style );text-decoration:var( --e-global-typography-6e340fb-text-decoration );line-height:var( --e-global-typography-6e340fb-line-height );letter-spacing:var( --e-global-typography-6e340fb-letter-spacing );}.elementor-kit-155 label{color:var( --e-global-color-288ba8b );font-family:var( --e-global-typography-906ded2-font-family ), Sans-serif;font-size:var( --e-global-typography-906ded2-font-size );font-weight:var( --e-global-typography-906ded2-font-weight );text-transform:var( --e-global-typography-906ded2-text-transform );font-style:var( --e-global-typography-906ded2-font-style );text-decoration:var( --e-global-typography-906ded2-text-decoration );line-height:var( --e-global-typography-906ded2-line-height );letter-spacing:var( --e-global-typography-906ded2-letter-spacing );}.elementor-kit-155 input:not([type="button"]):not([type="submit"]),.elementor-kit-155 textarea,.elementor-kit-155 .elementor-field-textual{font-family:var( --e-global-typography-c0452ef-font-family ), Sans-serif;font-size:var( --e-global-typography-c0452ef-font-size );font-weight:var( --e-global-typography-c0452ef-font-weight );text-transform:var( --e-global-typography-c0452ef-text-transform );font-style:var( --e-global-typography-c0452ef-font-style );text-decoration:var( --e-global-typography-c0452ef-text-decoration );line-height:var( --e-global-typography-c0452ef-line-height );letter-spacing:var( --e-global-typography-c0452ef-letter-spacing );color:var( --e-global-color-a4d0a47 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-127dc2f );border-radius:8px 8px 8px 8px;}.elementor-kit-155 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-155 textarea:focus,.elementor-kit-155 .elementor-field-textual:focus{box-shadow:0px 0px 0px 0px rgba(188, 145.00000000000003, 91.99999999999997, 0);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b41e63e );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1328px;}.e-con{--container-max-width:1328px;--container-default-padding-top:24px;--container-default-padding-right:24px;--container-default-padding-bottom:24px;--container-default-padding-left:24px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-155{--e-global-typography-86332c7-font-size:43px;--e-global-typography-a9df466-font-size:47px;--e-global-typography-a9df466-line-height:1.2em;--e-global-typography-4b4aecd-font-size:36px;--e-global-typography-d9fa867-font-size:27px;--e-global-typography-6b970ff-font-size:23px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-155 h1{font-size:var( --e-global-typography-a9df466-font-size );line-height:var( --e-global-typography-a9df466-line-height );letter-spacing:var( --e-global-typography-a9df466-letter-spacing );}.elementor-kit-155 h2{font-size:var( --e-global-typography-4b4aecd-font-size );line-height:var( --e-global-typography-4b4aecd-line-height );letter-spacing:var( --e-global-typography-4b4aecd-letter-spacing );}.elementor-kit-155 h3{font-size:var( --e-global-typography-d9fa867-font-size );line-height:var( --e-global-typography-d9fa867-line-height );letter-spacing:var( --e-global-typography-d9fa867-letter-spacing );}.elementor-kit-155 h4{font-size:var( --e-global-typography-6b970ff-font-size );line-height:var( --e-global-typography-6b970ff-line-height );letter-spacing:var( --e-global-typography-6b970ff-letter-spacing );}.elementor-kit-155 h5{font-size:var( --e-global-typography-d9f56ad-font-size );line-height:var( --e-global-typography-d9f56ad-line-height );letter-spacing:var( --e-global-typography-d9f56ad-letter-spacing );}.elementor-kit-155 h6{font-size:var( --e-global-typography-6e340fb-font-size );line-height:var( --e-global-typography-6e340fb-line-height );letter-spacing:var( --e-global-typography-6e340fb-letter-spacing );}.elementor-kit-155 button,.elementor-kit-155 input[type="button"],.elementor-kit-155 input[type="submit"],.elementor-kit-155 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-155 label{font-size:var( --e-global-typography-906ded2-font-size );line-height:var( --e-global-typography-906ded2-line-height );letter-spacing:var( --e-global-typography-906ded2-letter-spacing );}.elementor-kit-155 input:not([type="button"]):not([type="submit"]),.elementor-kit-155 textarea,.elementor-kit-155 .elementor-field-textual{font-size:var( --e-global-typography-c0452ef-font-size );line-height:var( --e-global-typography-c0452ef-line-height );letter-spacing:var( --e-global-typography-c0452ef-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-155{--e-global-typography-secondary-font-size:17px;--e-global-typography-accent-letter-spacing:0.18em;--e-global-typography-86332c7-font-size:32px;--e-global-typography-cae1a9c-font-size:17px;--e-global-typography-a9df466-font-size:34px;--e-global-typography-a9df466-line-height:1.1em;--e-global-typography-4b4aecd-font-size:29px;--e-global-typography-d9fa867-font-size:23px;--e-global-typography-6b970ff-font-size:22px;--e-global-typography-d9f56ad-font-size:20px;--e-global-typography-1f049da-font-size:18px;--e-global-typography-be54938-font-size:12px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-155 h1{font-size:var( --e-global-typography-a9df466-font-size );line-height:var( --e-global-typography-a9df466-line-height );letter-spacing:var( --e-global-typography-a9df466-letter-spacing );}.elementor-kit-155 h2{font-size:var( --e-global-typography-4b4aecd-font-size );line-height:var( --e-global-typography-4b4aecd-line-height );letter-spacing:var( --e-global-typography-4b4aecd-letter-spacing );}.elementor-kit-155 h3{font-size:var( --e-global-typography-d9fa867-font-size );line-height:var( --e-global-typography-d9fa867-line-height );letter-spacing:var( --e-global-typography-d9fa867-letter-spacing );}.elementor-kit-155 h4{font-size:var( --e-global-typography-6b970ff-font-size );line-height:var( --e-global-typography-6b970ff-line-height );letter-spacing:var( --e-global-typography-6b970ff-letter-spacing );}.elementor-kit-155 h5{font-size:var( --e-global-typography-d9f56ad-font-size );line-height:var( --e-global-typography-d9f56ad-line-height );letter-spacing:var( --e-global-typography-d9f56ad-letter-spacing );}.elementor-kit-155 h6{font-size:var( --e-global-typography-6e340fb-font-size );line-height:var( --e-global-typography-6e340fb-line-height );letter-spacing:var( --e-global-typography-6e340fb-letter-spacing );}.elementor-kit-155 button,.elementor-kit-155 input[type="button"],.elementor-kit-155 input[type="submit"],.elementor-kit-155 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-155 label{font-size:var( --e-global-typography-906ded2-font-size );line-height:var( --e-global-typography-906ded2-line-height );letter-spacing:var( --e-global-typography-906ded2-letter-spacing );}.elementor-kit-155 input:not([type="button"]):not([type="submit"]),.elementor-kit-155 textarea,.elementor-kit-155 .elementor-field-textual{font-size:var( --e-global-typography-c0452ef-font-size );line-height:var( --e-global-typography-c0452ef-line-height );letter-spacing:var( --e-global-typography-c0452ef-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* ========================================================================= 2Bwed – oldaldíszítés Elementor > Beállítások > Egyéni CSS (vagy gyerektéma style.css) Szekció-ritmus, halvány levendula fény és kézzel rajzolt levendula-ág akcentusok. Nulla kép, nulla plusz kérés – minden CSS és inline SVG. Az osztályok a sablon-JSON-okban már rajta vannak a szekciókon, nem kell Elementorban hozzáadni semmit. (Elementorban a konténerek osztály-mezője a 'css_classes' kulcs, nem a widgetek '_css_classes'-e – korábban emiatt nem került ki egyetlen szekció-osztály sem a frontendre.) Az osztályok, ha valahol kézzel kellenének (Advanced > CSS Classes): bpx-lav – halvány levendula szekció-háttér (Bemutatkozás) bpx-glow – lágy levendula fény jobb felül (Szolgáltatások) bpx-sprig-left – levendula-ág bal alul (Értékrend) bpx-lav bpx-sprig-right – levendula háttér + ág jobb felül (CTA) bpx-hero / bpx-hero-row / bpx-hero-midimg – hero képernyő-magasság ========================================================================= */ :root{ --bpx-lav:#F3EFF7; /* halvány levendula szekcióháttér */ --bpx-lav-deep:#EFE9F4; /* a sticky fejléc színe – CTA sávhoz */ --bpx-cream:#F0EBE3; --bpx-accent:154,135,184; /* #9A87B8 rgb-ben, hogy alfázható legyen */ --bpx-sprig:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20140%20300%22%20width%3D%22140%22%20height%3D%22300%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%239A87B8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M70%20300%20Q70.0%20205.0%2070%20110%22%2F%3E%3Cellipse%20cx%3D%2263%22%20cy%3D%22100%22%20rx%3D%225.5%22%20ry%3D%228.0%22%20transform%3D%22rotate%28-22%2063%20100%29%22%2F%3E%3Cellipse%20cx%3D%2277%22%20cy%3D%22100%22%20rx%3D%225.5%22%20ry%3D%228.0%22%20transform%3D%22rotate%2822%2077%20100%29%22%2F%3E%3Cellipse%20cx%3D%2263%22%20cy%3D%2291%22%20rx%3D%225.2%22%20ry%3D%227.6%22%20transform%3D%22rotate%28-22%2063%2091%29%22%2F%3E%3Cellipse%20cx%3D%2277%22%20cy%3D%2291%22%20rx%3D%225.2%22%20ry%3D%227.6%22%20transform%3D%22rotate%2822%2077%2091%29%22%2F%3E%3Cellipse%20cx%3D%2264%22%20cy%3D%2282%22%20rx%3D%225.0%22%20ry%3D%227.2%22%20transform%3D%22rotate%28-22%2064%2082%29%22%2F%3E%3Cellipse%20cx%3D%2276%22%20cy%3D%2282%22%20rx%3D%225.0%22%20ry%3D%227.2%22%20transform%3D%22rotate%2822%2076%2082%29%22%2F%3E%3Cellipse%20cx%3D%2264%22%20cy%3D%2274%22%20rx%3D%224.8%22%20ry%3D%226.9%22%20transform%3D%22rotate%28-22%2064%2074%29%22%2F%3E%3Cellipse%20cx%3D%2276%22%20cy%3D%2274%22%20rx%3D%224.8%22%20ry%3D%226.9%22%20transform%3D%22rotate%2822%2076%2074%29%22%2F%3E%3Cellipse%20cx%3D%2265%22%20cy%3D%2265%22%20rx%3D%224.5%22%20ry%3D%226.5%22%20transform%3D%22rotate%28-22%2065%2065%29%22%2F%3E%3Cellipse%20cx%3D%2275%22%20cy%3D%2265%22%20rx%3D%224.5%22%20ry%3D%226.5%22%20transform%3D%22rotate%2822%2075%2065%29%22%2F%3E%3Cellipse%20cx%3D%2265%22%20cy%3D%2256%22%20rx%3D%224.2%22%20ry%3D%226.1%22%20transform%3D%22rotate%28-22%2065%2056%29%22%2F%3E%3Cellipse%20cx%3D%2275%22%20cy%3D%2256%22%20rx%3D%224.2%22%20ry%3D%226.1%22%20transform%3D%22rotate%2822%2075%2056%29%22%2F%3E%3Cellipse%20cx%3D%2266%22%20cy%3D%2248%22%20rx%3D%224.0%22%20ry%3D%225.8%22%20transform%3D%22rotate%28-22%2066%2048%29%22%2F%3E%3Cellipse%20cx%3D%2274%22%20cy%3D%2248%22%20rx%3D%224.0%22%20ry%3D%225.8%22%20transform%3D%22rotate%2822%2074%2048%29%22%2F%3E%3Cellipse%20cx%3D%2266%22%20cy%3D%2239%22%20rx%3D%223.8%22%20ry%3D%225.4%22%20transform%3D%22rotate%28-22%2066%2039%29%22%2F%3E%3Cellipse%20cx%3D%2274%22%20cy%3D%2239%22%20rx%3D%223.8%22%20ry%3D%225.4%22%20transform%3D%22rotate%2822%2074%2039%29%22%2F%3E%3Cellipse%20cx%3D%2267%22%20cy%3D%2230%22%20rx%3D%223.5%22%20ry%3D%225.0%22%20transform%3D%22rotate%28-22%2067%2030%29%22%2F%3E%3Cellipse%20cx%3D%2273%22%20cy%3D%2230%22%20rx%3D%223.5%22%20ry%3D%225.0%22%20transform%3D%22rotate%2822%2073%2030%29%22%2F%3E%3Cpath%20d%3D%22M70%20150%20q-22%20-14%20-30%20-36%22%2F%3E%3Cpath%20d%3D%22M70%20172%20q24%20-12%2032%20-34%22%2F%3E%3Cpath%20d%3D%22M38%20300%20Q25.0%20225.0%2052%20150%22%2F%3E%3Cellipse%20cx%3D%2245%22%20cy%3D%22140%22%20rx%3D%225.5%22%20ry%3D%228.0%22%20transform%3D%22rotate%28-22%2045%20140%29%22%2F%3E%3Cellipse%20cx%3D%2259%22%20cy%3D%22140%22%20rx%3D%225.5%22%20ry%3D%228.0%22%20transform%3D%22rotate%2822%2059%20140%29%22%2F%3E%3Cellipse%20cx%3D%2246%22%20cy%3D%22128%22%20rx%3D%225.2%22%20ry%3D%227.5%22%20transform%3D%22rotate%28-22%2046%20128%29%22%2F%3E%3Cellipse%20cx%3D%2258%22%20cy%3D%22128%22%20rx%3D%225.2%22%20ry%3D%227.5%22%20transform%3D%22rotate%2822%2058%20128%29%22%2F%3E%3Cellipse%20cx%3D%2246%22%20cy%3D%22117%22%20rx%3D%224.8%22%20ry%3D%227.0%22%20transform%3D%22rotate%28-22%2046%20117%29%22%2F%3E%3Cellipse%20cx%3D%2258%22%20cy%3D%22117%22%20rx%3D%224.8%22%20ry%3D%227.0%22%20transform%3D%22rotate%2822%2058%20117%29%22%2F%3E%3Cellipse%20cx%3D%2247%22%20cy%3D%22105%22%20rx%3D%224.5%22%20ry%3D%226.5%22%20transform%3D%22rotate%28-22%2047%20105%29%22%2F%3E%3Cellipse%20cx%3D%2257%22%20cy%3D%22105%22%20rx%3D%224.5%22%20ry%3D%226.5%22%20transform%3D%22rotate%2822%2057%20105%29%22%2F%3E%3Cellipse%20cx%3D%2248%22%20cy%3D%2293%22%20rx%3D%224.2%22%20ry%3D%226.0%22%20transform%3D%22rotate%28-22%2048%2093%29%22%2F%3E%3Cellipse%20cx%3D%2256%22%20cy%3D%2293%22%20rx%3D%224.2%22%20ry%3D%226.0%22%20transform%3D%22rotate%2822%2056%2093%29%22%2F%3E%3Cellipse%20cx%3D%2248%22%20cy%3D%2282%22%20rx%3D%223.8%22%20ry%3D%225.5%22%20transform%3D%22rotate%28-22%2048%2082%29%22%2F%3E%3Cellipse%20cx%3D%2256%22%20cy%3D%2282%22%20rx%3D%223.8%22%20ry%3D%225.5%22%20transform%3D%22rotate%2822%2056%2082%29%22%2F%3E%3Cellipse%20cx%3D%2249%22%20cy%3D%2270%22%20rx%3D%223.5%22%20ry%3D%225.0%22%20transform%3D%22rotate%28-22%2049%2070%29%22%2F%3E%3Cellipse%20cx%3D%2255%22%20cy%3D%2270%22%20rx%3D%223.5%22%20ry%3D%225.0%22%20transform%3D%22rotate%2822%2055%2070%29%22%2F%3E%3Cpath%20d%3D%22M52%20190%20q-22%20-14%20-30%20-36%22%2F%3E%3Cpath%20d%3D%22M52%20212%20q24%20-12%2032%20-34%22%2F%3E%3Cpath%20d%3D%22M102%20300%20Q115.0%20225.0%2088%20150%22%2F%3E%3Cellipse%20cx%3D%2281%22%20cy%3D%22140%22%20rx%3D%225.5%22%20ry%3D%228.0%22%20transform%3D%22rotate%28-22%2081%20140%29%22%2F%3E%3Cellipse%20cx%3D%2295%22%20cy%3D%22140%22%20rx%3D%225.5%22%20ry%3D%228.0%22%20transform%3D%22rotate%2822%2095%20140%29%22%2F%3E%3Cellipse%20cx%3D%2282%22%20cy%3D%22128%22%20rx%3D%225.2%22%20ry%3D%227.5%22%20transform%3D%22rotate%28-22%2082%20128%29%22%2F%3E%3Cellipse%20cx%3D%2294%22%20cy%3D%22128%22%20rx%3D%225.2%22%20ry%3D%227.5%22%20transform%3D%22rotate%2822%2094%20128%29%22%2F%3E%3Cellipse%20cx%3D%2282%22%20cy%3D%22117%22%20rx%3D%224.8%22%20ry%3D%227.0%22%20transform%3D%22rotate%28-22%2082%20117%29%22%2F%3E%3Cellipse%20cx%3D%2294%22%20cy%3D%22117%22%20rx%3D%224.8%22%20ry%3D%227.0%22%20transform%3D%22rotate%2822%2094%20117%29%22%2F%3E%3Cellipse%20cx%3D%2283%22%20cy%3D%22105%22%20rx%3D%224.5%22%20ry%3D%226.5%22%20transform%3D%22rotate%28-22%2083%20105%29%22%2F%3E%3Cellipse%20cx%3D%2293%22%20cy%3D%22105%22%20rx%3D%224.5%22%20ry%3D%226.5%22%20transform%3D%22rotate%2822%2093%20105%29%22%2F%3E%3Cellipse%20cx%3D%2284%22%20cy%3D%2293%22%20rx%3D%224.2%22%20ry%3D%226.0%22%20transform%3D%22rotate%28-22%2084%2093%29%22%2F%3E%3Cellipse%20cx%3D%2292%22%20cy%3D%2293%22%20rx%3D%224.2%22%20ry%3D%226.0%22%20transform%3D%22rotate%2822%2092%2093%29%22%2F%3E%3Cellipse%20cx%3D%2284%22%20cy%3D%2282%22%20rx%3D%223.8%22%20ry%3D%225.5%22%20transform%3D%22rotate%28-22%2084%2082%29%22%2F%3E%3Cellipse%20cx%3D%2292%22%20cy%3D%2282%22%20rx%3D%223.8%22%20ry%3D%225.5%22%20transform%3D%22rotate%2822%2092%2082%29%22%2F%3E%3Cellipse%20cx%3D%2285%22%20cy%3D%2270%22%20rx%3D%223.5%22%20ry%3D%225.0%22%20transform%3D%22rotate%28-22%2085%2070%29%22%2F%3E%3Cellipse%20cx%3D%2291%22%20cy%3D%2270%22%20rx%3D%223.5%22%20ry%3D%225.0%22%20transform%3D%22rotate%2822%2091%2070%29%22%2F%3E%3Cpath%20d%3D%22M88%20190%20q-22%20-14%20-30%20-36%22%2F%3E%3Cpath%20d%3D%22M88%20212%20q24%20-12%2032%20-34%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } /* --- 1. szekció-ritmus ------------------------------------------------- */ .bpx-lav{background-color:var(--bpx-lav);} /* a CTA kapja a mélyebb árnyalatot, hogy a lábléc előtt lezárjon */ .bpx-lav.bpx-sprig-right{background-color:var(--bpx-lav-deep);} .bpx-cream{background-color:var(--bpx-cream);} /* --- 2. lágy levendula fény ------------------------------------------- */ .bpx-glow{position:relative;overflow:hidden;} .bpx-glow::before{ content:"";position:absolute;top:-160px;right:-10%; width:720px;height:720px;border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle, rgba(var(--bpx-accent),.30) 0%, rgba(var(--bpx-accent),0) 68%); } .bpx-glow > *{position:relative;z-index:1;} /* --- 3. levendula-ág akcentusok --------------------------------------- */ .bpx-sprig-left,.bpx-sprig-right{position:relative;overflow:hidden;} .bpx-sprig-left::after{ content:"";position:absolute;left:-20px;bottom:-40px; width:160px;height:340px;pointer-events:none;z-index:0; background:var(--bpx-sprig) no-repeat left bottom/contain; opacity:.16; } .bpx-sprig-right::after{ content:"";position:absolute;right:-10px;top:-50px; width:150px;height:320px;pointer-events:none;z-index:0; background:var(--bpx-sprig) no-repeat right top/contain; opacity:.18;transform:scaleY(-1); } .bpx-sprig-left > *,.bpx-sprig-right > *{position:relative;z-index:1;} /* --- 4. Hero: töltse ki a képernyőt, és a gomb mindig látszódjon -------- A kit sora fixen 800 px magas volt, ezért a "Tudj meg többet" gomb a legtöbb laptopon a hajtás alá esett. Itt a sor magassága a képernyőhöz igazodik. A fehér kártya 80 px-t lelóg a sor alá – ezt levonjuk, hogy a szekció alja pontosan a képernyő aljára essen. Fontos: a sor CSS grid (Elementor "e-grid"). Grid-ben az automatikus sor a tartalmához nő, ezért a magasságot a grid-template-rows-szal is rögzíteni kell – enélkül a 800 px magas képek kifeszítik, és a szekció túlcsordul. */ :root{ --bpx-header-h:102px; } /* Biztosíték: a hero tartalma akkor is látszik, ha az Elementor belépő-animációs JS-e nem fut le időben (lassú betöltés, delayed JS, cache plugin). A sablonból már ki vannak szedve az animációk, ez csak a védőháló. */ .bpx-hero, .bpx-hero *{ animation:none !important; } .bpx-hero.elementor-invisible, .bpx-hero .elementor-invisible{ opacity:1 !important; } .bpx-hero-row{ height:calc(100vh - var(--bpx-header-h) - 80px) !important; /* tartalék régi böngészőre */ height:clamp(400px, calc(100svh - var(--bpx-header-h) - 80px), 820px) !important; grid-template-rows:100% !important; align-items:stretch !important; } body.admin-bar .bpx-hero-row{ /* bejelentkezve az admin sáv is elvesz 32 px-t */ height:clamp(400px, calc(100svh - var(--bpx-header-h) - 112px), 820px) !important; } .bpx-hero-row > .e-con{ height:100% !important; min-height:0 !important; overflow:visible; } /* a két szélső oszlop képe kitölti a sort; a középsőt a flex intézi (lentebb) */ .bpx-hero-row > .e-con > .elementor-widget-image:not(.bpx-hero-midimg){ height:100% !important; min-height:0; } .bpx-hero-row > .e-con > .elementor-widget-image > .elementor-widget-container{ height:100%; } /* A fehér kártya a kitben abszolút pozícionált, top:80px + bottom:-80px – vagyis mindig kifeszül az oszlop teljes magasságára. Így lett belőle nagy üres fehér folt, ami eltakarta a középső fotót. Csak az alsó horgony marad, a magasságát a saját tartalma adja. */ .bpx-hero-row > .e-con > .e-con{ top:auto !important; height:auto !important; } .bpx-hero-row img{ height:100% !important; width:100% !important; object-fit:cover; display:block; } /* a középső oszlop felső fotója kitölti a kártya fölött maradt helyet */ .bpx-hero-midimg{ flex:1 1 auto; min-height:0; overflow:hidden; } /* alacsonyabb képernyőn kisebb cím és szűkebb kártya-belső, hogy a gomb beférjen */ @media (max-height:860px){ .bpx-hero h1{ font-size:46px !important; line-height:1.18 !important; } } @media (max-height:760px){ .bpx-hero h1{ font-size:40px !important; } .bpx-hero-row > .e-con > .e-con{ padding-top:32px !important; padding-bottom:32px !important; } } @media (max-height:680px){ .bpx-hero h1{ font-size:34px !important; } } @media (max-height:620px){ .bpx-hero h1{ font-size:30px !important; } .bpx-hero-row > .e-con > .e-con{ padding-top:24px !important; padding-bottom:24px !important; } } /* keskeny ablakban a cím több sorba törik – ott is engedjünk a méretből */ @media (max-width:1200px){ .bpx-hero h1{ font-size:42px !important; } } @media (max-width:991px){ .bpx-hero h1{ font-size:36px !important; } } /* mobilon a két szélső kép rejtve van, ott a magasság szabadon nő */ @media (max-width:767px){ .bpx-hero-row{ height:auto !important; grid-template-rows:auto !important; } .bpx-hero-row > .e-con{ height:auto !important; } .bpx-hero-midimg{ flex:0 0 auto; height:200px; } .bpx-hero h1{ font-size:32px !important; } } /* mobilon kisebb és halványabb, hogy ne vigye el a figyelmet */ @media (max-width:767px){ .bpx-sprig-left::after,.bpx-sprig-right::after{width:96px;height:200px;opacity:.12;} .bpx-glow::before{width:420px;height:420px;top:-120px;} }/* End custom CSS */