@leuffen/themejs1 5.0.1 → 5.0.4

package/_tpl/_root/docs/assets/dist/style_late.js

@@ -0,0 +1,4 @@
+(()=>{"use strict";var __webpack_modules__={786:()=>{eval(`// extracted by mini-css-extract-plugin
+
+
+//# sourceURL=webpack:///./src/style_late.scss?`)}},__webpack_exports__={};__webpack_modules__[786]()})();

package/_tpl/_root/docs/assets/dist/style_late.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets/dist/style_late.js","mappings":";;UAAA;UACA;;;;;WCDA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;;ACNA","sources":["webpack:///webpack/bootstrap","webpack:///webpack/runtime/make namespace object","webpack:///./src/style_late.scss?0f8c"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// extracted by mini-css-extract-plugin\nexport {};"],"names":[],"sourceRoot":""}

package/_tpl/_root/docs/assets/leuffen-logo-big.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 368 116" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-574.997,-1110.98)">
+        <g transform="matrix(1.45789,0,0,0.9323,280.088,821.159)">
+            <g transform="matrix(1.02069,0,0,0.925532,-6.49663,24.955)">
+                <path d="M410.67,352.596C410.67,328.488 399.321,308.915 385.341,308.915L229.878,308.915C215.899,308.915 204.549,328.488 204.549,352.596L204.549,398.858C204.549,422.966 215.899,442.538 229.878,442.538L385.341,442.538C399.321,442.538 410.67,422.966 410.67,398.858L410.67,352.596Z" style="fill:none;"/>
+            </g>
+            <g transform="matrix(1.02069,0,0,0.925532,-6.49663,24.955)">
+                <path d="M410.67,351.916C410.67,335.244 402.822,321.709 393.154,321.709L239.124,321.709C229.456,321.709 221.608,335.244 221.608,351.916L221.608,412.331C221.608,429.003 229.456,442.538 239.124,442.538L393.154,442.538C402.822,442.538 410.67,429.003 410.67,412.331L410.67,351.916Z" style="fill:rgb(55,181,82);"/>
+            </g>
+            <g transform="matrix(1.02069,0,0,0.925532,-6.49663,-61.879)">
+                <rect x="365.182" y="499.399" width="45.489" height="36.96" style="fill:rgb(55,181,82);"/>
+            </g>
+            <g transform="matrix(1.02069,0,0,0.925532,-6.49663,-61.879)">
+                <rect x="365.182" y="499.399" width="45.489" height="36.96" style="fill:rgb(55,181,82);"/>
+            </g>
+            <g transform="matrix(1.02069,0,0,0.925532,-153.041,-139.503)">
+                <rect x="365.182" y="499.399" width="45.489" height="36.96" style="fill:rgb(55,181,82);"/>
+            </g>
+        </g>
+        <g transform="matrix(1.11236,0,0,0.921706,-92.571,592.848)">
+            <g transform="matrix(83.6174,0,0,91.6667,632.249,673.43)">
+                <path d="M0.259,0.01C0.223,0.009 0.193,0.005 0.17,-0.002C0.146,-0.009 0.127,-0.02 0.113,-0.034C0.099,-0.047 0.089,-0.064 0.084,-0.085C0.078,-0.105 0.075,-0.128 0.075,-0.154L0.075,-0.756L0.196,-0.776L0.196,-0.177C0.196,-0.162 0.197,-0.15 0.2,-0.14C0.202,-0.13 0.206,-0.122 0.212,-0.115C0.218,-0.108 0.226,-0.102 0.236,-0.099C0.247,-0.095 0.26,-0.092 0.276,-0.09L0.259,0.01Z" style="fill:white;fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(83.6174,0,0,91.6667,653.906,673.43)">
+                <path d="M0.048,-0.259C0.048,-0.305 0.055,-0.345 0.069,-0.38C0.082,-0.415 0.1,-0.444 0.123,-0.467C0.146,-0.49 0.172,-0.507 0.201,-0.519C0.23,-0.53 0.26,-0.536 0.291,-0.536C0.363,-0.536 0.419,-0.514 0.46,-0.469C0.5,-0.424 0.52,-0.358 0.52,-0.269C0.52,-0.262 0.52,-0.255 0.52,-0.247C0.519,-0.238 0.519,-0.231 0.518,-0.224L0.173,-0.224C0.176,-0.182 0.191,-0.15 0.218,-0.127C0.244,-0.103 0.282,-0.092 0.332,-0.092C0.361,-0.092 0.388,-0.095 0.412,-0.1C0.437,-0.105 0.456,-0.111 0.47,-0.117L0.486,-0.018C0.479,-0.015 0.47,-0.011 0.459,-0.008C0.447,-0.004 0.434,-0.001 0.419,0.002C0.404,0.005 0.387,0.008 0.37,0.01C0.353,0.012 0.335,0.013 0.317,0.013C0.271,0.013 0.231,0.006 0.197,-0.008C0.163,-0.021 0.135,-0.04 0.113,-0.065C0.091,-0.089 0.075,-0.117 0.064,-0.151C0.053,-0.184 0.048,-0.22 0.048,-0.259ZM0.399,-0.313C0.399,-0.33 0.397,-0.345 0.392,-0.361C0.387,-0.376 0.381,-0.389 0.372,-0.4C0.363,-0.41 0.352,-0.419 0.339,-0.426C0.326,-0.432 0.31,-0.435 0.292,-0.435C0.273,-0.435 0.257,-0.432 0.243,-0.425C0.229,-0.418 0.217,-0.408 0.207,-0.397C0.198,-0.386 0.19,-0.373 0.185,-0.358C0.18,-0.343 0.176,-0.328 0.174,-0.313L0.399,-0.313Z" style="fill:white;fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(83.6174,0,0,91.6667,694.795,673.43)">
+                <path d="M0.506,-0.016C0.483,-0.01 0.452,-0.004 0.415,0.002C0.378,0.009 0.337,0.012 0.292,0.012C0.25,0.012 0.215,0.006 0.187,-0.006C0.158,-0.018 0.136,-0.035 0.118,-0.056C0.102,-0.077 0.089,-0.103 0.082,-0.133C0.075,-0.162 0.071,-0.195 0.071,-0.23L0.071,-0.523L0.192,-0.523L0.192,-0.249C0.192,-0.193 0.2,-0.153 0.217,-0.129C0.233,-0.105 0.261,-0.093 0.302,-0.093C0.317,-0.093 0.332,-0.094 0.348,-0.095C0.365,-0.096 0.377,-0.098 0.385,-0.1L0.385,-0.523L0.506,-0.523L0.506,-0.016Z" style="fill:white;fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(83.6174,0,0,91.6667,735.767,673.43)">
+                <path d="M0.29,-0.776C0.318,-0.776 0.343,-0.774 0.364,-0.769C0.385,-0.763 0.401,-0.759 0.412,-0.755L0.389,-0.655C0.378,-0.66 0.365,-0.665 0.349,-0.668C0.335,-0.671 0.318,-0.673 0.301,-0.673C0.282,-0.673 0.265,-0.67 0.252,-0.665C0.239,-0.659 0.228,-0.651 0.22,-0.641C0.212,-0.631 0.206,-0.619 0.203,-0.605C0.2,-0.59 0.198,-0.575 0.198,-0.558L0.198,-0.523L0.388,-0.523L0.388,-0.422L0.198,-0.422L0.198,-0L0.077,-0L0.077,-0.56C0.077,-0.627 0.095,-0.68 0.13,-0.719C0.165,-0.757 0.219,-0.776 0.29,-0.776Z" style="fill:white;fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(83.6174,0,0,91.6667,762.357,673.43)">
+                <path d="M0.29,-0.776C0.318,-0.776 0.343,-0.774 0.364,-0.769C0.385,-0.763 0.401,-0.759 0.412,-0.755L0.389,-0.655C0.378,-0.66 0.365,-0.665 0.349,-0.668C0.335,-0.671 0.318,-0.673 0.301,-0.673C0.282,-0.673 0.265,-0.67 0.252,-0.665C0.239,-0.659 0.228,-0.651 0.22,-0.641C0.212,-0.631 0.206,-0.619 0.203,-0.605C0.2,-0.59 0.198,-0.575 0.198,-0.558L0.198,-0.523L0.388,-0.523L0.388,-0.422L0.198,-0.422L0.198,-0L0.077,-0L0.077,-0.56C0.077,-0.627 0.095,-0.68 0.13,-0.719C0.165,-0.757 0.219,-0.776 0.29,-0.776Z" style="fill:white;fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(83.6174,0,0,91.6667,783.516,673.43)">
+                <path d="M0.048,-0.259C0.048,-0.305 0.055,-0.345 0.069,-0.38C0.082,-0.415 0.1,-0.444 0.123,-0.467C0.146,-0.49 0.172,-0.507 0.201,-0.519C0.23,-0.53 0.26,-0.536 0.291,-0.536C0.363,-0.536 0.419,-0.514 0.46,-0.469C0.5,-0.424 0.52,-0.358 0.52,-0.269C0.52,-0.262 0.52,-0.255 0.52,-0.247C0.519,-0.238 0.519,-0.231 0.518,-0.224L0.173,-0.224C0.176,-0.182 0.191,-0.15 0.218,-0.127C0.244,-0.103 0.282,-0.092 0.332,-0.092C0.361,-0.092 0.388,-0.095 0.412,-0.1C0.437,-0.105 0.456,-0.111 0.47,-0.117L0.486,-0.018C0.479,-0.015 0.47,-0.011 0.459,-0.008C0.447,-0.004 0.434,-0.001 0.419,0.002C0.404,0.005 0.387,0.008 0.37,0.01C0.353,0.012 0.335,0.013 0.317,0.013C0.271,0.013 0.231,0.006 0.197,-0.008C0.163,-0.021 0.135,-0.04 0.113,-0.065C0.091,-0.089 0.075,-0.117 0.064,-0.151C0.053,-0.184 0.048,-0.22 0.048,-0.259ZM0.399,-0.313C0.399,-0.33 0.397,-0.345 0.392,-0.361C0.387,-0.376 0.381,-0.389 0.372,-0.4C0.363,-0.41 0.352,-0.419 0.339,-0.426C0.326,-0.432 0.31,-0.435 0.292,-0.435C0.273,-0.435 0.257,-0.432 0.243,-0.425C0.229,-0.418 0.217,-0.408 0.207,-0.397C0.198,-0.386 0.19,-0.373 0.185,-0.358C0.18,-0.343 0.176,-0.328 0.174,-0.313L0.399,-0.313Z" style="fill:white;fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(83.6174,0,0,91.6667,824.405,673.43)">
+                <path d="M0.077,-0.506C0.1,-0.513 0.131,-0.519 0.168,-0.525C0.205,-0.531 0.247,-0.534 0.292,-0.534C0.335,-0.534 0.37,-0.528 0.399,-0.517C0.428,-0.505 0.451,-0.489 0.468,-0.468C0.485,-0.447 0.497,-0.421 0.503,-0.392C0.51,-0.362 0.514,-0.329 0.514,-0.294L0.514,-0L0.393,-0L0.393,-0.275C0.393,-0.303 0.391,-0.327 0.388,-0.346C0.384,-0.366 0.378,-0.382 0.37,-0.395C0.361,-0.407 0.35,-0.416 0.336,-0.422C0.321,-0.427 0.304,-0.43 0.283,-0.43C0.268,-0.43 0.252,-0.429 0.235,-0.427C0.218,-0.425 0.206,-0.423 0.198,-0.422L0.198,-0L0.077,-0L0.077,-0.506Z" style="fill:white;fill-rule:nonzero;"/>
+            </g>
+        </g>
+        <g transform="matrix(0.955272,0,0,0.926643,420.342,811.4)">
+            <g transform="matrix(62.5,0,0,62.5,473.217,434.009)">
+                <path d="M0.213,-0.066C0.213,-0.043 0.205,-0.024 0.19,-0.009C0.174,0.006 0.155,0.013 0.133,0.013C0.11,0.013 0.091,0.006 0.076,-0.009C0.061,-0.024 0.053,-0.043 0.053,-0.066C0.053,-0.089 0.061,-0.109 0.076,-0.124C0.091,-0.139 0.11,-0.146 0.133,-0.146C0.155,-0.146 0.174,-0.139 0.19,-0.124C0.205,-0.109 0.213,-0.089 0.213,-0.066Z" style="fill:white;fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(62.5,0,0,62.5,481.405,434.009)">
+                <path d="M0.172,-0.263C0.172,-0.21 0.185,-0.168 0.21,-0.138C0.235,-0.107 0.27,-0.092 0.315,-0.092C0.334,-0.092 0.351,-0.093 0.365,-0.095C0.378,-0.096 0.389,-0.098 0.398,-0.1L0.398,-0.4C0.387,-0.407 0.373,-0.414 0.356,-0.421C0.338,-0.427 0.319,-0.43 0.299,-0.43C0.255,-0.43 0.223,-0.415 0.203,-0.385C0.182,-0.355 0.172,-0.314 0.172,-0.263ZM0.519,-0.016C0.495,-0.009 0.465,-0.002 0.429,0.004C0.392,0.01 0.354,0.013 0.314,0.013C0.273,0.013 0.236,0.007 0.203,-0.006C0.17,-0.019 0.142,-0.037 0.119,-0.061C0.097,-0.084 0.079,-0.113 0.067,-0.147C0.054,-0.18 0.048,-0.218 0.048,-0.26C0.048,-0.301 0.053,-0.339 0.064,-0.373C0.074,-0.406 0.089,-0.435 0.109,-0.459C0.129,-0.483 0.153,-0.501 0.182,-0.515C0.211,-0.528 0.244,-0.534 0.281,-0.534C0.306,-0.534 0.329,-0.531 0.348,-0.525C0.367,-0.519 0.384,-0.512 0.398,-0.505L0.398,-0.756L0.519,-0.776L0.519,-0.016Z" style="fill:rgb(56,59,58);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(62.5,0,0,62.5,514.405,434.009)">
+                <path d="M0.048,-0.259C0.048,-0.305 0.055,-0.345 0.069,-0.38C0.082,-0.415 0.1,-0.444 0.123,-0.467C0.146,-0.49 0.172,-0.507 0.201,-0.519C0.23,-0.53 0.26,-0.536 0.291,-0.536C0.363,-0.536 0.419,-0.514 0.46,-0.469C0.5,-0.424 0.52,-0.358 0.52,-0.269C0.52,-0.262 0.52,-0.255 0.52,-0.247C0.519,-0.238 0.519,-0.231 0.518,-0.224L0.173,-0.224C0.176,-0.182 0.191,-0.15 0.218,-0.127C0.244,-0.103 0.282,-0.092 0.332,-0.092C0.361,-0.092 0.388,-0.095 0.412,-0.1C0.437,-0.105 0.456,-0.111 0.47,-0.117L0.486,-0.018C0.479,-0.015 0.47,-0.011 0.459,-0.008C0.447,-0.004 0.434,-0.001 0.419,0.002C0.404,0.005 0.387,0.008 0.37,0.01C0.353,0.012 0.335,0.013 0.317,0.013C0.271,0.013 0.231,0.006 0.197,-0.008C0.163,-0.021 0.135,-0.04 0.113,-0.065C0.091,-0.089 0.075,-0.117 0.064,-0.151C0.053,-0.184 0.048,-0.22 0.048,-0.259ZM0.399,-0.313C0.399,-0.33 0.397,-0.345 0.392,-0.361C0.387,-0.376 0.381,-0.389 0.372,-0.4C0.363,-0.41 0.352,-0.419 0.339,-0.426C0.326,-0.432 0.31,-0.435 0.292,-0.435C0.273,-0.435 0.257,-0.432 0.243,-0.425C0.229,-0.418 0.217,-0.408 0.207,-0.397C0.198,-0.386 0.19,-0.373 0.185,-0.358C0.18,-0.343 0.176,-0.328 0.174,-0.313L0.399,-0.313Z" style="fill:rgb(56,59,58);fill-rule:nonzero;"/>
+            </g>
+        </g>
+    </g>
+</svg>

package/_tpl/_root/package.json

@@ -0,0 +1,28 @@
+{
+    "main": "src/index.ts",
+    "directories": {
+        "doc": "docs",
+        "lib": "lib"
+    },
+    "workspaces": [
+        "workspaces/*"
+    ],
+    "author": "",
+    "dependencies": {
+        "@leuffen/themejs1": "^5.0.3",
+        "@micx/lib-js": "^1.0.5"
+    },
+    "devDependencies": {
+        "css-loader": "^6.7.1",
+        "dart-sass": "^1.25.0",
+        "esbuild-loader": "^2.20.0",
+        "mini-css-extract-plugin": "^2.6.1",
+        "raw-loader": "^4.0.2",
+        "sass": "^1.56.1",
+        "sass-loader": "^13.0.2",
+        "style-loader": "^3.3.1",
+        "webpack": "^5.75.0",
+        "webpack-cli": "^5.0.1",
+        "webpack-dev-server": "^4.11.1"
+    }
+}

package/_tpl/_root/src/_variables.scss

@@ -0,0 +1,35 @@
+
+$font-family-base: garamond,serif;
+//$font-family-base: sans-serif;
+
+
+
+$primary: #de7924;
+$success: #22b573;
+$danger: #bf1c0a;
+$warning: #bf760a;
+$dark: #483c32;
+$background-primary: lighten($primary, 40%);
+$background-accent: rgba(87, 45, 15, 0.20);
+
+$content-offset-top: 100px;
+$content-height-adjustment: 200px;
+
+$font-size-base: 1.2rem;
+$line-height-base: 1.2;
+$paragraph-margin-bottom: 1.5rem;
+
+$minibar-text-color: black;
+$minibar-color: transparent;
+
+$section-border-radius: 25px;
+
+$background: rgba(189, 172, 155, 0.34);
+$text-color: #483c32;
+
+$border-radius: 25px;
+
+$text-dark: #fff;
+$background-dark: $text-color;
+$section-border-color: transparent;
+$header-text-transform: unset;

package/_tpl/_root/src/index.ts

@@ -0,0 +1,5 @@
+import "@leuffen/themejs1/index"
+
+import {MicxFormmailFacade} from "@micx/lib-js";
+(new MicxFormmailFacade).observe();
+

package/_tpl/_root/src/index_embed.ts

@@ -0,0 +1,4 @@
+
+import "@leuffen/themejs1/embed"
+
+

package/_tpl/_root/src/style.scss

@@ -0,0 +1,10 @@
+@import "_variables";
+@import "bootstrap";
+
+/** Contains files that need to be loaded with style_custom.scss  -  e.g. bootstrap */
+
+
+nav {
+    --height: 88px !important;
+    //--layout-container: container-fluid !important;
+}

package/_tpl/_root/src/style_custom.scss

@@ -0,0 +1,34 @@
+
+@import "_variables";
+@import "@leuffen/themejs1/theme1";
+@import "@leuffen/themejs1";
+
+
+
+@function toRGB ($color) {
+    @return  red($color) + ", " + green($color) + ", " + blue($color);
+}
+
+
+nav {
+    --s-box-background: rgba(255, 255, 255, 0.0);
+}
+
+
+
+
+.tjs__hero-ribbon {
+
+    h3 {
+        color: $primary;
+    }
+
+    .tjs__hero-ribbon--wrapper {
+        background-color: rgba(63, 28, 28, 0.08);
+    }
+
+}
+
+.tjs__hero-max {
+
+}

package/_tpl/_root/src/style_embed.scss

@@ -0,0 +1,4 @@
+@import "_variables";
+@import "@leuffen/themejs1/embed";
+
+

package/_tpl/_root/src/style_late.scss

@@ -0,0 +1,3 @@
+@import "_variables";
+@import "@leuffen/themejs1/late";
+

package/_tpl/_root/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "outDir": "./dist/",
+    "noImplicitAny": false,
+    "module": "es2020",
+    "target": "es6",
+    "jsx": "react",
+    "allowJs": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "moduleResolution": "node",
+    "lib": [
+      "es2021",
+      "dom"
+    ]
+  },
+  "exclude": [
+    "/node_modules/**/*"
+  ]
+}

package/_tpl/_root/webpack.config.js

@@ -0,0 +1,75 @@
+const path = require('path');
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const {ESBuildMinifyPlugin} = require("esbuild-loader");
+
+module.exports = {
+    entry: {
+        '_includes/dist/style_embed': './src/style_embed.scss',
+        'assets/dist/style': './src/style.scss',
+        'assets/dist/style_late': './src/style_late.scss',
+        'assets/dist/style_custom': './src/style_custom.scss',
+
+        'assets/dist/index': './src/index.ts',
+        '_includes/dist/index_embed': './src/index_embed.ts'
+    },
+    cache: true,
+    module: {
+        rules: [
+            {
+                test: /\.tsx?$/,
+                use: [
+                    {
+                        loader: 'esbuild-loader',
+                        options: {
+                            loader: "ts",
+                        }
+                    }
+                ],
+            },
+            {
+                enforce: 'pre',
+                test: /\.html$/,
+                loader: 'raw-loader',
+            },
+            {
+                test: /\.(scss|css)$/,
+                use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
+                include: path.resolve(__dirname, "src")
+            },
+
+
+        ],
+    },
+    resolve: {
+        extensions: ['.tsx', '.ts', '.js'],
+    },
+
+    devtool: "eval",
+    // switch to: 'development' to debug
+    mode: "production",
+
+    plugins: [
+
+        new MiniCssExtractPlugin({
+          // Options similar to the same options in webpackOptions.output
+          // both options are optional
+          filename: "[name].css",
+          chunkFilename: "[id].css",
+        }),
+
+
+    ],
+    optimization: {
+        minimize: true,
+        usedExports: true,
+        minimizer: [
+            new ESBuildMinifyPlugin({
+                target: "es2015"
+            })
+        ]
+    },
+    output: {
+        filename: '[name].js',
+        path: path.resolve(__dirname, 'docs/'),
+    },
+};

package/_tpl/pages/praxis-gallery.de.md

@@ -0,0 +1,34 @@
+---
+_schiller_instructions: ""
+description: ""
+icon: bi bi-phone
+image: ~
+lang: de
+layout: article
+order: 30
+permalink: /praxis
+pid: pages/praxis
+ptags:
+- nav
+published: true
+skipHead: false
+title: Praxis
+type: article
+---
+## Unsere Praxis
+{: layout="use: #image-gallery1" .d-none}
+
+- ![](https://cdn.leuffen.de//falk-k43/v2/12/460-307_gfedcba/Praxis_Falk_8312.webp)
+- ![](https://cdn.leuffen.de//falk-k43/v2/10/508-339_gfedcba/Praxis_Falk_8316.webp)
+- ![](https://cdn.leuffen.de//falk-k43/v2/9/93-64_gfedcba/Praxis_Falk_8278.webp)
+- ![](https://cdn.leuffen.de//falk-k43/v2/8/460-307_gfedcba/Praxis_Falk_8279.webp)
+- ![](https://cdn.leuffen.de//falk-k43/v2/13/121-85_gfedcba/DSCF1142.webp)
+
+
+## Kontakt
+{: layout="use: #cta-base"}
+
+Informationen zu unseren Leistungen, Sprechstundenzeiten und Kontaktdaten finden Sie auf den nachfolgenden Seiten. 
+
+[Unsere Leistungen](/leistungen)
+[Kontakt](/kontakt)

package/_tpl/pages/termin-redirect.de.md

@@ -0,0 +1,21 @@
+---
+description: ""
+icon: bi bi-phone
+lang: de
+layout: article
+order: 80
+permalink: /termin
+pid: pages/termin
+ptags:
+- nav
+published: true
+short_title: Termin vereinbaren
+skipHead: false
+title: Termin vereinbaren
+type: article
+---
+
+<script>
+window.location.href = "{{site.data.general.termin_url}}";
+</script>
+

package/_variables.scss

@@ -13,7 +13,7 @@ $danger:    #bf1c0a !default;
 $warning:   #bf760a !default;
 $dark:      #006837 !default;
 
-$background: #802020 !default;
+$background: rgba(217, 217, 217, 0.24) !default;
 $background-primary:        #b7eaf9 !default;
 $background-accent:         #ddd    !default;
 

package/elements/elements.scss

@@ -1,3 +1,2 @@
 @import "liweco";
-@import "e-card-default/e-card-default";
 @import "e-form/e-form";

package/elements/elements.ts

@@ -1,2 +1 @@
-export * from "./e-card-default/e-card-default";
 export * from "./e-form/e-form";

package/index.scss

@@ -1,3 +1,5 @@
+@import "bootstrap";
+
 @import "sections/defaults";
 @import "sections/sections";
 @import "elements/elements";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leuffen/themejs1",
-  "version": "5.0.1",
+  "version": "5.0.4",
 
   "description": "",
   "license": "proprietary",
@@ -27,10 +27,10 @@
   ],
   "author": "",
   "dependencies": {
-    "@leuffen/jodastyle": "^2.0.2",
+    "@leuffen/jodastyle": "^3.0.2",
     "@kasimirjs/embed": "^1.0.8",
-    "@leuffen/isl-base": "^1.0.9",
-    "@leuffen/liscom": "^1.0.2",
+    "@leuffen/isl-base": "^2.0.2",
+    "@leuffen/liscom": "^2.0.1",
     "@leuffen/liweco-base": "^2.0.2",
     "bootstrap": "^5.3.0"
   },

package/sections/cta-base/cta-base.ts

@@ -4,9 +4,9 @@ Joda.registerTemplate("cta-base",
     // language=HTML
     `
 
-        <div class="tjs__cta-base">
+        <section class="tjs__cta-base">
             <div class="[[layout.container]]">
                 <slot></slot>
             </div>
-        </div>
+        </section>
     `);

package/sections/cta-form/cta-form.ts

@@ -3,18 +3,20 @@ import {Joda} from "@leuffen/jodastyle";
 Joda.registerTemplate("cta-form",
     // language=HTML
     `
-        <form class="tjs__cta-form" data-micx-formmail-preset="default" data-micx-formmail-sent-message="E-Mail erfolgreich gesendet!">
-            <div class="container">
-                <slot data-select=":scope h2"></slot>
-            </div>
-            <div class="wrapper">
+        <section class="tjs__cta-form">
+            <form  data-micx-formmail-preset="default" data-micx-formmail-sent-message="E-Mail erfolgreich gesendet!">
                 <div class="container">
-                    <div class="row g-3">
-                        <slot data-select=".section-hr" data-replace=""></slot>
+                    <slot data-select=":scope h2"></slot>
+                </div>
+                <div class="wrapper">
+                    <div class="container">
+                        <div class="row g-3">
+                            <slot data-select=".section-hr" data-replace=""></slot>
 
+                        </div>
                     </div>
                 </div>
-            </div>
 
-        </form>
+            </form>
+        </section>
     `);

package/sections/footer-base/footer-base.scss

@@ -45,6 +45,14 @@
         overflow: hidden;
         border-top: 1px solid var(--t-section-background);
         text-align: center;
+
+        img {
+            filter: grayscale(100%);
+            &:hover {
+                filter: grayscale(0%);
+            }
+        }
+
     }
     h3 {
         margin-top: 20px;
@@ -71,8 +79,12 @@
         }
      }
     .content {
-          --joda-class: ":: border-bottom :xl: border-end";
+         border-right: 1px solid var(--t-section-border-color);
+        &:last-of-type {
+            border-right: none;
+        }
       }
+
     .content:last-of-type {
            --joda-class: unset;
        }

package/sections/footer-base/footer-base.ts

@@ -4,14 +4,14 @@ Joda.registerTemplate("footer-base",
     // language=HTML
     `
 
-        <div class="tjs__footer-base [[layout.class]]">
+        <footer class="tjs__footer-base [[layout.class]]">
             <div class="[[layout.container]] h-100">
                 <div class="row">
-                    <slot data-select=".section-h3 > .content" data-class=":: col-12 :xl: col"></slot>
+                    <slot data-select=".section-h3 > .content" data-child-class=":: col-12 :xl: col"></slot>
                 </div>
             </div>
             <div class="subfooter">
                 <slot data-select="#minifooter"></slot>
             </div>
-        </div>
+        </footer>
     `);

package/sections/hero-max/hero-max.ts

@@ -5,7 +5,7 @@ Joda.registerTemplate("hero-max",
     // language=HTML
     `
 
-        <div class="tjs__hero-max [[layout.class]] [[layout.autoheight === false ? '' : 'tjs__hero-max--autoheight' ]]">
+        <section class="tjs__hero-max [[layout.class]] [[layout.autoheight === false ? '' : 'tjs__hero-max--autoheight' ]] :: mobile :lg: desktop">
             <slot data-select="img.background, :scope>.content>p.background>img" class="slideshow"></slot>
             <div class="tjs__hero-max--out-wrapper ">
                 <div class="tjs__hero-max--container [[layout.container]]">
@@ -17,5 +17,6 @@ Joda.registerTemplate("hero-max",
                     </div>
                 </div>
             </div>
-        </div>
+        </section>
+
     `);

package/sections/image-gallery1/image-gallery1.scss

@@ -0,0 +1,87 @@
+
+
+.tjs-image-gallery1 {
+    padding: var(--t-section-padding);
+    background: var(--t-section-background);
+
+    &__header {
+        text-align: center;
+        padding-bottom: 40px;
+        &:empty {
+            display: none;
+        }
+    }
+
+    &__images {
+        display: flex;
+        flex-wrap: wrap;
+        width: 100%;
+        ul {
+            margin: 0;
+
+            &> li {
+                list-style: none;
+                margin: 0;
+            }
+        }
+
+
+    }
+
+    &__images-image {
+
+
+        flex-grow: 3;
+        transform: scale(100%);
+        transition: transform 0.2s ease-in-out;
+        min-width: 300px;
+        padding: 5px;
+        display: inline-block;
+        img {
+            &:hover {
+
+
+            }
+            border-radius: var(--t-section-border-radius);
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            object-position: center center;
+        }
+    }
+
+    &.mobile &__images-image {
+        width: 100%;
+        height: auto;
+        aspect-ratio: 16/9;
+    }
+
+    &__images-image:last-child {
+        width: 50%;
+        height: auto;
+        aspect-ratio: 16/9;
+        flex-grow: 3;
+    }
+
+    &__images-image:nth-child(1n) {
+        width: 75%;
+        height: auto;
+        aspect-ratio: 16/9;
+    }
+    &__images-image:nth-child(2n) {
+        width: 25%;
+        aspect-ratio: 2/1;
+    }
+    &__images-image:nth-child(3n) {
+        width: 25%;
+        aspect-ratio: 5/4;
+    }
+    &__images-image:nth-child(4n) {
+        width: 25%;
+        aspect-ratio: 2/1;
+    }
+    &__images-image:nth-child(5n) {
+        width: 50%;
+        aspect-ratio: 2/1;
+    }
+}

package/sections/image-gallery1/image-gallery1.ts

@@ -0,0 +1,22 @@
+import {Joda} from "@leuffen/jodastyle";
+
+
+Joda.registerTemplate("image-gallery1__images-image",
+    // language=HTML
+    `
+
+        <slot class="tjs-image-gallery1__images-image" data-select="img"></slot>
+
+    `);
+
+
+Joda.registerTemplate("image-gallery1",
+    // language=HTML
+    `
+
+        <section class="tjs-image-gallery1 container :: mobile :lg: desktop">
+            <slot class="tjs-image-gallery1__header"></slot>
+            <slot class="tjs-image-gallery1__images" data-select="ul > li" data-child-layout="use: #image-gallery1__images-image"></slot>
+        </section>
+
+    `);

package/sections/sec-card-2col/sec-card-2col.scss

@@ -60,7 +60,7 @@
 
 }
 
-.section-h2:nth-of-type(odd) .tjs__sec-card-2col .row {
+.tjs__sec-card-2col:nth-of-type(odd) .row {
     flex-direction: row-reverse;
     //--joda-class: "flex-row-reverse";
 }