Initial Commit

This commit is contained in:
khaccount committed 2026-05-18 14:46:25 +02:00
1 parent 4f495177e4
commit b6d2142214
166 files changed
+13952 -178

No files matched your search

@@ -0,0 +1,11 @@
# Apache < 2.3
<IfModule !mod_authz_core.c>
Order allow,deny
Deny from all
Satisfy All
</IfModule>
# Apache >= 2.3
<IfModule mod_authz_core.c>
Require all denied
</IfModule>
@@ -0,0 +1,5 @@
<f:argument name="variant" type="string" optional="{true}" default="primary" />
<button class="myButton myButton--{variant}">
<f:slot />
</button>
@@ -0,0 +1,32 @@
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<xliff version="1.0">
<file source-language="en" datatype="plaintext" original="EXT:vitec/Resources/Private/Language/locallang.xlf" date="2025-01-13T15:54:51Z" product-name="vitec">
<header/>
<body>
<trans-unit id="tx_vitec_domain_model_" resname="tx_vitec_domain_model_">
<source></source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_.description" resname="tx_vitec_domain_model_.description">
<source></source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_product" resname="tx_vitec_domain_model_product">
<source>Product</source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_product.description" resname="tx_vitec_domain_model_product.description">
<source>Product</source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_product.title" resname="tx_vitec_domain_model_product.title">
<source>Title</source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_product.title.description" resname="tx_vitec_domain_model_product.title.description">
<source>Title</source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_product.slug" resname="tx_vitec_domain_model_product.slug">
<source>Slug</source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_product.slug.description" resname="tx_vitec_domain_model_product.slug.description">
<source>Slug</source>
</trans-unit>
</body>
</file>
</xliff>
@@ -0,0 +1,91 @@
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<xliff version="1.0">
<file source-language="en" datatype="plaintext" original="EXT:vitec/Resources/Private/Language/locallang_containers.xlf" product-name="vitec">
<header/>
<body>
<trans-unit id="group.header" resname="group.header">
<source>VITEC</source>
</trans-unit>
<trans-unit id="section.heading" resname="section.heading">
<source>Section Heading</source>
</trans-unit>
<trans-unit id="section.subline" resname="section.subline">
<source>Section Subline</source>
</trans-unit>
<trans-unit id="bg_variant.label" resname="bg_variant.label">
<source>Background Variant</source>
</trans-unit>
<trans-unit id="bg_variant.option.none" resname="bg_variant.option.none">
<source>None</source>
</trans-unit>
<trans-unit id="bg_variant.option.orange" resname="bg_variant.option.orange">
<source>Orange</source>
</trans-unit>
<trans-unit id="bg_variant.option.blue" resname="bg_variant.option.blue">
<source>Blue</source>
</trans-unit>
<trans-unit id="bg_variant.option.graphite" resname="bg_variant.option.graphite">
<source>Graphite</source>
</trans-unit>
<trans-unit id="bg_variant.option.midnight" resname="bg_variant.option.midnight">
<source>Midnight</source>
</trans-unit>
<trans-unit id="cols_50_50.title" resname="cols_50_50.title">
<source>VITEC · Two Columns (50 / 50)</source>
</trans-unit>
<trans-unit id="cols_50_50.description" resname="cols_50_50.description">
<source>Two equal columns</source>
</trans-unit>
<trans-unit id="cols_33_33_33.title" resname="cols_33_33_33.title">
<source>VITEC · Three Columns (33 / 33 / 33)</source>
</trans-unit>
<trans-unit id="cols_33_33_33.description" resname="cols_33_33_33.description">
<source>Three equal columns</source>
</trans-unit>
<trans-unit id="cols_25_25_25_25.title" resname="cols_25_25_25_25.title">
<source>VITEC · Four Columns (25 / 25 / 25 / 25)</source>
</trans-unit>
<trans-unit id="cols_25_25_25_25.description" resname="cols_25_25_25_25.description">
<source>Four equal columns</source>
</trans-unit>
<trans-unit id="cols_66_33.title" resname="cols_66_33.title">
<source>VITEC · Two Columns (66 / 33)</source>
</trans-unit>
<trans-unit id="cols_66_33.description" resname="cols_66_33.description">
<source>Wide main column + narrow sidebar</source>
</trans-unit>
<trans-unit id="cols_33_66.title" resname="cols_33_66.title">
<source>VITEC · Two Columns (33 / 66)</source>
</trans-unit>
<trans-unit id="cols_33_66.description" resname="cols_33_66.description">
<source>Narrow sidebar + wide main column</source>
</trans-unit>
<trans-unit id="column.1" resname="column.1">
<source>Column 1</source>
</trans-unit>
<trans-unit id="column.2" resname="column.2">
<source>Column 2</source>
</trans-unit>
<trans-unit id="column.3" resname="column.3">
<source>Column 3</source>
</trans-unit>
<trans-unit id="column.4" resname="column.4">
<source>Column 4</source>
</trans-unit>
<trans-unit id="column.main_66" resname="column.main_66">
<source>Main (66%)</source>
</trans-unit>
<trans-unit id="column.sidebar_33" resname="column.sidebar_33">
<source>Sidebar (33%)</source>
</trans-unit>
</body>
</file>
</xliff>
@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<xliff version="1.0">
<file source-language="en" datatype="plaintext" original="EXT:vitec/Resources/Private/Language/locallang_csh_tx_vitec_domain_model_product.xlf" date="2025-01-13T15:54:51Z" product-name="vitec">
<header/>
<body>
<trans-unit id="title.description" resname="title.description">
<source>title</source>
</trans-unit>
<trans-unit id="slug.description" resname="slug.description">
<source>slug</source>
</trans-unit>
</body>
</file>
</xliff>
@@ -0,0 +1,32 @@
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<xliff version="1.0">
<file source-language="en" datatype="plaintext" original="EXT:vitec/Resources/Private/Language/locallang_db.xlf" date="2025-01-13T15:54:51Z" product-name="vitec">
<header/>
<body>
<trans-unit id="tx_vitec_domain_model_" resname="tx_vitec_domain_model_">
<source></source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_.description" resname="tx_vitec_domain_model_.description">
<source></source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_product" resname="tx_vitec_domain_model_product">
<source>Product</source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_product.description" resname="tx_vitec_domain_model_product.description">
<source>Product</source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_product.title" resname="tx_vitec_domain_model_product.title">
<source>Title</source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_product.title.description" resname="tx_vitec_domain_model_product.title.description">
<source>Title</source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_product.slug" resname="tx_vitec_domain_model_product.slug">
<source>Slug</source>
</trans-unit>
<trans-unit id="tx_vitec_domain_model_product.slug.description" resname="tx_vitec_domain_model_product.slug.description">
<source>Slug</source>
</trans-unit>
</body>
</file>
</xliff>
@@ -0,0 +1,71 @@
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<xliff version="1.0">
<file source-language="en" datatype="plaintext" original="EXT:vitec/Resources/Private/Language/locallang_pages.xlf" product-name="vitec">
<header/>
<body>
<trans-unit id="layout.0" resname="layout.0">
<source>Default</source>
</trans-unit>
<trans-unit id="layout.1" resname="layout.1">
<source>Index Page</source>
</trans-unit>
<trans-unit id="layout.2" resname="layout.2">
<source>Markets Overview</source>
</trans-unit>
<trans-unit id="layout.3" resname="layout.3">
<source>Market Detail</source>
</trans-unit>
<trans-unit id="layout.4" resname="layout.4">
<source>Solutions Overview</source>
</trans-unit>
<trans-unit id="layout.5" resname="layout.5">
<source>Solution Detail</source>
</trans-unit>
<trans-unit id="layout.6" resname="layout.6">
<source>Use Cases Overview</source>
</trans-unit>
<trans-unit id="layout.7" resname="layout.7">
<source>Use Case Detail</source>
</trans-unit>
<trans-unit id="layout.8" resname="layout.8">
<source>Products Overview</source>
</trans-unit>
<trans-unit id="layout.9" resname="layout.9">
<source>Product Main Category</source>
</trans-unit>
<trans-unit id="layout.10" resname="layout.10">
<source>Product Detail</source>
</trans-unit>
<trans-unit id="layout.11" resname="layout.11">
<source>Support Overview</source>
</trans-unit>
<trans-unit id="layout.12" resname="layout.12">
<source>News Overview</source>
</trans-unit>
<trans-unit id="layout.13" resname="layout.13">
<source>News Detail V1</source>
</trans-unit>
<trans-unit id="layout.14" resname="layout.14">
<source>News Detail V2</source>
</trans-unit>
<trans-unit id="layout.15" resname="layout.15">
<source>News Detail V3</source>
</trans-unit>
<trans-unit id="layout.16" resname="layout.16">
<source>Content Page V1</source>
</trans-unit>
<trans-unit id="layout.17" resname="layout.17">
<source>Content Page V2</source>
</trans-unit>
<trans-unit id="layout.18" resname="layout.18">
<source>Content Page V3</source>
</trans-unit>
<trans-unit id="layout.19" resname="layout.19">
<source>Events Overview</source>
</trans-unit>
<trans-unit id="layout.20" resname="layout.20">
<source>Contact Page</source>
</trans-unit>
</body>
</file>
</xliff>
@@ -0,0 +1,8 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
xmlns:n="http://typo3.org/ns/GeorgRinger/News/ViewHelpers">
<div class="vitec-administration">
<f:flashMessages/>
<h2>Hi</h2>
<f:render section="main"/>
</div>
</html>
@@ -0,0 +1,4 @@
<div class="vitec">
<f:render section="main" />
</div>
@@ -0,0 +1,12 @@
<div class="product-downloads">
<h3>Downloads</h3>
<ul>
<f:for each="{product.downloads}" as="download">
<li>
<a href="{download.file.originalResource.publicUrl}" target="_blank">
{download.title}
</a>
</li>
</f:for>
</ul>
</div>
@@ -0,0 +1,16 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<div class="">
<h2>Productlist0</h2>
<div class="card">
<div class="card-header">
<h3>Product LIST by Category</h3>
</div>
<f:for each="{products}" as="p">
<f:link.action pluginName="Productshow" action="show" arguments="{product : p}" pageUid="58" ><h4>{p.title}</h4></f:link.action>
<f:for each="{p.categories}" as="c">
<f:link.action pluginName="Productlist" action="list" arguments="{category : c}" pageUid="58" ><span class="badge badge-secondary">{c.title}, {c.uid}</span></f:link.action>
</f:for>
</f:for>
</div>
</div>
@@ -0,0 +1,12 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<div class="">
<h2>Productlist1</h2>
<div class="card">
<div class="card-header">
<h3>Product LIST by Category</h3>
</div>
<f:for each="{products}" as="p">
<f:link.action pluginName="Productshow" action="show" arguments="{product : p}" pageUid="58" ><h4>{p.title}</h4></f:link.action>
</f:for>
</div>
</div>
@@ -0,0 +1,4 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<div class="">
<h2>Productlist2</h2>
</div>
@@ -0,0 +1,4 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<div class="">
<h2>Productlist3</h2>
</div>
@@ -0,0 +1,4 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<div class="">
<h2>Productlist3</h2>
</div>
@@ -0,0 +1,25 @@
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Product",
"name": "Executive Anvil",
"description": "Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height.",
"review": {
"@type": "Review",
"reviewRating": {
"@type": "Rating",
"ratingValue": 4,
"bestRating": 5
},
"author": {
"@type": "Person",
"name": "Fred Benson"
}
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": 4.4,
"reviewCount": 89
}
}
</script>
@@ -0,0 +1,42 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:layout name="Default" />
<f:section name="main">
<f:flashMessages />
<h1>Download List</h1>
<f:be.security.ifAuthenticated>
<f:then>
<f:debug>{_all}</f:debug>
DownloadCard Plugin
vitec/Resources/Private/Templates/Download/Downloadcard.html
</f:then>
</f:be.security.ifAuthenticated>
<!-- Check if a product is selected -->
<f:if condition="{product}">
<f:then>
<h2>Selected Product</h2>
<p><strong>Title:</strong> {product.title}</p>
<p><strong>Description:</strong> {product.description}</p>
</f:then>
<!-- Show a message if no product is selected -->
<f:else>
<p>No product selected.</p>
</f:else>
</f:if>
<hr />
<f:if condition="{download}">
<f:then>
<h2>Selected download</h2>
<p><strong>Title:</strong> {download.title}</p>
<p><strong>Description:</strong> {download.description}</p>
</f:then>
<f:else>
<p>No download selected.</p>
</f:else>
</f:if>
</f:section>
</html>
@@ -0,0 +1,23 @@
<!-- filepath: /usr/home/vitecxxx/public_html/live/extensions/vitec/Resources/Private/Templates/Download/DownloadCardCollection.html -->
<f:layout name="Default" />
<f:section name="main">
<f:be.security.ifAuthenticated>
<f:then>
<f:debug>{_all}</f:debug>
DownloadCard Plugin
vitec/Resources/Private/Templates/Download/DownloadCardCollection.html
</f:then>
</f:be.security.ifAuthenticated>
<h1>Download Card Collection</h1>
<f:if condition="{product}">
<h2>Product: {product.name}</h2>
<ul>
<f:for each="{downloads}" as="download">
<li>{download.title}</li>
</f:for>
</ul>
</f:if>
<f:else>
<p>No product or downloads found.</p>
</f:else>
</f:section>
@@ -0,0 +1,42 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:layout name="Default" />
<f:section name="main">
<f:flashMessages />
<h1>Download List</h1>
<f:be.security.ifAuthenticated>
<f:then>
<f:debug>{_all}</f:debug>
DownloadCard Plugin
vitec/Resources/Private/Templates/Download/List.html
</f:then>
</f:be.security.ifAuthenticated>
<!-- Check if a product is selected -->
<f:if condition="{product}">
<f:then>
<h2>Selected Product</h2>
<p><strong>Title:</strong> {product.title}</p>
<p><strong>Description:</strong> {product.description}</p>
</f:then>
<!-- Show a message if no product is selected -->
<f:else>
<p>No product selected.</p>
</f:else>
</f:if>
<hr />
<f:if condition="{download}">
<f:then>
<h2>Selected download</h2>
<p><strong>Title:</strong> {download.title}</p>
<p><strong>Description:</strong> {download.description}</p>
</f:then>
<f:else>
<p>No download selected.</p>
</f:else>
</f:if>
</f:section>
</html>
@@ -0,0 +1,165 @@
<f:comment>
### This template renders a single market with different layouts
<f:debug>{_all}</f:debug>
File path: EXT:vitec/Resources/Private/Templates/Market/Show.html
</f:comment>
<f:layout name="Default" />
<f:section name="main">
<!-- Layout Selection -->
<f:switch expression="{settings.layout}">
<f:case value="card">
<f:render section="cardLayout" arguments="{market: market, settings: settings}" />
</f:case>
<f:case value="hero">
<f:render section="heroLayout" arguments="{market: market, settings: settings}" />
</f:case>
<f:case value="compact">
<f:render section="compactLayout" arguments="{market: market, settings: settings}" />
</f:case>
<f:defaultCase>
<f:render section="defaultLayout" arguments="{market: market, settings: settings}" />
</f:defaultCase>
</f:switch>
</f:section>
<!-- Default Layout -->
<f:section name="defaultLayout">
<f:if condition="{settings.debug}">
<f:debug>{_all}</f:debug>
<code>
File path: vscode://file/vitec/Resources/Private/Templates/Market/Show.html
</code>
</f:if>
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4">
<div class="card shadow-sm border-0 rounded-4">
<f:if condition="{market.image}">
<f:then>
<f:image src="{market.image.originalResource.originalFile.uid}" title="{market.title} {market.subtitle}" alt="{market.title} - {market.subtitle}" class="img-fluid card-img-top rounded-top-4" />
</f:then>
<f:else>
No image available
</f:else>
</f:if>
<div class="card-body">
<p class="card-text">
<h5 class="card-title mb-0">{market.title}</h5>
<small class="text-muted">{market.subtitle}</small><br />
<f:format.html>{market.description}</f:format.html>
</p>
</div>
</div>
</div>
</div>
</div>
</f:section>
<!-- Card Layout -->
<f:section name="cardLayout">
<f:if condition="{settings.debug}">
<f:debug>{_all}</f:debug>
<code>
File path: vscode://file/vitec/Resources/Private/Templates/Market/Show.html
</code>
</f:if>
<div class="container py-5">
<div class="row">
<div class="col-md-8 col-lg-6 mx-auto">
<div class="card shadow-lg border-0 rounded-5">
<div class="row g-0">
<div class="col-md-4">
<f:if condition="{market.image}">
<f:image src="{market.image.originalResource.originalFile.uid}" title="{market.title}" alt="{market.title}" class="img-fluid rounded-start h-100 object-cover" />
</f:if>
</div>
<div class="col-md-8">
<div class="card-body h-100 d-flex flex-column">
<div class="mb-3">
<h4 class="card-title mb-0">{market.title}</h4>
<small class="text-primary fw-bold">{market.subtitle}</small>
</div>
<p class="card-text flex-grow-1">
<f:format.html>{market.description}</f:format.html>
</p>
<f:if condition="{market.categories}">
<div class="mb-3">
<f:for each="{market.categories}" as="category">
<f:if condition="{category.parent.uid} == 18">
<span class="badge bg-danger me-1">{category.title}</span>
</f:if>
</f:for>
</div>
</f:if>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</f:section>
<!-- Hero Layout -->
<f:section name="heroLayout">
<f:if condition="{settings.debug}">
<f:debug>{_all}</f:debug>
<code>
File path: vscode://file/vitec/Resources/Private/Templates/Market/Show.html
</code>
</f:if>
<div class="hero-section position-relative" style="min-height: 60vh;">
<f:if condition="{market.image}">
<div class="hero-bg position-absolute w-100 h-100" style="background-image: url('{f:uri.image(src: market.image.originalResource.originalFile.uid)}'); background-size: cover; background-position: center; opacity: 0.3;"></div>
</f:if>
<div class="container position-relative h-100 d-flex align-items-center">
<div class="row w-100">
<div class="col-lg-8 col-xl-6">
<div class="mb-4">
<h1 class="display-4 fw-bold mb-2">{market.title}</h1>
<h2 class="h4 text-primary">{market.subtitle}</h2>
</div>
<div class="lead mb-4">
<f:format.html>{market.description}</f:format.html>
</div>
</div>
</div>
</div>
</div>
</f:section>
<!-- Compact Layout -->
<f:section name="compactLayout">
<f:if condition="{settings.debug}">
<f:debug>{_all}</f:debug>
<code>
File path: vscode://file/vitec/Resources/Private/Templates/Market/Show.html
</code>
</f:if>
<div class="container py-3">
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center p-3 border rounded-3 bg-light">
<f:if condition="{market.image}">
<f:image src="{market.image.originalResource.originalFile.uid}" title="{market.title}" alt="{market.title}" class="me-3 rounded" style="width: 60px; height: 60px; object-fit: contain;"/>
</f:if>
<div class="flex-grow-1">
<h5 class="mb-1">{market.title}</h5>
<p class="mb-1 text-muted">{market.subtitle}</p>
<small class="text-truncate d-block">
<f:format.stripTags><f:format.crop maxCharacters="100">{market.description}</f:format.crop></f:format.stripTags>
</small>
</div>
</div>
</div>
</div>
</div>
</f:section>
@@ -0,0 +1,135 @@
<div class="t3-page-ce-preview">
<div class="t3-page-ce-header">
<strong>🎯 Usecase Show Plugin</strong>
<f:if condition="{layout}">
<span class="badge badge-info">Layout: {layout}</span>
</f:if>
</div>
<div class="t3-page-ce-body">
<f:if condition="{usecase}">
<f:then>
<!-- Show selected usecase data -->
<div class="preview-content">
<div class="preview-item">
<strong>Selected Usecase:</strong>
<div class="preview-usecase">
<h4>{usecase.title}</h4>
<f:if condition="{usecase.subtitle}">
<p class="text-muted"><em>{usecase.subtitle}</em></p>
</f:if>
<f:if condition="{usecase.description}">
<p class="preview-description">
<f:format.crop maxCharacters="150">{usecase.description}</f:format.crop>
</p>
</f:if>
<small class="text-muted">UID: {usecase.uid}</small>
</div>
</div>
</div>
</f:then>
<f:else>
<!-- No usecase selected -->
<div class="preview-warning">
<span class="text-warning">⚠️ No usecase selected</span>
<p class="text-muted">Please configure the plugin to select a usecase.</p>
</div>
</f:else>
</f:if>
<!-- Show plugin settings -->
<f:if condition="{flexFormData.settings}">
<div class="preview-settings">
<details>
<summary><strong>Plugin Settings</strong></summary>
<table class="table table-sm">
<f:for each="{flexFormData.settings}" as="value" key="key">
<f:if condition="{value}">
<tr>
<td><strong>{key}</strong></td>
<td>{value}</td>
</tr>
</f:if>
</f:for>
</table>
</details>
</div>
</f:if>
</div>
</div>
<style>
.t3-page-ce-preview {
border: 1px solid #ddd;
border-radius: 4px;
padding: 10px;
margin: 5px 0;
background: #f9f9f9;
}
.t3-page-ce-header {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
}
.badge {
display: inline-block;
padding: 2px 6px;
font-size: 10px;
background: #007cba;
color: white;
border-radius: 3px;
margin-left: 10px;
}
.preview-usecase {
background: white;
padding: 10px;
border-radius: 4px;
border-left: 4px solid #007cba;
margin: 5px 0;
}
.preview-usecase h4 {
margin: 0 0 5px 0;
color: #333;
}
.preview-description {
color: #666;
margin: 5px 0;
}
.preview-warning {
background: #fff3cd;
border: 1px solid #ffeaa7;
border-radius: 4px;
padding: 10px;
color: #856404;
}
.text-muted {
color: #6c757d;
}
.text-warning {
color: #856404;
}
.preview-settings {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.preview-settings table {
width: 100%;
font-size: 12px;
}
.preview-settings td {
padding: 2px 5px;
border-bottom: 1px solid #eee;
}
</style>
@@ -0,0 +1,20 @@
<f:layout name="Default" />
<f:section name="main">
<f:if condition="{settings.debug}">
<f:debug>{_all}</f:debug>
</f:if>
<h2>-- {settings.layout} -- </h2>
<h1>Product LIST by Category</h1>
<p>{settings.categories}</p>
<f:switch expression="{settings.layout}">
<f:case value="0"><f:render partial="product/Productlist0" arguments="{products: products}" /></f:case>
<f:case value="1"><f:render partial="product/Productlist1" arguments="{products: products}" /></f:case>
<f:case value="2"><f:render partial="product/Productlist2" arguments="{products: products}" /></f:case>
<f:case value="3"><f:render partial="product/Productlist3" arguments="{products: products}" /></f:case>
</f:switch>
</f:section>
@@ -0,0 +1,191 @@
<f:layout name="Default" />
<f:section name="main">
<f:security.ifAuthenticated>
<!-- ------------------ -->
<f:debug>{_all}</f:debug>
<!-- ------------------ -->
</f:security.ifAuthenticated>
<section class="product-hero">
<div class="container">
<div class="row">
<h1>{product.title}</h1>
<h2>{product.subtitle}</h2>
</div>
</div>
</section>
<f:if condition="product.structureddata">
<f:then>
<f:format.raw>{product.structureddata}</f:format.raw>
</f:then>
</f:if>
<section class="product-intro" class="fullwidth-section">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>{product.title}</p>
<p>{product.teaser}</p>
<div class="">
<h4>Categories</h4>
<f:for each="{product.categories}" as="c">
<f:if condition="{c.title}">
<span class="badge badge-secondary">{c.title} - {c.uid}</span><br />
</f:if>
</f:for>
</div>
</div>
<f:if condition="{product.productimage}">
<div class="col-md-6">
<div class="product-images">
<section id="productCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<f:for each="{product.productimage}" as="image">
<div class="carousel-item">
<f:image image="{image}" alt="{product.title}" class=" d-block w-100 img-fluid" title="{product.title}" />
</div>
</f:for>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#productCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Zurück</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#productCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Weiter</span>
</button>
</div>
</div>
</f:if>
</div>
</div>
</section>
<section class="product-highlights">
<div class="container">
<div class="row">
<f:if condition="{product.video}">
<f:then>
<div class="col-md-6">
<p>{product.video}</p>
</div>
<div class="col-md-6">
<f:format.html>{product.highlights}</f:format.html>
</div>
</f:then>
<f:else>
<div class="col-md-12">
<f:format.html>{product.highlights}</f:format.html>
</div>
</f:else>
</f:if>
</div>
</div>
</section>
<f:if condition="{product.relatedprodukt}">
<section class="product-related">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3>Related Products</h3>
<ul>
<f:for each="{product.relatedprodukt}" as="relatedProduct">
<li>{relatedProduct.title}</li>
</f:for>
</ul>
</div>
</div>
</div>
</section>
</f:if>
<hr />
<section class="product-features">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3>The Key Features of {product.title}</h3>
<p>Bunch of Icons</p>
</div>
</div>
</div>
</section>
<hr />
<section class="product-overview">
<div class="container">
<div class="row">
<div class="col-md-8">
<f:format.html>{product.description}</f:format.html>
</div>
<div class="col-md-4">
<f:format.html>{product.applications}</f:format.html>
</div>
</div>
</div>
<section class="product-downloads">
<div class="container">
<div class="row">
<div class="col-md-12">
<f:render partial="product/Downloads" arguments="{product: product}" />
</div>
</div>
</div>
</section>
<section class="product-why-vitec">
<div class="container">
<div class="row">
<div class="col-md-12">
<p>WHY VITEC</p>
<f:if condition="{product.contentelement}">
<f:cObject typoscriptObjectPath="tt_content" data="{uid: product.contentelement}" />
</f:if>
</div>
</div>
</div>
</section>
<section class="product-cta">
<div class="container">
<div class="row">
<div class="col-md-12">
<p>CTA</p>
<f:if condition="{contentelementCtaUid}">
<f:cObject typoscriptObjectPath="lib.contentElement" data="{uid: contentelementCtaUid}" />
</f:if>
</div>
</div>
</div>
</section>
<section class="product-blog">
<div class="container">
<div class="row">
<div class="col-md-12">
<p>Blog</p>
</div>
</div>
</div>
<hr /><hr /><hr />
<h2>Ab hier nix wichtiges mehr</h2>
<hr /><hr /><hr />
<div class="row">
<h1>{product.title}</h1>
<h2>{product.subtitle}</h2>
<p>{product.applications}</p>
<p>{product.highlights}</p>
</div>
</f:section>
<f:comment>
<div class="product-images">
<f:for each="{product.productimage}" as="image">
<f:image image="{image}" alt="{product.title}" class="img-fluid" />
</f:for>
<f:image image="{product.ogimage}" alt="{product.title}" class="img-fluid" />
</div>
<f:render partial="product/Downloads" arguments="{product: product}" />
</f:comment>
@@ -0,0 +1,2 @@
uhgbzughbz
@@ -0,0 +1,31 @@
<f:layout name="Default" />
<f:section name="main">
<div class="card">
<div class="card-header">
<div class="card-icon">
<core:icon identifier="module-styleguide" size="large" />
</div>
<div class="card-header-body">
<h2 class="card-title">{settings.header}</h2>
</div>
</div>
<div class="card-body">
<p class="card-text"><f:format.html>{settings.bodytext}</f:format.html></p>
</div>
<div class="card-footer">
<a href="{settings.buttonlink}" class="btn btn-default">{settings.buttontext}<</a>
</div>
</div>
<h1>{settings.header}</h1>
<f:format.html>{settings.bodytext}</f:format.html>
<f:comment>
<f:if condition="{settings.image}">
<f:image src="{settings.image.0}" alt="{settings.header}" />
</f:if>
</f:comment>
<f:if condition="{settings.buttontext}">
<a href="{settings.buttonlink}" class="btn btn-primary">{settings.buttontext}</a>
</f:if>
</f:section>
@@ -0,0 +1,165 @@
<f:comment>
### This template renders a single solution with different layouts
<f:debug>{_all}</f:debug>
File path: EXT:vitec/Resources/Private/Templates/Solution/Show.html
</f:comment>
<f:layout name="Default" />
<f:section name="main">
<!-- Layout Selection -->
<f:switch expression="{settings.layout}">
<f:case value="card">
<f:render section="cardLayout" arguments="{solution: solution, settings: settings}" />
</f:case>
<f:case value="hero">
<f:render section="heroLayout" arguments="{solution: solution, settings: settings}" />
</f:case>
<f:case value="compact">
<f:render section="compactLayout" arguments="{solution: solution, settings: settings}" />
</f:case>
<f:defaultCase>
<f:render section="defaultLayout" arguments="{solution: solution, settings: settings}" />
</f:defaultCase>
</f:switch>
</f:section>
<!-- Default Layout -->
<f:section name="defaultLayout">
<f:if condition="{settings.debug}">
<f:debug>{_all}</f:debug>
<code>
File path: vscode://file/vitec/Resources/Private/Templates/Solution/Show.html
</code>
</f:if>
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4">
<div class="card shadow-sm border-0 rounded-4">
<f:if condition="{solution.image}">
<f:then>
<f:image src="{solution.image.originalResource.originalFile.uid}" title="{solution.title} {solution.subtitle}" alt="{solution.title} - {solution.subtitle}" class="img-fluid card-img-top rounded-top-4" />
</f:then>
<f:else>
No image available
</f:else>
</f:if>
<div class="card-body">
<p class="card-text">
<h5 class="card-title mb-0">{solution.title}</h5>
<small class="text-muted">{solution.subtitle}</small><br />
<f:format.html>{solution.description}</f:format.html>
</p>
</div>
</div>
</div>
</div>
</div>
</f:section>
<!-- Card Layout -->
<f:section name="cardLayout">
<f:if condition="{settings.debug}">
<f:debug>{_all}</f:debug>
<code>
File path: vscode://file/vitec/Resources/Private/Templates/Solution/Show.html
</code>
</f:if>
<div class="container py-5">
<div class="row">
<div class="col-md-8 col-lg-6 mx-auto">
<div class="card shadow-lg border-0 rounded-5">
<div class="row g-0">
<div class="col-md-4">
<f:if condition="{solution.image}">
<f:image src="{solution.image.originalResource.originalFile.uid}" title="{solution.title}" alt="{solution.title}" class="img-fluid rounded-start h-100 object-cover" />
</f:if>
</div>
<div class="col-md-8">
<div class="card-body h-100 d-flex flex-column">
<div class="mb-3">
<h4 class="card-title mb-0">{solution.title}</h4>
<small class="text-primary fw-bold">{solution.subtitle}</small>
</div>
<p class="card-text flex-grow-1">
<f:format.html>{solution.description}</f:format.html>
</p>
<f:if condition="{solution.categories}">
<div class="mb-3">
<f:for each="{solution.categories}" as="category">
<f:if condition="{category.parent.uid} == 18">
<span class="badge bg-danger me-1">{category.title}</span>
</f:if>
</f:for>
</div>
</f:if>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</f:section>
<!-- Hero Layout -->
<f:section name="heroLayout">
<f:if condition="{settings.debug}">
<f:debug>{_all}</f:debug>
<code>
File path: vscode://file/vitec/Resources/Private/Templates/Solution/Show.html
</code>
</f:if>
<div class="hero-section position-relative" style="min-height: 60vh;">
<f:if condition="{solution.image}">
<div class="hero-bg position-absolute w-100 h-100" style="background-image: url('{f:uri.image(src: solution.image.originalResource.originalFile.uid)}'); background-size: cover; background-position: center; opacity: 0.3;"></div>
</f:if>
<div class="container position-relative h-100 d-flex align-items-center">
<div class="row w-100">
<div class="col-lg-8 col-xl-6">
<div class="mb-4">
<h1 class="display-4 fw-bold mb-2">{solution.title}</h1>
<h2 class="h4 text-primary">{solution.subtitle}</h2>
</div>
<div class="lead mb-4">
<f:format.html>{solution.description}</f:format.html>
</div>
</div>
</div>
</div>
</div>
</f:section>
<!-- Compact Layout -->
<f:section name="compactLayout">
<f:if condition="{settings.debug}">
<f:debug>{_all}</f:debug>
<code>
File path: vscode://file/vitec/Resources/Private/Templates/Solution/Show.html
</code>
</f:if>
<div class="container py-3">
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center p-3 border rounded-3 bg-light">
<f:if condition="{solution.image}">
<f:image src="{solution.image.originalResource.originalFile.uid}" title="{solution.title}" alt="{solution.title}" class="me-3 rounded" style="width: 60px; height: 60px; object-fit: contain;"/>
</f:if>
<div class="flex-grow-1">
<h5 class="mb-1">{solution.title}</h5>
<p class="mb-1 text-muted">{solution.subtitle}</p>
<small class="text-truncate d-block">
<f:format.stripTags><f:format.crop maxCharacters="100">{solution.description}</f:format.crop></f:format.stripTags>
</small>
</div>
</div>
</div>
</div>
</div>
</f:section>
@@ -0,0 +1,79 @@
<f:layout name="Default" />
<f:debug>{_all}</f:debug>
<f:section name="main">
<f:for each="{usecases}" as="u">
<f:link.action pageUid="{u.singlepid}" >
<h4>{u.title}</h4>-
</f:link.action>
<f:for each="{u.categories}" as="category">
<span class="badge badge-primary ">{category.class}</span>
</f:for>
<f:if condition="{u.caseimage}">
<img src="{u.caseimage.originalResource.publicUrl}" alt="{u.title}" class="img-fluid" />
</f:if>
</f:for>
<hr /><hr /><hr /><hr />
<section>USECASE Selector here</section>
<f:for each="{usecases}" as="u">
<f:variable name="categories" value="{u.categories}" />
<div class="categories">
<h6>Categories:</h6>
<f:for each="{categories}" as="category">
<span class="badge badge-primary ">{category.title}</span>
</f:for>
</div>
<div class="tx-vitec-card card success-card">
<div class="row card-header">
<div class="col col-11">
<h5 class="card-title">{u.title}</h5>
</div>
<div class="col col-1 col-btn">
<a class="btn btn-circle"><i class="fas fa-ellipsis-v"></i></a>
</div>
</div>
<!-- ------------------------------------------------------ Card Front -->
<div class="card-front">
<div class="card-image" style="background-image: url('/fileadmin/_processed_/c/5/csm_IMG_2466_0f9c160cb8.jpg') ; "></div>
<div class="w-50 img-thumbnail customer-logo ml-auto mr-auto p-3">
<div class="content">
<f:if condition="{u.caseimage}">
{u.caseimage}
</f:if>
</div>
</div>
<div class="card-body">
<div class="card-text">
<f:format.html>{u.teaser}</f:format.html>
</div>
<div class="card-text full-text d-none">
<p>VITEC’s IPTV and digital signage solution transformed the CO'Met Arena in Orléans, enhancing visitor engagement with dynamic content across 200 screens. The innovative system ensures efficient content management, live event streaming, and an exceptional visual experience in multiple event spaces.</p>
</div>
<a href="/success-stories/comet-arena" target="_self" class="w-100 btn btn-secondary">
Learn More
</a>
</div>
</div>
<!-- ------------------------------------------------------ Card Back -->
<div class="card-back">
<div class="card-back-image" style="background-image: url('/fileadmin/_processed_/e/5/csm_IMG_2469_e757124696.jpg') ; "></div>
<div class="card-back-body">
<div class="card-back-text">
<h6><strong>Atlanta Hawks</strong></h6
><p>“VITEC has enabled us to create a dynamic and customised visual experience for visitors to the various event spaces while also creating an efficient and simple content management and delivery operation."</p><p><strong>Fabrice Leguay</strong><br> Manganelli Technology</p>
</div>
<a href="/success-stories/comet-arena" target="_self" class="btn btn-white w-100">
Learn More
</a>
</div>
</div>
</div>
</f:for>
</f:section>
@@ -0,0 +1,203 @@
<f:comment>
### This template renders a single usecase with different layouts
<f:debug>{_all}</f:debug>
File path: EXT:vitec/Resources/Private/Templates/Usecase/Show.html
</f:comment>
<f:layout name="Default" />
<f:section name="main">
<!-- Layout Selection -->
<f:switch expression="{settings.layout}">
<f:case value="card">
<f:render section="cardLayout" arguments="{usecase: usecase, settings: settings}" />
</f:case>
<f:case value="hero">
<f:render section="heroLayout" arguments="{usecase: usecase, settings: settings}" />
</f:case>
<f:case value="compact">
<f:render section="compactLayout" arguments="{usecase: usecase, settings: settings}" />
</f:case>
<f:defaultCase>
<f:render section="defaultLayout" arguments="{usecase: usecase, settings: settings}" />
</f:defaultCase>
</f:switch>
</f:section>
<!-- Default Layout (your current design) -->
<f:section name="defaultLayout">
<f:if condition="{settings.debug}">
<f:debug>{_all}</f:debug>
<code>
File path: vscode://file/vitec/Resources/Private/Templates/Usecase/Show.html
</code>
</f:if>
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4">
<div class="card shadow-sm border-0 rounded-4">
<f:if condition="{usecase.caseimage}">
<f:then>
<f:image src="{usecase.caseimage.originalResource.originalFile.uid}" title="{usecase.title} {usecase.subtitle}" alt="{usecase.title} - {usecase.subtitle}" class="img-fluid card-img-top rounded-top-4" />
</f:then>
<f:else>
No case image available
</f:else>
</f:if>
<div class="card-body">
<div class="d-flex align-items-center mb-3">
<f:if condition="{usecase.logoimage}">
<f:then>
<f:image src="{usecase.logoimage.originalResource.originalFile.uid}" title="{usecase.title} {usecase.subtitle}" alt="{usecase.title} - {usecase.subtitle}" class="img-fluid gsap-logo-image"/>
</f:then>
<f:else>
No logo image available
</f:else>
</f:if>
</div>
<p class="card-text">
<h5 class="card-title mb-0">{usecase.title}</h5>
<small class="text-muted">{usecase.subtitle}</small><br />
<f:format.html>{usecase.description}</f:format.html>
</p>
<f:link.typolink parameter="{usecase.singlepid}"
target="_top"
class="ico-class btn btn-primary w-100" title="usecase.title}"
additionalAttributes="{type:'button'}"
>
View Success Story
</f:link.typolink>
</div>
</div>
</div>
</div>
</div>
</f:section>
<!-- Card Layout -->
<f:section name="cardLayout">
<f:if condition="{settings.debug}">
<f:debug>{_all}</f:debug>
<code>
File path: vscode://file/vitec/Resources/Private/Templates/Usecase/Show.html
</code>
</f:if>
<div class="container py-5">
<div class="row">
<div class="col-md-8 col-lg-6 mx-auto">
<div class="card shadow-lg border-0 rounded-5">
<div class="row g-0">
<div class="col-md-4">
<f:if condition="{usecase.caseimage}">
<f:image src="{usecase.caseimage.originalResource.originalFile.uid}" title="{usecase.title}" alt="{usecase.title}" class="img-fluid rounded-start h-100 object-cover" />
</f:if>
</div>
<div class="col-md-8">
<div class="card-body h-100 d-flex flex-column">
<div class="d-flex align-items-center mb-3">
<f:if condition="{usecase.logoimage}">
<f:image src="{usecase.logoimage.originalResource.originalFile.uid}" title="{usecase.title}" alt="{usecase.title}" class="me-3" style="width: 40px; height: 40px; object-fit: contain;"/>
</f:if>
<div>
<h4 class="card-title mb-0">{usecase.title}</h4>
<small class="text-primary fw-bold">{usecase.subtitle}</small>
</div>
</div>
<p class="card-text flex-grow-1">
<f:format.html>{usecase.description}</f:format.html>
</p>
<f:if condition="{usecase.categories}">
<div class="mb-3">
<f:for each="{usecase.categories}" as="category">
<f:if condition="{category.parent.uid} == 18">
<span class="badge bg-danger me-1">{category.title}</span>
</f:if>
</f:for>
</div>
</f:if>
<f:link.typolink parameter="{usecase.singlepid}" class="btn btn-outline-primary">
Read More →
</f:link.typolink>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</f:section>
<!-- Hero Layout -->
<f:section name="heroLayout">
<f:if condition="{settings.debug}">
<f:debug>{_all}</f:debug>
<code>
File path: vscode://file/vitec/Resources/Private/Templates/Usecase/Show.html
</code>
</f:if>
<div class="hero-section position-relative" style="min-height: 60vh;">
<f:if condition="{usecase.caseimage}">
<div class="hero-bg position-absolute w-100 h-100" style="background-image: url('{f:uri.image(src: usecase.caseimage.originalResource.originalFile.uid)}'); background-size: cover; background-position: center; opacity: 0.3;"></div>
</f:if>
<div class="container position-relative h-100 d-flex align-items-center">
<div class="row w-100">
<div class="col-lg-8 col-xl-6">
<div class="d-flex align-items-center mb-4">
<f:if condition="{usecase.logoimage}">
<f:image src="{usecase.logoimage.originalResource.originalFile.uid}" title="{usecase.title}" alt="{usecase.title}" class="me-4" style="width: 80px; height: 80px; object-fit: contain;"/>
</f:if>
<div>
<h1 class="display-4 fw-bold mb-2">{usecase.title}</h1>
<h2 class="h4 text-primary">{usecase.subtitle}</h2>
</div>
</div>
<div class="lead mb-4">
<f:format.html>{usecase.description}</f:format.html>
</div>
<f:link.typolink parameter="{usecase.singlepid}" class="btn btn-primary btn-lg">
Discover the Success Story
</f:link.typolink>
</div>
</div>
</div>
</div>
</f:section>
<!-- Compact Layout -->
<f:section name="compactLayout">
<f:if condition="{settings.debug}">
<f:debug>{_all}</f:debug>
<code>
File path: vscode://file/vitec/Resources/Private/Templates/Usecase/Show.html
</code>
</f:if>
<div class="container py-3">
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center p-3 border rounded-3 bg-light">
<f:if condition="{usecase.logoimage}">
<f:image src="{usecase.logoimage.originalResource.originalFile.uid}" title="{usecase.title}" alt="{usecase.title}" class="me-3 rounded" style="width: 60px; height: 60px; object-fit: contain;"/>
</f:if>
<div class="flex-grow-1">
<h5 class="mb-1">{usecase.title}</h5>
<p class="mb-1 text-muted">{usecase.subtitle}</p>
<small class="text-truncate d-block">
<f:format.stripTags><f:format.crop maxCharacters="100">{usecase.description}</f:format.crop></f:format.stripTags>
</small>
</div>
<f:link.typolink parameter="{usecase.singlepid}" class="btn btn-sm btn-outline-primary ms-3">
View
</f:link.typolink>
</div>
</div>
</div>
</div>
</f:section>
@@ -0,0 +1,205 @@
/* =============================================================
VITEC Backend Preview Styles
Wird über <f:asset.css> in den Content Blocks eingebunden
============================================================= */
.vitec-preview {
display: grid;
grid-template-columns: auto 1fr auto;
gap: 1rem;
padding: 0.75rem;
border-left: 4px solid var(--vitec-accent, #F47937);
background: var(--typo3-state-default-bg, #f8f9fa);
border-radius: 4px;
align-items: start;
font-size: 0.875rem;
line-height: 1.4;
}
.vitec-preview--orange { border-left-color: #F47937; }
.vitec-preview--blue { border-left-color: #26358C; }
.vitec-preview--graphite { border-left-color: #313131; }
.vitec-preview--midnight { border-left-color: #0D0D0D; }
.vitec-preview--light { border-left-color: #cccccc; }
/* Thumbnail-Slot */
.vitec-preview__thumb {
width: 120px;
height: 80px;
object-fit: cover;
border-radius: 3px;
background: #e5e5e5;
flex-shrink: 0;
}
.vitec-preview__thumb-placeholder {
width: 120px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
background: repeating-linear-gradient(
45deg,
#e5e5e5,
#e5e5e5 8px,
#f0f0f0 8px,
#f0f0f0 16px
);
color: #999;
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.05em;
border-radius: 3px;
flex-shrink: 0;
}
/* Content-Slot */
.vitec-preview__body {
min-width: 0;
}
.vitec-preview__label {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #666;
font-weight: 600;
margin-bottom: 0.35rem;
}
.vitec-preview__eyebrow {
font-size: 0.7rem;
color: #F47937;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 0.15rem;
}
.vitec-preview__headline {
font-size: 1rem;
font-weight: 600;
margin: 0 0 0.2rem 0;
color: var(--typo3-text-color, #333);
}
.vitec-preview__subline {
font-size: 0.85rem;
color: #666;
margin-bottom: 0.35rem;
}
.vitec-preview__body-text {
font-size: 0.8rem;
color: #555;
margin-bottom: 0.5rem;
max-height: 2.6em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* Settings-Slot (Badges) */
.vitec-preview__settings {
display: flex;
flex-direction: column;
gap: 0.25rem;
align-items: flex-end;
min-width: 120px;
}
.vitec-badge {
display: inline-flex;
align-items: center;
gap: 0.3rem;
padding: 0.15rem 0.5rem;
font-size: 0.7rem;
background: rgba(0,0,0,0.06);
border-radius: 3px;
color: #444;
white-space: nowrap;
}
.vitec-badge--primary {
background: #F47937;
color: white;
}
.vitec-badge--secondary {
background: transparent;
border: 1px solid #F47937;
color: #F47937;
}
.vitec-badge--warning {
background: #fef3c7;
color: #92400e;
}
.vitec-badge__dot {
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
}
.vitec-badge__dot--orange { background: #F47937; }
.vitec-badge__dot--blue { background: #26358C; }
.vitec-badge__dot--graphite { background: #313131; }
.vitec-badge__dot--midnight { background: #0D0D0D; }
.vitec-badge__dot--light { background: #cccccc; border: 1px solid #999; }
/* CTA-Leiste */
.vitec-preview__ctas {
display: flex;
gap: 0.4rem;
margin-top: 0.4rem;
flex-wrap: wrap;
}
.vitec-preview__cta-btn {
display: inline-block;
padding: 0.15rem 0.6rem;
background: #F47937;
color: white !important;
font-size: 0.75rem;
border-radius: 3px;
text-decoration: none;
}
.vitec-preview__cta-btn--secondary {
background: transparent;
color: #F47937 !important;
border: 1px solid #F47937;
}
/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
.vitec-preview {
background: rgba(255,255,255,0.04);
}
.vitec-preview__headline {
color: #eee;
}
.vitec-preview__subline,
.vitec-preview__body-text {
color: #bbb;
}
.vitec-badge {
background: rgba(255,255,255,0.08);
color: #ddd;
}
}
/* Responsive Fallback */
@media (max-width: 680px) {
.vitec-preview {
grid-template-columns: 1fr;
}
.vitec-preview__settings {
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
}
}
@@ -0,0 +1,90 @@
/* RTE backend content styles for VITEC preset preview */
.lead {
font-size: 1.125rem;
line-height: 1.6;
font-weight: 500;
}
.blockquote {
border-left: 4px solid #f47937;
margin: 1rem 0;
padding: 0.5rem 1rem;
color: #313131;
}
.highlight-yellow {
background-color: #fff9c4;
}
.highlight-green {
background-color: #c8e6c9;
}
.btn-vitec {
display: inline-block;
padding: 0.6rem 1rem;
border-radius: 0.25rem;
border: 1px solid transparent;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
}
.btn-vitec--orange {
background-color: #f47937;
border-color: #f47937;
color: #ffffff;
}
.btn-vitec--blue {
background-color: #26358c;
border-color: #26358c;
color: #ffffff;
}
.btn-vitec--graphite {
background-color: #313131;
border-color: #313131;
color: #ffffff;
}
.btn-vitec--midnight {
background-color: #0d0d0d;
border-color: #0d0d0d;
color: #ffffff;
}
.btn-vitec--light {
background-color: #cccccc;
border-color: #cccccc;
color: #0d0d0d;
}
.btn-vitec--outline-orange {
background-color: transparent;
border-color: #f47937;
color: #f47937;
}
.btn-vitec--outline-blue {
background-color: transparent;
border-color: #26358c;
color: #26358c;
}
.text-start {
text-align: left;
}
.text-center {
text-align: center;
}
.text-end {
text-align: right;
}
.text-justify {
text-align: justify;
}
@@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill="#666" d="M12.053 11.026c-.238.07-.427.095-.674.095-2.033 0-5.017-7.1-5.017-9.462 0-.87.207-1.16.497-1.41C4.373.54 1.39 1.452.435 2.613c-.207.29-.332.746-.332 1.326C.103 7.628 4.04 16 6.82 16c1.283 0 3.45-2.114 5.233-4.974M10.756 0c2.57 0 5.14.415 5.14 1.865 0 2.943-1.865 6.508-2.818 6.508-1.7 0-3.814-4.725-3.814-7.088C9.264.207 9.68 0 10.756 0"></path>
</svg>

After

Width:  |  Height:  |  Size: 476 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 233 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 230 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 B

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect x="1" y="3" width="3.13" height="10" rx="0.5" fill="#0078d4"/><rect x="4.63" y="3" width="3.13" height="10" rx="0.5" fill="#0078d4"/><rect x="8.25" y="3" width="3.13" height="10" rx="0.5" fill="#0078d4"/><rect x="11.88" y="3" width="3.13" height="10" rx="0.5" fill="#0078d4"/></svg>

After

Width:  |  Height:  |  Size: 349 B

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect x="1" y="3" width="4.33" height="10" rx="0.5" fill="#0078d4"/><rect x="5.83" y="3" width="4.33" height="10" rx="0.5" fill="#0078d4"/><rect x="10.67" y="3" width="4.33" height="10" rx="0.5" fill="#0078d4"/></svg>

After

Width:  |  Height:  |  Size: 278 B

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect x="1" y="3" width="4.5" height="10" rx="0.5" fill="#0078d4"/><rect x="6.5" y="3" width="9" height="10" rx="0.5" fill="#0078d4"/></svg>

After

Width:  |  Height:  |  Size: 201 B

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect x="1" y="3" width="6.5" height="10" rx="0.5" fill="#0078d4"/><rect x="8.5" y="3" width="6.5" height="10" rx="0.5" fill="#0078d4"/></svg>

After

Width:  |  Height:  |  Size: 203 B

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect x="1" y="3" width="9" height="10" rx="0.5" fill="#0078d4"/><rect x="10.5" y="3" width="4.5" height="10" rx="0.5" fill="#0078d4"/></svg>

After

Width:  |  Height:  |  Size: 202 B

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48">
<path d="M0 0 C1 2 1 2 0.47094727 3.97119141 C0.17244873 4.75671387 -0.1260498 5.54223633 -0.43359375 6.3515625 C-0.75263672 7.20234375 -1.07167969 8.053125 -1.40039062 8.9296875 C-1.91375977 10.26386719 -1.91375977 10.26386719 -2.4375 11.625 C-2.94506836 12.97078125 -2.94506836 12.97078125 -3.46289062 14.34375 C-4.30182988 16.56516661 -5.1477775 18.78365271 -6 21 C-3.69 21.33 -1.38 21.66 1 22 C1 24.64 1 27.28 1 30 C-2.63 30.33 -6.26 30.66 -10 31 C-10.99 33.475 -10.99 33.475 -12 36 C-20.25 36 -28.5 36 -37 36 C-36 33 -36 33 -33 31 C-35.64 30.67 -38.28 30.34 -41 30 C-41 27.36 -41 24.72 -41 22 C-39.27716797 22.10054687 -39.27716797 22.10054687 -37.51953125 22.203125 C-29.87945819 22.38141538 -23.51926283 22.36205615 -17.58935547 17.09179688 C-15.48023676 14.97943835 -13.44468552 12.81704073 -11.45947266 10.58789062 C-9.19084133 8.11964404 -6.70615909 5.96219288 -4.1875 3.75 C-3.37667969 3.02296875 -2.56585938 2.2959375 -1.73046875 1.546875 C-1.15941406 1.03640625 -0.58835938 0.5259375 0 0 Z " fill="#29368A" transform="translate(44,6)"/>
<path d="M0 0 C-3.1992161 5.19872616 -5.65869254 7.22519779 -11.69067383 8.66967773 C-13.11042869 8.97434265 -14.5308502 9.27591666 -15.9519043 9.57446289 C-20.94692383 10.6462687 -24.95217674 12.18969172 -29.30078125 14.94921875 C-31 16 -31 16 -34 17 C-35.20882096 19.00016466 -35.20882096 19.00016466 -36 21 C-37 18 -37 18 -36.1015625 16.16796875 C-27.57803174 4.735614 -14.34016785 -1.14721343 0 0 Z " fill="#26348D" transform="translate(40,6)"/>
<path d="M0 0 C1 2 1 2 0.48681641 3.95532227 C0.04861572 5.12405884 0.04861572 5.12405884 -0.3984375 6.31640625 C-0.71296875 7.16267578 -1.0275 8.00894531 -1.3515625 8.88085938 C-1.68929687 9.76580078 -2.02703125 10.65074219 -2.375 11.5625 C-2.705 12.45130859 -3.035 13.34011719 -3.375 14.25585938 C-5.84950206 20.84950206 -5.84950206 20.84950206 -7 22 C-9.69654854 22.07319621 -12.36691458 22.09242537 -15.0625 22.0625 C-15.82111328 22.05798828 -16.57972656 22.05347656 -17.36132812 22.04882812 C-19.24091871 22.0370068 -21.12046899 22.01907078 -23 22 C-22.32066406 21.32195313 -21.64132813 20.64390625 -20.94140625 19.9453125 C-18.81726791 17.82192236 -16.70207976 15.68991463 -14.58984375 13.5546875 C-13.37243516 12.32808597 -12.15498658 11.10152412 -10.9375 9.875 C-10.02000977 8.94494141 -10.02000977 8.94494141 -9.08398438 7.99609375 C-6.19625534 5.09275537 -3.39542484 2.32006585 0 0 Z " fill="#F47736" transform="translate(44,6)"/>
<path d="M0 0 C0.97904297 0.01804688 1.95808594 0.03609375 2.96679688 0.0546875 C5.37470771 0.10167113 7.78059335 0.16734306 10.1875 0.25 C9.5275 2.56 8.8675 4.87 8.1875 7.25 C-0.0625 7.25 -8.3125 7.25 -16.8125 7.25 C-14.07610413 -0.95918761 -7.34674835 -0.25656878 0 0 Z " fill="#F07638" transform="translate(23.8125,34.75)"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48">
<path d="M0 0 C1 2 1 2 0.47094727 3.97119141 C0.17244873 4.75671387 -0.1260498 5.54223633 -0.43359375 6.3515625 C-0.75263672 7.20234375 -1.07167969 8.053125 -1.40039062 8.9296875 C-1.91375977 10.26386719 -1.91375977 10.26386719 -2.4375 11.625 C-2.94506836 12.97078125 -2.94506836 12.97078125 -3.46289062 14.34375 C-4.30182988 16.56516661 -5.1477775 18.78365271 -6 21 C-3.69 21.33 -1.38 21.66 1 22 C1 24.64 1 27.28 1 30 C-2.63 30.33 -6.26 30.66 -10 31 C-10.99 33.475 -10.99 33.475 -12 36 C-20.25 36 -28.5 36 -37 36 C-36 33 -36 33 -33 31 C-35.64 30.67 -38.28 30.34 -41 30 C-41 27.36 -41 24.72 -41 22 C-39.27716797 22.10054687 -39.27716797 22.10054687 -37.51953125 22.203125 C-29.87945819 22.38141538 -23.51926283 22.36205615 -17.58935547 17.09179688 C-15.48023676 14.97943835 -13.44468552 12.81704073 -11.45947266 10.58789062 C-9.19084133 8.11964404 -6.70615909 5.96219288 -4.1875 3.75 C-3.37667969 3.02296875 -2.56585938 2.2959375 -1.73046875 1.546875 C-1.15941406 1.03640625 -0.58835938 0.5259375 0 0 Z " fill="#29368A" transform="translate(44,6)"/>
<path d="M0 0 C-3.1992161 5.19872616 -5.65869254 7.22519779 -11.69067383 8.66967773 C-13.11042869 8.97434265 -14.5308502 9.27591666 -15.9519043 9.57446289 C-20.94692383 10.6462687 -24.95217674 12.18969172 -29.30078125 14.94921875 C-31 16 -31 16 -34 17 C-35.20882096 19.00016466 -35.20882096 19.00016466 -36 21 C-37 18 -37 18 -36.1015625 16.16796875 C-27.57803174 4.735614 -14.34016785 -1.14721343 0 0 Z " fill="#26348D" transform="translate(40,6)"/>
<path d="M0 0 C1 2 1 2 0.48681641 3.95532227 C0.04861572 5.12405884 0.04861572 5.12405884 -0.3984375 6.31640625 C-0.71296875 7.16267578 -1.0275 8.00894531 -1.3515625 8.88085938 C-1.68929687 9.76580078 -2.02703125 10.65074219 -2.375 11.5625 C-2.705 12.45130859 -3.035 13.34011719 -3.375 14.25585938 C-5.84950206 20.84950206 -5.84950206 20.84950206 -7 22 C-9.69654854 22.07319621 -12.36691458 22.09242537 -15.0625 22.0625 C-15.82111328 22.05798828 -16.57972656 22.05347656 -17.36132812 22.04882812 C-19.24091871 22.0370068 -21.12046899 22.01907078 -23 22 C-22.32066406 21.32195313 -21.64132813 20.64390625 -20.94140625 19.9453125 C-18.81726791 17.82192236 -16.70207976 15.68991463 -14.58984375 13.5546875 C-13.37243516 12.32808597 -12.15498658 11.10152412 -10.9375 9.875 C-10.02000977 8.94494141 -10.02000977 8.94494141 -9.08398438 7.99609375 C-6.19625534 5.09275537 -3.39542484 2.32006585 0 0 Z " fill="#F47736" transform="translate(44,6)"/>
<path d="M0 0 C0.97904297 0.01804688 1.95808594 0.03609375 2.96679688 0.0546875 C5.37470771 0.10167113 7.78059335 0.16734306 10.1875 0.25 C9.5275 2.56 8.8675 4.87 8.1875 7.25 C-0.0625 7.25 -8.3125 7.25 -16.8125 7.25 C-14.07610413 -0.95918761 -7.34674835 -0.25656878 0 0 Z " fill="#F07638" transform="translate(23.8125,34.75)"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48">
<path d="M0 0 C1 2 1 2 0.47094727 3.97119141 C0.17244873 4.75671387 -0.1260498 5.54223633 -0.43359375 6.3515625 C-0.75263672 7.20234375 -1.07167969 8.053125 -1.40039062 8.9296875 C-1.91375977 10.26386719 -1.91375977 10.26386719 -2.4375 11.625 C-2.94506836 12.97078125 -2.94506836 12.97078125 -3.46289062 14.34375 C-4.30182988 16.56516661 -5.1477775 18.78365271 -6 21 C-3.69 21.33 -1.38 21.66 1 22 C1 24.64 1 27.28 1 30 C-2.63 30.33 -6.26 30.66 -10 31 C-10.99 33.475 -10.99 33.475 -12 36 C-20.25 36 -28.5 36 -37 36 C-36 33 -36 33 -33 31 C-35.64 30.67 -38.28 30.34 -41 30 C-41 27.36 -41 24.72 -41 22 C-39.27716797 22.10054687 -39.27716797 22.10054687 -37.51953125 22.203125 C-29.87945819 22.38141538 -23.51926283 22.36205615 -17.58935547 17.09179688 C-15.48023676 14.97943835 -13.44468552 12.81704073 -11.45947266 10.58789062 C-9.19084133 8.11964404 -6.70615909 5.96219288 -4.1875 3.75 C-3.37667969 3.02296875 -2.56585938 2.2959375 -1.73046875 1.546875 C-1.15941406 1.03640625 -0.58835938 0.5259375 0 0 Z " fill="#29368A" transform="translate(44,6)"/>
<path d="M0 0 C-3.1992161 5.19872616 -5.65869254 7.22519779 -11.69067383 8.66967773 C-13.11042869 8.97434265 -14.5308502 9.27591666 -15.9519043 9.57446289 C-20.94692383 10.6462687 -24.95217674 12.18969172 -29.30078125 14.94921875 C-31 16 -31 16 -34 17 C-35.20882096 19.00016466 -35.20882096 19.00016466 -36 21 C-37 18 -37 18 -36.1015625 16.16796875 C-27.57803174 4.735614 -14.34016785 -1.14721343 0 0 Z " fill="#26348D" transform="translate(40,6)"/>
<path d="M0 0 C1 2 1 2 0.48681641 3.95532227 C0.04861572 5.12405884 0.04861572 5.12405884 -0.3984375 6.31640625 C-0.71296875 7.16267578 -1.0275 8.00894531 -1.3515625 8.88085938 C-1.68929687 9.76580078 -2.02703125 10.65074219 -2.375 11.5625 C-2.705 12.45130859 -3.035 13.34011719 -3.375 14.25585938 C-5.84950206 20.84950206 -5.84950206 20.84950206 -7 22 C-9.69654854 22.07319621 -12.36691458 22.09242537 -15.0625 22.0625 C-15.82111328 22.05798828 -16.57972656 22.05347656 -17.36132812 22.04882812 C-19.24091871 22.0370068 -21.12046899 22.01907078 -23 22 C-22.32066406 21.32195313 -21.64132813 20.64390625 -20.94140625 19.9453125 C-18.81726791 17.82192236 -16.70207976 15.68991463 -14.58984375 13.5546875 C-13.37243516 12.32808597 -12.15498658 11.10152412 -10.9375 9.875 C-10.02000977 8.94494141 -10.02000977 8.94494141 -9.08398438 7.99609375 C-6.19625534 5.09275537 -3.39542484 2.32006585 0 0 Z " fill="#F47736" transform="translate(44,6)"/>
<path d="M0 0 C0.97904297 0.01804688 1.95808594 0.03609375 2.96679688 0.0546875 C5.37470771 0.10167113 7.78059335 0.16734306 10.1875 0.25 C9.5275 2.56 8.8675 4.87 8.1875 7.25 C-0.0625 7.25 -8.3125 7.25 -16.8125 7.25 C-14.07610413 -0.95918761 -7.34674835 -0.25656878 0 0 Z " fill="#F07638" transform="translate(23.8125,34.75)"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48">
<path d="M0 0 C1 2 1 2 0.47094727 3.97119141 C0.17244873 4.75671387 -0.1260498 5.54223633 -0.43359375 6.3515625 C-0.75263672 7.20234375 -1.07167969 8.053125 -1.40039062 8.9296875 C-1.91375977 10.26386719 -1.91375977 10.26386719 -2.4375 11.625 C-2.94506836 12.97078125 -2.94506836 12.97078125 -3.46289062 14.34375 C-4.30182988 16.56516661 -5.1477775 18.78365271 -6 21 C-3.69 21.33 -1.38 21.66 1 22 C1 24.64 1 27.28 1 30 C-2.63 30.33 -6.26 30.66 -10 31 C-10.99 33.475 -10.99 33.475 -12 36 C-20.25 36 -28.5 36 -37 36 C-36 33 -36 33 -33 31 C-35.64 30.67 -38.28 30.34 -41 30 C-41 27.36 -41 24.72 -41 22 C-39.27716797 22.10054687 -39.27716797 22.10054687 -37.51953125 22.203125 C-29.87945819 22.38141538 -23.51926283 22.36205615 -17.58935547 17.09179688 C-15.48023676 14.97943835 -13.44468552 12.81704073 -11.45947266 10.58789062 C-9.19084133 8.11964404 -6.70615909 5.96219288 -4.1875 3.75 C-3.37667969 3.02296875 -2.56585938 2.2959375 -1.73046875 1.546875 C-1.15941406 1.03640625 -0.58835938 0.5259375 0 0 Z " fill="#29368A" transform="translate(44,6)"/>
<path d="M0 0 C-3.1992161 5.19872616 -5.65869254 7.22519779 -11.69067383 8.66967773 C-13.11042869 8.97434265 -14.5308502 9.27591666 -15.9519043 9.57446289 C-20.94692383 10.6462687 -24.95217674 12.18969172 -29.30078125 14.94921875 C-31 16 -31 16 -34 17 C-35.20882096 19.00016466 -35.20882096 19.00016466 -36 21 C-37 18 -37 18 -36.1015625 16.16796875 C-27.57803174 4.735614 -14.34016785 -1.14721343 0 0 Z " fill="#26348D" transform="translate(40,6)"/>
<path d="M0 0 C1 2 1 2 0.48681641 3.95532227 C0.04861572 5.12405884 0.04861572 5.12405884 -0.3984375 6.31640625 C-0.71296875 7.16267578 -1.0275 8.00894531 -1.3515625 8.88085938 C-1.68929687 9.76580078 -2.02703125 10.65074219 -2.375 11.5625 C-2.705 12.45130859 -3.035 13.34011719 -3.375 14.25585938 C-5.84950206 20.84950206 -5.84950206 20.84950206 -7 22 C-9.69654854 22.07319621 -12.36691458 22.09242537 -15.0625 22.0625 C-15.82111328 22.05798828 -16.57972656 22.05347656 -17.36132812 22.04882812 C-19.24091871 22.0370068 -21.12046899 22.01907078 -23 22 C-22.32066406 21.32195313 -21.64132813 20.64390625 -20.94140625 19.9453125 C-18.81726791 17.82192236 -16.70207976 15.68991463 -14.58984375 13.5546875 C-13.37243516 12.32808597 -12.15498658 11.10152412 -10.9375 9.875 C-10.02000977 8.94494141 -10.02000977 8.94494141 -9.08398438 7.99609375 C-6.19625534 5.09275537 -3.39542484 2.32006585 0 0 Z " fill="#F47736" transform="translate(44,6)"/>
<path d="M0 0 C0.97904297 0.01804688 1.95808594 0.03609375 2.96679688 0.0546875 C5.37470771 0.10167113 7.78059335 0.16734306 10.1875 0.25 C9.5275 2.56 8.8675 4.87 8.1875 7.25 C-0.0625 7.25 -8.3125 7.25 -16.8125 7.25 C-14.07610413 -0.95918761 -7.34674835 -0.25656878 0 0 Z " fill="#F07638" transform="translate(23.8125,34.75)"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48">
<path d="M0 0 C1 2 1 2 0.47094727 3.97119141 C0.17244873 4.75671387 -0.1260498 5.54223633 -0.43359375 6.3515625 C-0.75263672 7.20234375 -1.07167969 8.053125 -1.40039062 8.9296875 C-1.91375977 10.26386719 -1.91375977 10.26386719 -2.4375 11.625 C-2.94506836 12.97078125 -2.94506836 12.97078125 -3.46289062 14.34375 C-4.30182988 16.56516661 -5.1477775 18.78365271 -6 21 C-3.69 21.33 -1.38 21.66 1 22 C1 24.64 1 27.28 1 30 C-2.63 30.33 -6.26 30.66 -10 31 C-10.99 33.475 -10.99 33.475 -12 36 C-20.25 36 -28.5 36 -37 36 C-36 33 -36 33 -33 31 C-35.64 30.67 -38.28 30.34 -41 30 C-41 27.36 -41 24.72 -41 22 C-39.27716797 22.10054687 -39.27716797 22.10054687 -37.51953125 22.203125 C-29.87945819 22.38141538 -23.51926283 22.36205615 -17.58935547 17.09179688 C-15.48023676 14.97943835 -13.44468552 12.81704073 -11.45947266 10.58789062 C-9.19084133 8.11964404 -6.70615909 5.96219288 -4.1875 3.75 C-3.37667969 3.02296875 -2.56585938 2.2959375 -1.73046875 1.546875 C-1.15941406 1.03640625 -0.58835938 0.5259375 0 0 Z " fill="#29368A" transform="translate(44,6)"/>
<path d="M0 0 C-3.1992161 5.19872616 -5.65869254 7.22519779 -11.69067383 8.66967773 C-13.11042869 8.97434265 -14.5308502 9.27591666 -15.9519043 9.57446289 C-20.94692383 10.6462687 -24.95217674 12.18969172 -29.30078125 14.94921875 C-31 16 -31 16 -34 17 C-35.20882096 19.00016466 -35.20882096 19.00016466 -36 21 C-37 18 -37 18 -36.1015625 16.16796875 C-27.57803174 4.735614 -14.34016785 -1.14721343 0 0 Z " fill="#26348D" transform="translate(40,6)"/>
<path d="M0 0 C1 2 1 2 0.48681641 3.95532227 C0.04861572 5.12405884 0.04861572 5.12405884 -0.3984375 6.31640625 C-0.71296875 7.16267578 -1.0275 8.00894531 -1.3515625 8.88085938 C-1.68929687 9.76580078 -2.02703125 10.65074219 -2.375 11.5625 C-2.705 12.45130859 -3.035 13.34011719 -3.375 14.25585938 C-5.84950206 20.84950206 -5.84950206 20.84950206 -7 22 C-9.69654854 22.07319621 -12.36691458 22.09242537 -15.0625 22.0625 C-15.82111328 22.05798828 -16.57972656 22.05347656 -17.36132812 22.04882812 C-19.24091871 22.0370068 -21.12046899 22.01907078 -23 22 C-22.32066406 21.32195313 -21.64132813 20.64390625 -20.94140625 19.9453125 C-18.81726791 17.82192236 -16.70207976 15.68991463 -14.58984375 13.5546875 C-13.37243516 12.32808597 -12.15498658 11.10152412 -10.9375 9.875 C-10.02000977 8.94494141 -10.02000977 8.94494141 -9.08398438 7.99609375 C-6.19625534 5.09275537 -3.39542484 2.32006585 0 0 Z " fill="#F47736" transform="translate(44,6)"/>
<path d="M0 0 C0.97904297 0.01804688 1.95808594 0.03609375 2.96679688 0.0546875 C5.37470771 0.10167113 7.78059335 0.16734306 10.1875 0.25 C9.5275 2.56 8.8675 4.87 8.1875 7.25 C-0.0625 7.25 -8.3125 7.25 -16.8125 7.25 C-14.07610413 -0.95918761 -7.34674835 -0.25656878 0 0 Z " fill="#F07638" transform="translate(23.8125,34.75)"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

@@ -0,0 +1,7 @@
<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<rect width="100" height="100" fill="rgb(38, 53, 140)"></rect>
<rect x="20" y="25" width="60" height="50" rx="4" fill="white"></rect>
<rect x="25" y="30" width="50" height="8" fill="rgb(38, 53, 140)"></rect>
<rect x="25" y="42" width="40" height="5" fill="rgb(38, 53, 140)"></rect>
<rect x="25" y="50" width="35" height="5" fill="rgb(38, 53, 140)"></rect>
</svg>

After

Width:  |  Height:  |  Size: 461 B

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48">
<path d="M0 0 C1 2 1 2 0.47094727 3.97119141 C0.17244873 4.75671387 -0.1260498 5.54223633 -0.43359375 6.3515625 C-0.75263672 7.20234375 -1.07167969 8.053125 -1.40039062 8.9296875 C-1.91375977 10.26386719 -1.91375977 10.26386719 -2.4375 11.625 C-2.94506836 12.97078125 -2.94506836 12.97078125 -3.46289062 14.34375 C-4.30182988 16.56516661 -5.1477775 18.78365271 -6 21 C-3.69 21.33 -1.38 21.66 1 22 C1 24.64 1 27.28 1 30 C-2.63 30.33 -6.26 30.66 -10 31 C-10.99 33.475 -10.99 33.475 -12 36 C-20.25 36 -28.5 36 -37 36 C-36 33 -36 33 -33 31 C-35.64 30.67 -38.28 30.34 -41 30 C-41 27.36 -41 24.72 -41 22 C-39.27716797 22.10054687 -39.27716797 22.10054687 -37.51953125 22.203125 C-29.87945819 22.38141538 -23.51926283 22.36205615 -17.58935547 17.09179688 C-15.48023676 14.97943835 -13.44468552 12.81704073 -11.45947266 10.58789062 C-9.19084133 8.11964404 -6.70615909 5.96219288 -4.1875 3.75 C-3.37667969 3.02296875 -2.56585938 2.2959375 -1.73046875 1.546875 C-1.15941406 1.03640625 -0.58835938 0.5259375 0 0 Z " fill="#29368A" transform="translate(44,6)"/>
<path d="M0 0 C-3.1992161 5.19872616 -5.65869254 7.22519779 -11.69067383 8.66967773 C-13.11042869 8.97434265 -14.5308502 9.27591666 -15.9519043 9.57446289 C-20.94692383 10.6462687 -24.95217674 12.18969172 -29.30078125 14.94921875 C-31 16 -31 16 -34 17 C-35.20882096 19.00016466 -35.20882096 19.00016466 -36 21 C-37 18 -37 18 -36.1015625 16.16796875 C-27.57803174 4.735614 -14.34016785 -1.14721343 0 0 Z " fill="#26348D" transform="translate(40,6)"/>
<path d="M0 0 C1 2 1 2 0.48681641 3.95532227 C0.04861572 5.12405884 0.04861572 5.12405884 -0.3984375 6.31640625 C-0.71296875 7.16267578 -1.0275 8.00894531 -1.3515625 8.88085938 C-1.68929687 9.76580078 -2.02703125 10.65074219 -2.375 11.5625 C-2.705 12.45130859 -3.035 13.34011719 -3.375 14.25585938 C-5.84950206 20.84950206 -5.84950206 20.84950206 -7 22 C-9.69654854 22.07319621 -12.36691458 22.09242537 -15.0625 22.0625 C-15.82111328 22.05798828 -16.57972656 22.05347656 -17.36132812 22.04882812 C-19.24091871 22.0370068 -21.12046899 22.01907078 -23 22 C-22.32066406 21.32195313 -21.64132813 20.64390625 -20.94140625 19.9453125 C-18.81726791 17.82192236 -16.70207976 15.68991463 -14.58984375 13.5546875 C-13.37243516 12.32808597 -12.15498658 11.10152412 -10.9375 9.875 C-10.02000977 8.94494141 -10.02000977 8.94494141 -9.08398438 7.99609375 C-6.19625534 5.09275537 -3.39542484 2.32006585 0 0 Z " fill="#F47736" transform="translate(44,6)"/>
<path d="M0 0 C0.97904297 0.01804688 1.95808594 0.03609375 2.96679688 0.0546875 C5.37470771 0.10167113 7.78059335 0.16734306 10.1875 0.25 C9.5275 2.56 8.8675 4.87 8.1875 7.25 C-0.0625 7.25 -8.3125 7.25 -16.8125 7.25 C-14.07610413 -0.95918761 -7.34674835 -0.25656878 0 0 Z " fill="#F07638" transform="translate(23.8125,34.75)"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48">
<path d="M0 0 C1 2 1 2 0.47094727 3.97119141 C0.17244873 4.75671387 -0.1260498 5.54223633 -0.43359375 6.3515625 C-0.75263672 7.20234375 -1.07167969 8.053125 -1.40039062 8.9296875 C-1.91375977 10.26386719 -1.91375977 10.26386719 -2.4375 11.625 C-2.94506836 12.97078125 -2.94506836 12.97078125 -3.46289062 14.34375 C-4.30182988 16.56516661 -5.1477775 18.78365271 -6 21 C-3.69 21.33 -1.38 21.66 1 22 C1 24.64 1 27.28 1 30 C-2.63 30.33 -6.26 30.66 -10 31 C-10.99 33.475 -10.99 33.475 -12 36 C-20.25 36 -28.5 36 -37 36 C-36 33 -36 33 -33 31 C-35.64 30.67 -38.28 30.34 -41 30 C-41 27.36 -41 24.72 -41 22 C-39.27716797 22.10054687 -39.27716797 22.10054687 -37.51953125 22.203125 C-29.87945819 22.38141538 -23.51926283 22.36205615 -17.58935547 17.09179688 C-15.48023676 14.97943835 -13.44468552 12.81704073 -11.45947266 10.58789062 C-9.19084133 8.11964404 -6.70615909 5.96219288 -4.1875 3.75 C-3.37667969 3.02296875 -2.56585938 2.2959375 -1.73046875 1.546875 C-1.15941406 1.03640625 -0.58835938 0.5259375 0 0 Z " fill="#29368A" transform="translate(44,6)"/>
<path d="M0 0 C-3.1992161 5.19872616 -5.65869254 7.22519779 -11.69067383 8.66967773 C-13.11042869 8.97434265 -14.5308502 9.27591666 -15.9519043 9.57446289 C-20.94692383 10.6462687 -24.95217674 12.18969172 -29.30078125 14.94921875 C-31 16 -31 16 -34 17 C-35.20882096 19.00016466 -35.20882096 19.00016466 -36 21 C-37 18 -37 18 -36.1015625 16.16796875 C-27.57803174 4.735614 -14.34016785 -1.14721343 0 0 Z " fill="#26348D" transform="translate(40,6)"/>
<path d="M0 0 C1 2 1 2 0.48681641 3.95532227 C0.04861572 5.12405884 0.04861572 5.12405884 -0.3984375 6.31640625 C-0.71296875 7.16267578 -1.0275 8.00894531 -1.3515625 8.88085938 C-1.68929687 9.76580078 -2.02703125 10.65074219 -2.375 11.5625 C-2.705 12.45130859 -3.035 13.34011719 -3.375 14.25585938 C-5.84950206 20.84950206 -5.84950206 20.84950206 -7 22 C-9.69654854 22.07319621 -12.36691458 22.09242537 -15.0625 22.0625 C-15.82111328 22.05798828 -16.57972656 22.05347656 -17.36132812 22.04882812 C-19.24091871 22.0370068 -21.12046899 22.01907078 -23 22 C-22.32066406 21.32195313 -21.64132813 20.64390625 -20.94140625 19.9453125 C-18.81726791 17.82192236 -16.70207976 15.68991463 -14.58984375 13.5546875 C-13.37243516 12.32808597 -12.15498658 11.10152412 -10.9375 9.875 C-10.02000977 8.94494141 -10.02000977 8.94494141 -9.08398438 7.99609375 C-6.19625534 5.09275537 -3.39542484 2.32006585 0 0 Z " fill="#F47736" transform="translate(44,6)"/>
<path d="M0 0 C0.97904297 0.01804688 1.95808594 0.03609375 2.96679688 0.0546875 C5.37470771 0.10167113 7.78059335 0.16734306 10.1875 0.25 C9.5275 2.56 8.8675 4.87 8.1875 7.25 C-0.0625 7.25 -8.3125 7.25 -16.8125 7.25 C-14.07610413 -0.95918761 -7.34674835 -0.25656878 0 0 Z " fill="#F07638" transform="translate(23.8125,34.75)"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="48" height="48">
<path d="M0 0 C1 2 1 2 0.47094727 3.97119141 C0.17244873 4.75671387 -0.1260498 5.54223633 -0.43359375 6.3515625 C-0.75263672 7.20234375 -1.07167969 8.053125 -1.40039062 8.9296875 C-1.91375977 10.26386719 -1.91375977 10.26386719 -2.4375 11.625 C-2.94506836 12.97078125 -2.94506836 12.97078125 -3.46289062 14.34375 C-4.30182988 16.56516661 -5.1477775 18.78365271 -6 21 C-3.69 21.33 -1.38 21.66 1 22 C1 24.64 1 27.28 1 30 C-2.63 30.33 -6.26 30.66 -10 31 C-10.99 33.475 -10.99 33.475 -12 36 C-20.25 36 -28.5 36 -37 36 C-36 33 -36 33 -33 31 C-35.64 30.67 -38.28 30.34 -41 30 C-41 27.36 -41 24.72 -41 22 C-39.27716797 22.10054687 -39.27716797 22.10054687 -37.51953125 22.203125 C-29.87945819 22.38141538 -23.51926283 22.36205615 -17.58935547 17.09179688 C-15.48023676 14.97943835 -13.44468552 12.81704073 -11.45947266 10.58789062 C-9.19084133 8.11964404 -6.70615909 5.96219288 -4.1875 3.75 C-3.37667969 3.02296875 -2.56585938 2.2959375 -1.73046875 1.546875 C-1.15941406 1.03640625 -0.58835938 0.5259375 0 0 Z " fill="#29368A" transform="translate(44,6)"/>
<path d="M0 0 C-3.1992161 5.19872616 -5.65869254 7.22519779 -11.69067383 8.66967773 C-13.11042869 8.97434265 -14.5308502 9.27591666 -15.9519043 9.57446289 C-20.94692383 10.6462687 -24.95217674 12.18969172 -29.30078125 14.94921875 C-31 16 -31 16 -34 17 C-35.20882096 19.00016466 -35.20882096 19.00016466 -36 21 C-37 18 -37 18 -36.1015625 16.16796875 C-27.57803174 4.735614 -14.34016785 -1.14721343 0 0 Z " fill="#26348D" transform="translate(40,6)"/>
<path d="M0 0 C1 2 1 2 0.48681641 3.95532227 C0.04861572 5.12405884 0.04861572 5.12405884 -0.3984375 6.31640625 C-0.71296875 7.16267578 -1.0275 8.00894531 -1.3515625 8.88085938 C-1.68929687 9.76580078 -2.02703125 10.65074219 -2.375 11.5625 C-2.705 12.45130859 -3.035 13.34011719 -3.375 14.25585938 C-5.84950206 20.84950206 -5.84950206 20.84950206 -7 22 C-9.69654854 22.07319621 -12.36691458 22.09242537 -15.0625 22.0625 C-15.82111328 22.05798828 -16.57972656 22.05347656 -17.36132812 22.04882812 C-19.24091871 22.0370068 -21.12046899 22.01907078 -23 22 C-22.32066406 21.32195313 -21.64132813 20.64390625 -20.94140625 19.9453125 C-18.81726791 17.82192236 -16.70207976 15.68991463 -14.58984375 13.5546875 C-13.37243516 12.32808597 -12.15498658 11.10152412 -10.9375 9.875 C-10.02000977 8.94494141 -10.02000977 8.94494141 -9.08398438 7.99609375 C-6.19625534 5.09275537 -3.39542484 2.32006585 0 0 Z " fill="#F47736" transform="translate(44,6)"/>
<path d="M0 0 C0.97904297 0.01804688 1.95808594 0.03609375 2.96679688 0.0546875 C5.37470771 0.10167113 7.78059335 0.16734306 10.1875 0.25 C9.5275 2.56 8.8675 4.87 8.1875 7.25 C-0.0625 7.25 -8.3125 7.25 -16.8125 7.25 C-14.07610413 -0.95918761 -7.34674835 -0.25656878 0 0 Z " fill="#F07638" transform="translate(23.8125,34.75)"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

@@ -0,0 +1,237 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW SE (64-Bit OEM-Version) -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="3229px" height="642px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 3229 641.63"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
<defs>
<clipPath id="id0">
<rect width="3229" height="641.63"/>
</clipPath>
</defs>
<g id="Ebene_x0020_1">
<metadata id="CorelCorpID_0Corel-Layer"/>
<g clip-path="url(#id0)">
<image x="0" y="0" width="3229" height="641.63" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABQ0AAAECCAIAAAGs+FaeAAAACXBIWXMA
ABJ0AAASdAHeZh94AAAgAElEQVR4nO3dd5hdV3nv8d3OOdM0ozIadY2q1SUXXIUtG5dgSgBTbiCA
ISShJCH3hnBzA7EpxgQMxsE4FGNjmnEFy00ukizLqrZ6H7WRRm2k0UhTT9tt3TM2sfpoyt577b3n
+3n0x5Rz1vo9z3re59U755y9Ddd1FcSdEeRm9trnjIvfF+SOeEtwx5y+/wulf//zwLbDyQI65tY7
bnJzbcHshTMFccwtt10jXKv0/f8awF44K9+PueU/rhbCLnyRuOLDfu+Fc/H3mJu/fqWv66OLfDzm
k8+44t+e9m8jnJdfx3xaHavlVT5thK7w5ZhPP2M94ccu6DrPj1k0f/2q035U8e3XvN4F3ePpMTt2
8+1Xe7kgPOLdMbtW8+3XnPnj1IXv9mwL9JRHx+yYzbfPOetvij/6DW+2QC94cMxu3YbW+7/Q+3Xg
n94es73mmfY//ee5ftvvM//Vy/XhiV4dc/7ln2cX/6aTB+gTL+/N+vBKz485/at/tna/0ckD1ERx
jxeHt3p4zOlf/J21b3Pnj6n42jM9Wxye68kxt939Uef4gfM/LlnWg8Xhh54cc7+vPOF5Dvgq0PeC
QRaOuU/gmPsEjrlP4Jj7hPMcc8u3ru/uihXfWNjTMPDLuY9ZuM3/MTvAJPDROY7ZbG/+1o09WC4x
/rJexYE/znLMov1oy3/+Zc+WK/2bH/cuD3xx+jG7DbWtP/5rKVHgn1OO2a5Z3v67r/R4rbJb/r3X
eeCLU47ZmHxV/ztXyIoC/xh8jL0v4M8jfUJQxyzcltuvrrhjWUDb4VSBHLNrNd92DV1fIv+P+c0z
9n0XdMrfYxbtx1r+s+OaMsaQcb5uhM75eMwnv02/7MsP+7cRzsuvY7bXzWt/8g6fFkd3+XLM+Zd/
ll3827e/LZ7zaT92Qdd5f8zZR/4jv/mUl5xTN33R813QLR4fc/r+z1t1G71dE73n5TG33nmzm2k+
7YflX3zAwy3QM54d87muDaWNnObVFugxb465hT+AhJsHx/zWtRrP+qv+317c+/XRe7095uavz1aU
c7+UqSd7uT480atj7vxajclJvDE0LHp+zOe9HmfJp3/Y48XhrR4eM9dcjZaeHHNXzrj0k9/vwcrw
SU+OmTcIRA7vBesTOOY+gWPuEzjmPoFj7hM6O+b0L79oH9rR3RX5GHsInfOY2374EafpYHeX6/fX
3+tdHvji7Mfc+p2b3ezpbxDoCn3q2a+qDbnOcsznedHp3FSNW5eE1OnH3Js/Vlfcwa1LQuqUY36z
jhFDpxxz/zv5xGI88TF2ICbi+Uew1u++t+zj39bGXiI7CBCcuBVz2w8+7DQfSk6+hkpGXxObYhat
3/tLt62x8JVWVFbyKd6Ghj4n8sUsWhta7/m4MDP/8wOt/F//KDMQIEmEi9k9srP13tOvdFH+uf9S
isul5AHkimQxO1sWtf3ha2f+PDl1jjbu0uDzAGEQsWK2lj2SnnfvWX+llfQv4S1o6MMiU8z55+/J
Ln+8kweU/19GZfRpESjm9P1fsOo2dP6Ysk/drSRKgskDhFOoi7ntB7c4zfXnfVhy8tXG5KsCyAOE
WSiL2bVa77rlrReNz0srqij51F1+JwLCL1zFLI4fbL33k8LKdf0p5V97xr88QISEpZh7dnPZso/f
yZVAgbfIL2b38K7Wn3yqB09MjLvEmP4uz/MAESWzmO0NL7c//o2ePVdVjdLP3edtHiDS5BRzbu73
c6vm9maFim9xGSrgFEEXc+bX/8fcubKXi5R+8P8xKgOnCayYRds9H3ca63q/kDFkfOLSD/R+HSBm
gijm1jtucnNtXq1W9uXfe7UUECdBFHP5bS8HsAvQx8l/aQqAJyhmICYoZiAmKGYgJihmICZ6Vsyi
7Ud/5Rzb53GWs1ETRRXfXBTARkDUdbOYXafljhuFmfUnzJm0itteCmovINq6Ucwt33yXsAIr4w79
PnsPb9sEuuj8xSxaDrfe/THhWAGkOVly8tX6hMsC3hSIrs6K2a3b0Hr/l3p2t+ZeUlNlXAwI6Jaz
F3OhjNOP3l74Qi+vPOdTUz5eDbPfF+/3b3Eglrg/MxAHvMgMxEE8K1m01KvJEqW4QnYQICAxrGRx
/GD7g1/u91VuUoM+JG6V7Natb73/H0pu+rzsIECgYlXJzs4Vbb/+l8IXyTk9uVgvEF3xqWTrjafS
T3e8EK0PHKkoquw4QKBiUsnWiifSz/3ora9LP/EduWGA4MWhkrN/ujO/5rm3v9WGXSAxDCBF5Cs5
9+wPTy7j1My/4L/W6IOiXcmZ337F3L785J8U3fS3ssIAEkW4ktt/+jf2wW0n/0TVEuqAkbLyABJF
tZLTD/7jaWVcUHztrVLCANJFspLb7vqQ03L4zJ8nr/9c8GGAMIhaJQun9fsfdNsaz/yNMWRc8HGA
kIhUJRfK+Ds3n+tOVEU3fTHgOEB4RKeSHbPlmzcI9+xXI1JVw5j8zoATAeERjUoWbQ2tP/jIucq4
wBgzM8g8QNhEoJJFS33rD/9XJ2VcUHLL1wLLA4RQ2Cu5UMYtd91yvkdp6sARQaQBwirUlezuWdP6
wD+e92El133G/yxAqIW3kjuu1PvAl7vyyOTsj/kdBgi5kFayvfa59j/e2ZVH6oPHcL0uIIyVbK2a
m577gy4+uGj2X/kaBoiE0FWyufg3mZd/3uWHa4lLP+BjGiAiwlXJuWd/mFvZjWti6v2H+hcGiJAQ
VXL20dvymxZ06yllX3rApzBAtISlktv/+7P2oZpuPaXj08ilA3zKA0RLGCpZpB/8p+6WcUHR1R/3
Iw0QRfIrueXbN4p8ugdPTF76fs/DABEltZIds+2eT/SsjPWKIVzoB3ibzEpu/d4H3Exzz56buvy8
b8YG+hBJlWxlW+64WTj5Hi+QnPNpD+MAUSejkrMtrXf/VW/KWK+s9jAOEAOBV7JjNn/nPYri9maN
slvv9ioOEA+BVrJ7ZFfbfbf2sow7XkYeONyrSEA8BFfJ7sGa1p9+rpdlXJCcdQP3iwFOE1Alu3vW
tj7wD54slbrmk56sA8RJEJVsr3u+/Ulv7oSq6imtiutaA6fzvZKtVU+n537Pq9WK53zKq6WAOPG9
khOXfqA/HyEGfCb/fdcAeo9KBuKASgbigEoG4oBKBuKASgbigEoG4oBKBuKASgbigEoG4oBKBuKg
h5Usmg603nurt1HOSquo6ve/HwlgIyDSelLJHXc2vv8Lnkc5q7K/vTeYjYBI63Yl2xvntz/2TR+S
nJ1aNjiwvYDo6l4lu7Wr2h+73acoZyp+5ycC2wuItG5Usrnkd5kXf+pflDMlr/hIkNsB0dXVSs49
9d3c6md9jXIavf9wdcCwIHcEoqtLlZyb+/2Ay7ggdcl7A94RiK7zV3Lmt181ty8NIMppku/6bPCb
AhF1nkpuv+9Wu35HMFFOplcM5aLWQNd1Uski/Yu/l1LGBaWf/ZGUfYGIOmclt373fW76eJBRTqYN
HiNrayCKzlrJov1nf6/qhl5edc7nqaqSLPYpU3LSbP5rDXTLWStZLfviL4MOAqAXDNft7S3XAACA
J/iEctRYWUXTFT0pOwcAwHt05cgQ7ceyT/9AHzIudcPfyc4CAPAFXTn8hHtkV/qR252jexPVs1Id
95HmJXcAiCe6cqjZNUtzCx5wjuwUrqumSks+/HUl4ddb7AAA0tGVQ8rZ+Xr7H/5dmNm3f1L2ye+r
g0ZJjAQA8BtdOWQc01r1THbRQ277KR8vLbnp8/q4S2SFAgAEg64cGq6Ve+7H5qZX3EzTab9JTp2T
vOxDUkIBAIJEVw4BK5t78Wf5VXOFY535S2PI+KI5n1aKK4LPBQAIGF1ZJtF+LDfvJ+bGhULYZ32A
VtQvdeVHtJFTAw4GAJCCriyHaKnPPHGntWedonRybTUtMemqxKUfDC4WAEAqunLQ3Pod2efvtfas
Oe8jtbJBxR/5egCRAAAhQVcOjr35ldwrD9pHarvyYFVP9funhwrTst+pAADhQVcOgr1jefbpu53m
Q11+hlby8W+rZYN8zAQACB+6sp+Ea695NvPSz91Mc7eeV3z1JxIXXOFTKABAaNGV/WG25xc+lF/9
rJtr6+5TE+MvS155C3eFAoA+iK7sNStjLn0s+8pDwj3Lh4/PSysbnLrqo2rFMM9zAQDCj67sGdFU
n3vpp/lNC3q8gqppRVd9xJj8Tg9TAQAihK7sAdHemH36bnPra51++Pj8Oq6sOefTXqUCAEQOXblX
3MO7sk/fZe3b1Pul9IGjiz/+3d6vAwCILrpyz4iOOx/P/6XTsFu4vZqP36IVlZV+8ju9XwcAEGl0
5W4qNOFD29MP/7vTcsSrJVXVKP6LL2lDJni1IAAgoujKXeaY1prnsvN/2d0PH5+PlrzwxsSsGwrd
2dNlAQDRQ1fuAuGYi36TXfJ7YWY9X9sYMrbous8qqX6erwwAiBy6cqeyLebyJzKvPOjT8qqWKL7h
79RBo3xaHwAQLXTlsxOtDbkXfmpue01Y3s/Hbyt+12f1qXP8Wx8AEC105TOkj2fm/sDc+qrf+6Rm
3JC87rN+7wIAiBC68gnuwZrsC/fZdes8+bBT54wh44ve989+7wIAiBa6cgf34Lb0I7e5zUeEsAPY
TiuqKLrpC2pZZQB7AQAipG93Zcd06jakH7vDbT8a2J6qlkhd/gFj8uzAdgQAREVf7crCtdfNyy54
wMOLgXSNZoyenrruVj6dDAA4U1/syvnn78kuf1zK1moiVfKx25REiZTdAQAh15e6crbZXPZEbsUT
bq5NVoTST3yHeycDAM6lb3Rlx8w8eru1fblwLIkpiufcalxwlcQAAICQi3dXFuL4odxL/21uXRzA
h506l5x0VerqT8jNAAAIudh2ZXFsf/aZu63aVdL7cYE+eEzR9X+rFJfLDgIACLUYdmW3bkP7w19z
082FL2Vn6aAV9y++5q+1EVNkBwEAhF2MurJw7e3LcwsftA/VyI5yMi0x+UrjovfIjgEAiICYdGVr
1dyOOx+nj8sOcjp9wLDiD/6bomqygwAAIiAmXTlx6QcL/2SnAACgV2LSlQEAiAG6MgAAYUFXBgAg
LOjKAACEBV0ZAICwoCsDABAWdGUAAMKCrgwAQFjQlQEACAu6MgAAYUFXBgAgLOjKAACERaBd2W2s
S//6K07TwSA39VvxtZ9J3fh52SkAAHEQSFd2LWv7ivzCB+36XYVvgtgxKMkJl9OSAQBe8b0rO7ve
SD/2DTfTGrN+XKBXVhd/9DbZKQAA8eFbV7Yy5utzsy/+TAjbry2k0or7F9/8j2rZINlBAADx4UNX
tvPmskdySx9zM83eLx4OqpYouuIWY9JVsoMAAGLF067s2Nmnvptf94KXa4aSUT0zOeeTheYsOwgA
IFa86cru0b35V35lblsirJwnC4aZVlRW8sGvKoli2UEAAHHT665s5dK//he7blNcXz8+U+mH/0Ot
rJadAgAQQz3uysLdvyXz1PfsI7u9jBN6xdd+Rp86R3YKAEA89aQr2zVLcot+ax/YGr8PO3UuOXVO
6tpPyU4BAIit7nVlu2Z5+uGvCrdvNeO36JXVRdfeqiRKZAcBAMRWl7uycNzDu1VdLfv0D3uzn6ob
av/hvVlBFrW0v5IqlZ0CABBnhtsnB18AAMKGG0YBABAKtGQAAEKBlhwtQrQ3qmWDZccAAHiPlhwd
wrVWP6sPHU9LBoBYoiVHhGNaq57Jr5pb9qVfyY4CAPAFLTkKHNN87eHs4t8VXXGLoidlpwEA+IKW
HHquZb3+VHbRbxThJibPlp0GAOAXWnK4ZVvMNc9nX75fOPlE9Sy1crTsQAAAv9CSw0u0NuRfeSi/
9nnhWKqmJSZerpaUyw4FAPALLTmkRPvR3IJfmutfKvTjwrdavyq9erqiJWTnAgD4hZYcSvm2/IJf
mWtffPum1PqwC7SqcXJDAQB8RUsOHZFuyv7xO+b25W//RE0UG6OnqWWDJKYCAPiNlhwuorEuM/cu
a8/ak3+o9RtkTLhUViQAQDBoySHi1u/IzrvvtH5c6Mj6oNHasAlyMgEAgkJLDgnh1K7Ozf+lfaDm
tF+ompKceR1v7AKA2KMlh4J7sCbz9N1O4/7Cl2f8UjemXxt8JABAwGjJ0glx7ED6D193muvP+uvU
ZX+pJMsCzgQACB4tWSrXsne8nn32nnP1Y1VPJC9+b8ChAABS0JLlcWx748uZF3/utjee6yHGyCna
iClBhgIAyEJLlsR1Cv04O/8Bt/14J49KveP9gSUCAMhFS5ZC2BvnZ174bzfdfLb3c/2Z1q9Sr54V
ZCwAgES05OAJa8WT6ed+dN7HJadcrZZXBhAIABAGtORgWVnr9T+lX7jvvA9UE0XG6BlKojiAUACA
MKAlByh93Fz5VHbZI115rD54jDZ8ot+JAADhQUsOSvp4buGD5ob5Ip/uwqO1jvdaV472PRUAIDRo
yYEQTvaln5rrFwgn35WHayUVxtiLFD3pdy4AQHjQkgMgso9/K79xftefoFVUGeMv8S8QACCEaMn+
Esf2Z5+529z1etefompaYtzFSulA/1IBAEKIluwjt6E2N+8n1u413Xyenph1ky+BAAAhRkv2S2E+
zr3400I/FsLu1hP14ZO0EZN8SgUACC1asi/cI7szj3/LadgrXKu7zy264hZFUf1IBQAIM1qy9wrz
cdsvviDy7T14rpoqNS662fNIAIDwoyV7Srju/i3px7/Vs35ckJrxLm8TAQCigpbsHcd2ti/LLnzQ
aTr7zY/PS9VTyYvf420oAEBU0JK9Iuwti7Lz73eOH+jxEsaoKeqgUR5mAgBECC3ZG87W1zLz7nXb
GnuzSOKCK9SS/l5FAgBECy3ZA/b6F9N//G4P3lx9Mn3ACKN6pqLpXqUCAEQLLbl3HNN87eHsa7/r
ZT9WCq14yDi1kr9aA0DfRUvuBStrrnwyt/xxYWZ7uZKaTCXGzlLLKj3JBQCIIlpyTxX68ZJHciv/
6Gaae7+YVjpQr57V+3UAANFFS+4Rx87OvcuqWermevj541NpelU1F9EEgD6Oltx9jp159HarZrFw
XU/WUzU9MXWOoiU8WQ0AEFG05G7KNnfcTKJmqVf9WOl4IbkoMe1ar1YDAEQULbkb3Ma6/IIHzK2L
e/3+6lMkZ1yvFJd7uCAAIIpoyV0lWupzL/3M2rasuzdb7JyqJ5KXf8jDBQEAEUVL7hLRfjTzxJ12
3TohPPt79VuMUdO0YRO9XRMAEEW05PNz929OP37Hmxev9rgfF6Quvpm7IwMAFFry+Qh3/5bM3Luc
4/v8WF0rq9QnXOrHygCAyKEld0K4dRuzL/3MPrzTpw0SEy9Vi/v5tDgAIFpoyefkbHk1u/h39sFt
Pq2vJooTE69QkqU+rQ8AiBZa8tnZ61/IvvRzp7XBvy30qnHasAm8kAwAeAst+SwK/Tjzwn1u+3Ff
dzFGXKBx6ycAwP+gJZ/Kse1N8wvzsd/9WCsbmJhwKRfRBAC8jZZ8EteyVj2dnf+Am2vxeyutYpg2
aprfuwAAIoSW/D+Ea638U3bhQwH0Y1XTOu6OXF7l90YAgAihJb8p22oufyK3/FGPbrZ4PmoiMevG
IDYCAEQHLVlR8m25F+/Lb1wozEwwG+pVY7Th3B0ZAHCKPt+SrUxuwS/za1/09uZOnUtdcQuffQIA
nKZPt2TR3mgueyK/cm6Q/Vgr6pe46N2BbQcAiIq+25JFU33uxZ+YW5cG2Y8LkjNvUPRkkDsCACKh
j7Zkt7EuN+9ec/vygPdVtUTywr8IeFMAQCT0xZYsmg4U+rG1c2XwWxujpqqVo4PfFwAQfn2uJbtH
dmWeuMOu3yFl98SU2WpJuZStAQAh17dasttQm/njd2X1Y71iiDFquqLqUnYHAIRc32nJwj2wNfP0
D+1DNbIS6MMm8VdrAMC59JGWLOwN83NLHpY1HxeoyRJjzHS1bKCsAACAkOsLLVnYGxdk59/vNNVL
DKGVDTRGz+QKIQCAc4l/S3Z2rcrMu9dta5SaQtMHj9aqZ0nNAAAItVi3ZNdxapamn77bbZfbjxVV
0xNTrpabAQAQcvFtyY5prX4u8/y9wsnLjqKoxf0S06+TnQIAEGoxbclWznz9T7lFD4WhHxckp81R
iitkpwAAhFocW3I+bS57LLfiiYBuftwFyY5bPwEA0JnYtWTHzi/6dW7ZYwHfTKITibEXa0MmyE4B
AAi7eLVkx8y/8lB2ye9l5ziZlpxxvewMAIAIiE9LFi2HzeVPZpc+LDvIKbSyQcaES2WnAABEQExa
snt0b37hg+bmV2UHOV1i0uVqeaXsFACACIhDSxZN9bmXf2FtXyGELTvLKdREcaIwIieKZAcBAERA
9Fuylck+d08I+3GBXjVOGzqBi2gCALoi+i05UVLyqbtkhwAAoLei35IBAIgFWjIAAKFASwYAIBRo
yQAAhAItGQCAUKAlAwAQCrRkAABCgZYMAEAo0JIBAAgFWjIAAKFASwYAIBRoyQAAhAItGQCAUKAl
AwAQCrRkAABCgZYMAEAo0JIBAAgFWjIAAKFASwYAIBRoyQAAhAItGQCAUKAlAwAQCrRkAABCgZYM
AEAoBNuSXcdc9FBu+ePCdQLd1zeqbpR87JvGBVfKDgIAiLwAW7KVyb/y69yKJ4WVDW5Tn+nDJ2sV
VbJTAADiIKiWbLabrz2Se/2pOPVjVdMSY2ZqlaNkBwEAxEEQLVmkm8zFv8mtfl7k2wPYLjBqUYU+
apqiJ2UHAQDEgf8tOX08+8SdVu0q4Vi+7xUsbcBQfcyFslMAAGLC35ZcmI87+vHulcJ1fd0oeKpq
JMbMVMt5IRkA4A0fW7Jobci9cJ+16w0h4taPOyRTiWnXyQ4BAIgPv1qye2RXbt5PzF1v+LS+dHrl
GG3UdNkpAADx4UtLdhtqs8/9l1W7xo/FQ6Losvcrmi47BQAgPrxvye7+zZln7rYP1Xi+cnhoxf2N
mdfLTgEAiBWPW7JdsyQ77z7n2AFvlw2b5IzrlGSZ7BQAgFjxsiU7tave7Mf7PFwzhFRNS17yXtkp
AABx41VLFu7uVdnnfxz7flygD5ukDRopOwUAIG68aMnCtdc8m331d07TQQ9WC73ktGuVIv5qDQDw
WK9bsnCtlU9mF/zKzbV4kSfs9IohRvUMReW91gAAj/WyJQvr9aeyr/y6j/Rj5c2/WquV/NUaAOC9
XrRkx/xzP842e5cn1NREcWLchWrZYNlBAAAx1NOW7Jjm0kezCx+I380kOqGVD9a5YhcAwB89aslW
1lz8++xrv+tT/bjQkfUhY7WRk2XHAADEU7dbsmipzy95NP/GU32sHytqIpmc8k5FS8gOAgCIp+61
5I6bO734C3PLq32tHxeoesKYcrXsFACA2OpOS8635Rc+kN/4km9hQi0x7RqluEJ2CgBAbHW5JQvH
XP6kteN1vbyqVxsmihRN69UKkqQu+5DsCACAOOtyS7ay+sjJJSP/Xy/3UyuGqEaql4tIoQ4cITsC
ACDOutySk2X6xCv9TAIAQJ9muK4rOwMAAAAAAGHh5R2TAQAAAACIOuZkAAAAAABOYE4GfCIU23Sb
D7vHD+nDJ6pllbLzAAAAAOgS5mTAa8IVbY3ugS35N57Th45LXv4BNVUqOxMAAACArmJOBrwiFCvn
Nux19m+1dix3jh3U+lVqg0aoA0bKDgYAAACgG5iTAS9YGbehztq2xK5dax/YqghHGzQ6ddG79XEX
yk4GAAAAoHuYk4HesbKitdFcO8/avsI5flDkM4Wf6eWVxsgpevUMdQA33QYAAAAihjkZ6Ckr49bv
tLYsya9/SeTTwsorSsfdyFXVSFxwuTHlGrV8UOE72SkBAAAAdA9zMtBNwlXsnL17rb1zpblpkZs+
fvIv1WSxVlxhjL3YmHiFouuyMgIAAADoMeZkoMuEI9LN9v4tzo6VVu1ap7HuzIfog8clp71TGzZR
0SkuAAAAIJL4rzzQFcI9Uuse3NYxHh/abh+pPfMRqmooySJj5OTEJe9Ti8uDjwgAAADAE8zJwHm4
h3c5u163dq6yD+8UmTbhWmd9mFpSnhg7yxh3oVpWGXBCAAAAAB5iTgbOSbTUW+vnWzvfsPdtVoQl
XLeTB2vllYmL3mdUTwssHgAAAAA/MCcDZ3BMkW2zN7xkbltuH9ou8u3ne4KmDxxpjJqmDxunFFcE
kRAAAACAb5iTgbcJJdvqNuy1ti01Ny5ws63CzHTlaaqmJ6ddnZhxg1o6wO+IAAAAAPzGnAwoHROy
Yzm16+zdq6wdK5zmIyKf7uIztZL+Wv+hevVMbfgFhYnZ15QAAAAAAsCcjL5NuIqZtes22NuWdtzw
6dh+YeYVpbPPIZ9GHzI+ddFN+tBxDMkAAABAPDAno+8S7cfcfZtzK/7oNOx+80LWTrcmZFVLqMX9
jOoZxkU3KxqlBAAAAMQE/7lHHyREe6No2Jtb9qS1e5WwuvcC8tvUkv7JyVfp1TMULeF5RAAAAACy
MCejL3FM0XLUObTd2rbE3LJYsS0h7J6tpOopffCo5CXv7fhYMgAAAIAYYU5G35Bvc5uOOLVrrT1r
7b0bRbatxxOy0vGOa80YPS0x6Sp14HDFSHkYEwAAAIB0zMmIOyvrNu6zd6wwNy92mw672WYvFtUT
Ey9PzLpRLe3vxWoAAAAAQoQ5GTEm3Podzu7V+XUvOU2Hun6rp87p5VX6kAn6qClqeZUnCwIAAAAI
FeZkxJFw3X0brW1LrR0r7CO1ni6t6cMnpa74sFY11tNlAQAAAIQFczJiRaSb3EM15qaFdt1mp7HO
28XVRJFW0t8YPU2feLm3KwMAAAAID+ZkxIRobXAO77a3vmbtWec2HRZO3vMttH6VqYtuNsa/w/OV
AQAAAIQHczIiTriiqd6pXW3VrrPrNrqZFmFmfNhG04rL9apxxpTZWtV4H9YHAAAAEBbMyYgs4Sq5
NnPN83ezbhIAAA2PSURBVFbNMufIHpFrF67l01aqqhljZyWnvFPrP1TRqRoAAAAgzvgfP6JIKFbW
Wj8/v+Jxt+Wom2vzeTtNMYzEpKuMWTcpesLnvQAAAABIxpyMCBGKbbpNh9x9m/Jr5jlH69yMJzdD
Pg9jyBhjzIX60AmKngxgOwAAAAByMScjEjpeQHYPbLN3rzVrljkNtcJxFMX1f19N1XR9+KTkFR/W
Bgz1fzsAAAAA8jEnI/TyaffwLmvLImvvRqd+l3CDmZA7aEUl2sCRxqjpWtW4YHYEAAAAIB1zMkIs
2+w2HjDXv2jtXuM2HxFWPrAJ+S1aRVXRFR/Sx1wU5KYAAAAA5GJORhiJdJO9b5O9cYG5eaHoGI0D
HY/fpGkl5frgan3sJerAEYHvDgAAAEAa5mSEieso+TZ792p75xvm5tfcXIusIKqmJ6ddm5h2jdpv
gKwMAAAAAKRgTkY4OKZoP+bs2WDVrrZ3r3Wa6yVmUVOlWukgo3qmPuZCJVEkMQkAAACA4DEnQzbh
uvu3dLzLunadc2S33An5LXrlmOSU2drwC5REsewsAAAAAILGnAyZ3ANb7e0rrN2rnCO1wkwXRma5
eVRNU/SUUT01ecUtSqpMbhgAAAAAUjAnQw5xbL+57oWOjyLv3yY6LtUleUJ+i1pUYYyeboyarhRX
yM4CAAAAQA7mZAQr2+I21VsbF1i7VjuNdcLKyQ50gqppWv8hqYtv1kZNk50FAAAAgDTMyQiGUNJN
7uFd5tal1tbFbq5NmFnZkU6jaYNGG9UzC0OyWl4lOwwAAAAAaZiT4TehWFl7V8etnqydq9z2RmFm
ZEc6C1XXk5NmJ2Zcp5b2l50FAAAAgEzMyfCNa4n2Jmf3KnPrMufwbretQVhmSD6HfBqtpL82YIQ+
dpY2YnJhYpYdBwAAAIBMzMnwgxDtjc6uNbllj7nHD7q59Js/DOOE/BZ96MTURTfpVeMYkgEAAAAw
J8NbQjQddut35Fb+yd63SVj5MI/HSse1uxJqUakxaqox80bFSMqOAwAAAEA+5mR4JN/mHq93D9WY
NcutnW8oTl76zZC7Qus3MDH5nca4ixUjJTsLAAAAgFBgTkavZVvcxv3WtqX2nrV2/c5Q3eqpU5qa
SGmDRiZn3aANmyA7DAAAAICwYE5GL+TTbsMeq2aZtW2J23LEzbXLDtQNqqoZw8Ynxl2iDhqlJMtk
xwEAAAAQFszJ6BHXcevWWzteNze94rYfi85ryCcxjMTUaxOzbuRGUAAAAABOxpyMbhGKY9nblpob
Xrb3bXXbj8rO00NaWaU+uFofcYFaXiU7CwAAAIBwYU5GFwnRetQ9sMXc+Ip9YJvTdFB2nl4xRk9L
Xflhfch42UEAAAAAhA5zMs5HOOL4IffwLnPra/a+zW7zEeFasjP1nJos1voNLszJ+piLFU2THQcA
AABA6DAn49yE4zbssTcvtvdvdo7Uutk2YWVlZ+otrWxQataNxpiLFE2XnQUAAABAGDEn42yEI9JN
1utPm9tXOI11ipWJxM2Qz0fTikr1oeONmddrldWywwAAAAAIKeZknMqxFbPdWjsvt+pZt7VR5KN0
q6fOqZpuVM9KTrpSKxtU+EZ2HAAAAAAhxZyMNwlXMbPuwa127XqzZpnbdNjNtcjO5CVVS6hFpclp
Vxsz3qUkS2XHAQAAABBezMl93psTsl23wdm12tr1hnN0n3AdRYnBu6xPoQ0cnhgzU6sapyTLZGcB
AAAAEGrMyX2ZULJtTv12a8NC+8BWp2FvLCfktxgjpySv+pg2YKjsIAAAAADCjjm5jxLH9jsHt1nb
ltr7t3Z8Dtmx4joha0X99KpqY8wsreNuyarsOAAAAADCjjm5zxFtDc6eDeaGBWbNa7KzBEGrqEpe
/D5j7IUMyQAAAAC6gjm5z3BskT7u7F5t7Vhpbl8u8mnZgQKgaaX99SETjAsuVyt4xzUAAACALmFO
7gPybW5DnXNgq713o71vk9PaIDtQQFRdT06ZbUy5Vi2pkJ0FAAAAQGQwJ8eaY7v7Nli711g1y93m
I262WXag4KipUq1skDH+Hcb4i5VESnYcAAAAAJHBnBxbbt0Ga9tSa/dq59h+kc/G9TJd56IPHpuc
OlsbOkFJFMnOAgAAACBKmJNjxzHdQzusjfOtPevt+l19bTx+mzFsQuKi96il/WUHAQAAABAxzMmx
IUT7cbdhr7nqaat2vUg3CWHLjiSHVjbQGD3DmHCJWl4lOwsAAACA6GFOjgEh2o46B7fb25aY21eI
XLuwcrIjSaOqhlYxJDnrJn30dNlZAAAAAEQSc3KUuZbINDu71th71lo733AzrcLKys4kk6pp2sAR
xugZ+piZalml7DgAAAAAIok5OZocU7QftzcvMjcvcprqRaZNOFaf/SjyCXoqOXVOYvq1anG57CgA
AAAAooo5OXKEaD1q71iZW/IHt7VBmHnG47d03AiqfLBePUMbMUV2FgAAAAARxpwcFUJxLPfYAffQ
9vyqZ+z923gB+TSJUdOTF71bHzZedhAAAAAA0cacHH5Cyba4h2vt3WusPWsLE7IiLOEyIZ+g6gm1
qJ8+cooxZbaSLJEdBwAAAEC0MSeHmmg/Jo7WWVsXW3s2OEdqhWvJThRGWtmgxOSrjLEXKal+srMA
AAAAiDzm5LDKtrgNe6wtr5rbVrjtjcLMyA4UTpqq69rAEckZ12tDJ8gOAwAAACAOmJPDx8raW161
apZbu1eLXJrXkDuharoxckpi4mVa1RiFa1wDAAAA8AJzcmgIV7Ey9uZXzc2L7IM1bvtx2YHCT1MS
qcSk2ca0OUpxhewwAAAAAGKCOTkEhCuajzh715ubXnEO73JaDssOFA16eaU+ZJwxerpWWS07CwAA
AID4YE4OAeGIzHFF042xFxrV02SniQytokobNFqrHC07CAAAAIBYYU4OAS2hjZhW+Cc7BwAAAACA
ORkAAAAAgJMwJwMAAAAAcAJzMgAAAAAAJzAnAwAAAABwAnMyAAAAAAAnMCcDAAAAAHACczIAAAAA
ACcwJwMAAAAAcAJzMgAAAAAAJzAnAwAAAABwAnMyAAAAAAAnMCcDAAAAAHACczIAAAAAACcwJwMA
AAAAcAJzMgAAAAAAJzAnAwAAAABwAnMyAAAAAAAnMCcDAAAAAHACczIAAAAAACcwJwMAAAAAcAJz
MgAAAAAAJzAnAwAAAABwAnMyAAAAAAAnxHtOFoqVc48fEm3HRK5VcV3ZeXAGzVCMhD5yilpWKTsK
AAAAAHSI65wsClOxs3etvXO1XbfBadzvppsVhTk5dLSywcaw8UXX3cqcDAAAACAk4jgnu5a7f6u5
/iV7/1ancZ/i5AWvJIdVYsz01GUfVCurZQcBAAAAgD+L15zsOuL4gfyyx6zatR1vt3YdXkMOLVVP
qcX99JFTtPGXFr6THQcAAAAA/iwec7IQ7Y1uw15rw3xz2zKRaxOOJTsSzkOrGJKc+S6j+kKGZAAA
AAChEvE52bVEe5O7f4u1Y4W5+VVh5oTLhBx+mpoq0avGJGZer1WOlh0GAAAAAE4R2Tm5MA/n0/b2
ldbO1+096922Y0zIUaHqicSYWckpV2n9hyl6UnYcAAAAADhFBOdkx3Qb9jp71plbl7jH9rttx4Vw
+RxyVKhaQi3ul5g8W588W0mVyI4DAAAAAKeL2JzsHtnl1K7Lr53nHN0rLJPxOHK0QSMS1bP0EZO5
ERQAAACAcIrInOxa7tF9zt4N5sYF1t51stOgZzRVU4zR05NXfEgbOFJ2GAAAAAA4u7DPyaL9mDi2
3961xtqzzt67QQhbdiL0kFZUqg0cYYyeoQ2bJDsLAAAAAJxTeOdk0d7oHNpp1yy1dq9xWxuEmZWd
CL2iDRiWuvxDxphZsoMAAAAAQGdCOSeb7c6uNdbO162db7iZZpFPyw6EXtK0kgp98Fhj3CXqwOGy
wwAAAABAZ0I1JwvFyttbXrVqltn7t7ptR4XDrZ7iQE2mklOvNqZcrfYbVPhOdhwAAAAA6Ew45mTh
Krk2u2ZZbtnjbvMRN9ssOxA8o2qamiw2xr/DmHgZd0sGAAAAEH7S52Qhjh1wDmwz1z5vH9rpZlq4
1VPM6MOnJiddqQ2bwJAMAAAAIBJkzclCsbJu43730HazZnnHhaxzaeHyLutYUVVDSSSN0VMSs25U
ywfLjgMAAAAAXSJjTjbb3aP7rY0L7X0bnYZ9wsrwOeRYUkvKjeGTjVEz1EGjZGcBAAAAgK4Kdk62
sqK10Vz1jLnlNbe9UZg53mUdY/qg4anZH9GHc7dkAAAAAFES1Jxs592menvrq7nXHhVmhrdYx5uq
Glr/IfrwKdrwyUrpANlxAAAAAKAbfJ6TC/NwPuPUrrV2rSr8c1uO8BbrPiGZSs68ITH1GrWon+wo
AAAAANA9vs3JwhHtx5y6zdaO5fbeTc6xfX5thJDRivppA4bro2dqIyYpqi47DgAAAAB0jy9zsmip
dw/uMDctsg9sc44f4EPIfYo+fHJyxrV6VTVDMgAAAIAo8npOdmyRa7MP7RRHarWyisSESxLKJR5v
0R1qokgbMFRNlUjM0Ndog8doQycoiZTsIAAAAADQE17Pybqhlg5ITLlGKfwDAAAAACBqZNw/GQAA
AACAsPr/p1LCWR1oVUsAAAAASUVORK5CYII="/>
</g>
<g id="_1415048360016">
<path fill="#26358C" d="M2195.72 629.13l474.98 0c0,-61.14 9.51,-108.33 -12.5,-108.33l-333.32 0 0 -162.49 308.32 0 0 -108.32 -308.32 0 0 -133.33 333.32 0 0 -108.33 -462.48 0 0 620.8z"/>
<path fill="#26358C" d="M2687.36 324.98c0,118.3 50.98,237.32 157.16,288.66 91.1,44.05 228.34,36.59 302.2,-29.29 35.79,-31.93 81.29,-102.6 82.28,-146.87 -39.41,-9.19 -81.91,-28.44 -120.83,-37.5 -12.81,26.69 -10.37,47.26 -39.12,85.87 -43.74,58.75 -248.36,105.14 -248.36,-173.37 0,-75.96 17.47,-149.64 77.73,-184.75 59.6,-34.72 148.2,-24.76 187.32,40.53 9.8,16.37 10.83,28.72 18.27,44.23l124.99 -29.17c-24.38,-104.67 -115.19,-183.32 -220.82,-183.32 -117.29,0 -171.62,10.56 -251.07,98.91 -21.43,23.83 -40.16,60.19 -50.46,95.36 -11.35,38.73 -19.29,90.18 -19.29,130.71z"/>
<path fill="#26358C" d="M1054.11 629.13l137.5 0c1.36,-16.44 19.46,-60.86 26.21,-77.94 5.36,-13.53 7.92,-22.82 12.8,-37.2 46.19,-135.93 109.14,-292.05 153.2,-425.94 4.42,-13.45 8.71,-25.23 14.35,-39.81 5.63,-14.58 8.41,-27.72 14.26,-39.91l-137.5 0c-8.71,37.42 -22.61,74.06 -34.9,110.92 -14.85,44.54 -109.17,317.96 -110.92,339.06 -10.91,-7.99 -36.22,-89.62 -42.23,-107.77l-116.1 -342.21 -137.49 0c1.12,13.42 20.29,62.95 26.22,77.94 5.36,13.53 7.91,22.83 12.8,37.2 5.27,15.51 10.05,25.67 14.66,39.51l138.51 386.46c8.7,24.09 17.82,57.15 28.63,79.69z"/>
<path fill="#26358C" d="M1645.75 20.83c0,57.56 -8.66,95.83 12.5,95.83l170.82 0 0 512.47 129.16 0 0 -512.47 183.33 0 0 -108.33 -483.31 0c-9.6,0 -12.5,2.9 -12.5,12.5z"/>
<polygon fill="#26358C" points="187.49,516.64 537.47,516.64 737.46,516.64 737.46,391.65 587.47,391.65 324.98,391.65 0,391.65 0,516.64 "/>
<path fill="#26358C" d="M1466.59 629.13l129.16 0 0 -608.3c0,-9.6 -2.9,-12.5 -12.5,-12.5l-116.66 0 0 620.8z"/>
<path fill="#EF7939" d="M324.98 391.65l262.49 0 117.29 -320.19c5.29,-14.19 14.49,-32 16.04,-50.63l-395.82 370.82z"/>
<path fill="#EF7939" d="M537.47 516.64l-349.98 0c-18.39,27.47 -111.32,96.64 -116.66,116.66l424.98 0 41.66 -116.66z"/>
<path fill="#26358C" d="M0 358.31c11.95,-4.32 5.44,-1.07 15.92,-13.25 82.96,-96.37 158.71,-135.92 284.59,-177.87 58,-19.33 130.62,-40.43 199.97,-45.86 30.86,-2.42 22.66,0.18 40.19,-18.14 22.96,-24 80.39,-76.58 92.63,-94.86 -136.56,0 -304.25,49.26 -392.98,98.66 -31.68,17.63 -118.23,77.3 -141.03,104.79l-78.76 104.57c-7.67,13.3 -13.12,27.95 -20.53,41.96z"/>
<polygon fill="#EF7939" points="720.8,20.83 724.96,20.83 721.49,15.97 "/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

@@ -0,0 +1,10 @@
/*!
* GSAP 3.12.2
* https://greensock.com
*
* @license Copyright 2023, GreenSock. All rights reserved.
* Subject to the terms at https://greensock.com/standard-license or for Club GreenSock members, the agreement issued with that membership.
* @author: Jack Doyle, jack@greensock.com
*/
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prototype=Object.create(e.prototype),(t.prototype.constructor=t).__proto__=e}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function r(t){return"string"==typeof t}function s(t){return"function"==typeof t}function t(t){return"number"==typeof t}function u(t){return void 0===t}function v(t){return"object"==typeof t}function w(t){return!1!==t}function x(){return"undefined"!=typeof window}function y(t){return s(t)||r(t)}function P(t){return(i=yt(t,ot))&&Ee}function Q(t,e){return console.warn("Invalid property",t,"set to",e,"Missing plugin? gsap.registerPlugin()")}function R(t,e){return!e&&console.warn(t)}function S(t,e){return t&&(ot[t]=e)&&i&&(i[t]=e)||ot}function T(){return 0}function ea(t){var e,r,i=t[0];if(v(i)||s(i)||(t=[t]),!(e=(i._gsap||{}).harness)){for(r=gt.length;r--&&!gt[r].targetTest(i););e=gt[r]}for(r=t.length;r--;)t[r]&&(t[r]._gsap||(t[r]._gsap=new Vt(t[r],e)))||t.splice(r,1);return t}function fa(t){return t._gsap||ea(Ot(t))[0]._gsap}function ga(t,e,r){return(r=t[e])&&s(r)?t[e]():u(r)&&t.getAttribute&&t.getAttribute(e)||r}function ha(t,e){return(t=t.split(",")).forEach(e)||t}function ia(t){return Math.round(1e5*t)/1e5||0}function ja(t){return Math.round(1e7*t)/1e7||0}function ka(t,e){var r=e.charAt(0),i=parseFloat(e.substr(2));return t=parseFloat(t),"+"===r?t+i:"-"===r?t-i:"*"===r?t*i:t/i}function la(t,e){for(var r=e.length,i=0;t.indexOf(e[i])<0&&++i<r;);return i<r}function ma(){var t,e,r=ct.length,i=ct.slice(0);for(dt={},t=ct.length=0;t<r;t++)(e=i[t])&&e._lazy&&(e.render(e._lazy[0],e._lazy[1],!0)._lazy=0)}function na(t,e,r,i){ct.length&&!L&&ma(),t.render(e,r,i||L&&e<0&&(t._initted||t._startAt)),ct.length&&!L&&ma()}function oa(t){var e=parseFloat(t);return(e||0===e)&&(t+"").match(at).length<2?e:r(t)?t.trim():t}function pa(t){return t}function qa(t,e){for(var r in e)r in t||(t[r]=e[r]);return t}function ta(t,e){for(var r in e)"__proto__"!==r&&"constructor"!==r&&"prototype"!==r&&(t[r]=v(e[r])?ta(t[r]||(t[r]={}),e[r]):e[r]);return t}function ua(t,e){var r,i={};for(r in t)r in e||(i[r]=t[r]);return i}function va(t){var e=t.parent||I,r=t.keyframes?function _setKeyframeDefaults(i){return function(t,e){for(var r in e)r in t||"duration"===r&&i||"ease"===r||(t[r]=e[r])}}($(t.keyframes)):qa;if(w(t.inherit))for(;e;)r(t,e.vars.defaults),e=e.parent||e._dp;return t}function xa(t,e,r,i,n){void 0===r&&(r="_first"),void 0===i&&(i="_last");var a,s=t[i];if(n)for(a=e[n];s&&s[n]>a;)s=s._prev;return s?(e._next=s._next,s._next=e):(e._next=t[r],t[r]=e),e._next?e._next._prev=e:t[i]=e,e._prev=s,e.parent=e._dp=t,e}function ya(t,e,r,i){void 0===r&&(r="_first"),void 0===i&&(i="_last");var n=e._prev,a=e._next;n?n._next=a:t[r]===e&&(t[r]=a),a?a._prev=n:t[i]===e&&(t[i]=n),e._next=e._prev=e.parent=null}function za(t,e){t.parent&&(!e||t.parent.autoRemoveChildren)&&t.parent.remove&&t.parent.remove(t),t._act=0}function Aa(t,e){if(t&&(!e||e._end>t._dur||e._start<0))for(var r=t;r;)r._dirty=1,r=r.parent;return t}function Ca(t,e,r,i){return t._startAt&&(L?t._startAt.revert(ht):t.vars.immediateRender&&!t.vars.autoRevert||t._startAt.render(e,!0,i))}function Ea(t){return t._repeat?Tt(t._tTime,t=t.duration()+t._rDelay)*t:0}function Ga(t,e){return(t-e._start)*e._ts+(0<=e._ts?0:e._dirty?e.totalDuration():e._tDur)}function Ha(t){return t._end=ja(t._start+(t._tDur/Math.abs(t._ts||t._rts||X)||0))}function Ia(t,e){var r=t._dp;return r&&r.smoothChildTiming&&t._ts&&(t._start=ja(r._time-(0<t._ts?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),Ha(t),r._dirty||Aa(r,t)),t}function Ja(t,e){var r;if((e._time||!e._dur&&e._initted||e._start<t._time&&(e._dur||!e.add))&&(r=Ga(t.rawTime(),e),(!e._dur||kt(0,e.totalDuration(),r)-e._tTime>X)&&e.render(r,!0)),Aa(t,e)._dp&&t._initted&&t._time>=t._dur&&t._ts){if(t._dur<t.duration())for(r=t;r._dp;)0<=r.rawTime()&&r.totalTime(r._tTime),r=r._dp;t._zTime=-X}}function Ka(e,r,i,n){return r.parent&&za(r),r._start=ja((t(i)?i:i||e!==I?xt(e,i,r):e._time)+r._delay),r._end=ja(r._start+(r.totalDuration()/Math.abs(r.timeScale())||0)),xa(e,r,"_first","_last",e._sort?"_start":0),bt(r)||(e._recent=r),n||Ja(e,r),e._ts<0&&Ia(e,e._tTime),e}function La(t,e){return(ot.ScrollTrigger||Q("scrollTrigger",e))&&ot.ScrollTrigger.create(e,t)}function Ma(t,e,r,i,n){return Gt(t,e,n),t._initted?!r&&t._pt&&!L&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&f!==Rt.frame?(ct.push(t),t._lazy=[n,i],1):void 0:1}function Ra(t,e,r,i){var n=t._repeat,a=ja(e)||0,s=t._tTime/t._tDur;return s&&!i&&(t._time*=a/t._dur),t._dur=a,t._tDur=n?n<0?1e10:ja(a*(n+1)+t._rDelay*n):a,0<s&&!i&&Ia(t,t._tTime=t._tDur*s),t.parent&&Ha(t),r||Aa(t.parent,t),t}function Sa(t){return t instanceof Xt?Aa(t):Ra(t,t._dur)}function Va(e,r,i){var n,aLine truncated
@@ -0,0 +1,118 @@
.fullwidth-section {
width: 100%;
background: #eee;
.fullwidth-inner {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
}
/* RTE button styles (used by CKEditor style definitions) */
.btn-vitec {
display: inline-block;
padding: 0.6rem 1rem;
border-radius: 0.25rem;
border: 1px solid transparent;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
&:focus-visible {
outline: 3px solid #f47937;
outline-offset: 2px;
}
}
.btn-vitec--orange {
background-color: #f47937;
border-color: #f47937;
color: #ffffff;
&:hover,
&:focus-visible {
background-color: #db6324;
border-color: #db6324;
color: #ffffff;
}
}
.btn-vitec--blue {
background-color: #26358c;
border-color: #26358c;
color: #ffffff;
&:hover,
&:focus-visible {
background-color: #1e2a70;
border-color: #1e2a70;
color: #ffffff;
}
}
.btn-vitec--graphite {
background-color: #313131;
border-color: #313131;
color: #ffffff;
&:hover,
&:focus-visible {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #ffffff;
}
}
.btn-vitec--midnight {
background-color: #0d0d0d;
border-color: #0d0d0d;
color: #ffffff;
&:hover,
&:focus-visible {
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
}
.btn-vitec--light {
background-color: #cccccc;
border-color: #cccccc;
color: #0d0d0d;
&:hover,
&:focus-visible {
background-color: #b5b5b5;
border-color: #b5b5b5;
color: #0d0d0d;
}
}
.btn-vitec--outline-orange {
background-color: transparent;
border-color: #f47937;
color: #f47937;
&:hover,
&:focus-visible {
background-color: #f47937;
border-color: #f47937;
color: #ffffff;
}
}
.btn-vitec--outline-blue {
background-color: transparent;
border-color: #26358c;
color: #26358c;
&:hover,
&:focus-visible {
background-color: #26358c;
border-color: #26358c;
color: #ffffff;
}
}