comand-component-library 4.0.22 → 4.0.23
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/media/images/logos/logo-darkmode.svg +29 -44
- package/dist/media/images/logos/logo-dating-darkmode.svg +29 -0
- package/dist/media/images/logos/logo-dating.svg +27 -0
- package/dist/media/images/logos/logo.svg +27 -209
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/src/ComponentLibrary.vue +32 -0
- package/src/components/CmdFancyBox.vue +6 -0
- package/src/components/CmdPagination.vue +4 -0
@@ -1,44 +1,29 @@
|
|
1
|
-
<?xml version="1.0" encoding="
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
l-20.444,41.351h-1.477l-20.688-41.666l-5.68,41.666H132.665z"/>
|
31
|
-
<path fill="#FFFFFF" d="M232.897,2.166l26.965,57.82h-6.241l-9.094-19.024h-24.909l-9.008,19.024h-6.446l27.318-57.82H232.897z
|
32
|
-
M232.168,14.451l-9.907,20.93h19.768L232.168,14.451z"/>
|
33
|
-
<path fill="#FFFFFF" d="M268.863,59.986V2.166h1.258l38.481,44.322V2.166h5.699v57.82h-1.297l-38.167-43.783v43.783H268.863z"/>
|
34
|
-
<path fill="#FFFFFF" d="M328.375,59.986V2.166h11.988c8.647,0,14.923,0.694,18.828,2.083c5.607,1.965,9.99,5.372,13.148,10.22
|
35
|
-
c3.157,4.849,4.736,10.626,4.736,17.334c0,5.792-1.252,10.888-3.754,15.291c-2.503,4.402-5.752,7.652-9.748,9.748
|
36
|
-
c-3.996,2.097-9.598,3.145-16.804,3.145H328.375z M333.917,54.522h6.683c7.992,0,13.534-0.497,16.627-1.492
|
37
|
-
c4.349-1.414,7.769-3.959,10.259-7.639c2.489-3.679,3.734-8.176,3.734-13.491c0-5.577-1.351-10.342-4.049-14.295
|
38
|
-
c-2.699-3.954-6.46-6.663-11.281-8.13c-3.616-1.099-9.578-1.649-17.885-1.649h-4.088V54.522z"/>
|
39
|
-
</g>
|
40
|
-
<g>
|
41
|
-
<path fill="#FFFFFF" d="M108.432,6.745l13.924,24.117l-13.924,24.116H80.584L66.66,30.862L80.584,6.745H108.432 M111.318,1.745
|
42
|
-
H77.697L60.887,30.862l16.811,29.116h33.621l16.811-29.116L111.318,1.745L111.318,1.745z"/>
|
43
|
-
</g>
|
44
|
-
</svg>
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
2
|
+
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 385.29 98.88">
|
3
|
+
<defs>
|
4
|
+
<style>
|
5
|
+
.cls-1 {
|
6
|
+
font-size: 20.12px;
|
7
|
+
}
|
8
|
+
|
9
|
+
.cls-1, .cls-2, .cls-3 {
|
10
|
+
fill: #fff;
|
11
|
+
}
|
12
|
+
|
13
|
+
.cls-1, .cls-3 {
|
14
|
+
font-family: CenturyGothic, 'Century Gothic';
|
15
|
+
}
|
16
|
+
|
17
|
+
.cls-2 {
|
18
|
+
stroke-width: 0px;
|
19
|
+
}
|
20
|
+
|
21
|
+
.cls-3 {
|
22
|
+
font-size: 80.5px;
|
23
|
+
}
|
24
|
+
</style>
|
25
|
+
</defs>
|
26
|
+
<text class="cls-3" transform="translate(0 69.15)"><tspan x="0" y="0" xml:space="preserve">C MAND</tspan></text>
|
27
|
+
<text class="cls-1" transform="translate(3.38 92.71)"><tspan x="0" y="0">Content Management and Distribution</tspan></text>
|
28
|
+
<path class="cls-2" d="m112.48,15.91l13.92,24.12-13.92,24.12h-27.85l-13.92-24.12,13.92-24.12h27.85m2.89-5h-33.62l-16.81,29.12,16.81,29.12h33.62l16.81-29.12-16.81-29.12h0Z"/>
|
29
|
+
</svg>
|
@@ -0,0 +1,29 @@
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
2
|
+
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 385.29 98.88">
|
3
|
+
<defs>
|
4
|
+
<style>
|
5
|
+
.cls-1 {
|
6
|
+
font-size: 20.12px;
|
7
|
+
}
|
8
|
+
|
9
|
+
.cls-1, .cls-2, .cls-3 {
|
10
|
+
fill: #fff;
|
11
|
+
}
|
12
|
+
|
13
|
+
.cls-1, .cls-3 {
|
14
|
+
font-family: CenturyGothic, 'Century Gothic';
|
15
|
+
}
|
16
|
+
|
17
|
+
.cls-2 {
|
18
|
+
stroke-width: 0px;
|
19
|
+
}
|
20
|
+
|
21
|
+
.cls-3 {
|
22
|
+
font-size: 80.5px;
|
23
|
+
}
|
24
|
+
</style>
|
25
|
+
</defs>
|
26
|
+
<text class="cls-3" transform="translate(0 69.15)"><tspan x="0" y="0" xml:space="preserve">C MAND</tspan></text>
|
27
|
+
<text class="cls-1" transform="translate(3.38 92.71)"><tspan x="0" y="0">Content Management and Distribution</tspan></text>
|
28
|
+
<path class="cls-2" d="m83.04,16.13c.46,0,.92.03,1.38.08,1.25.14,2.19.38,2.89.72.36.18.85.55,1.32.93,1.41,1.13,2.56,2.69,3.5,4.07.75,1.11,1.5,2.22,2.24,3.33l1.04,1.56c.07.1.14.2.22.32l.04.06,4.59,6.4,4.43-6.51.24-.36c.19-.28.38-.55.56-.82.36-.55.72-1.09,1.08-1.64.76-1.16,1.49-2.26,2.24-3.35.91-1.31,1.86-2.34,2.9-3.14.98-.75,2.01-1.18,3.24-1.36,1.12-.16,1.95-.23,2.67-.23.13,0,.27,0,.4,0,2.6.1,4.56.72,6.14,1.94,1.71,1.32,2.72,2.87,3.15,4.9.17.78.23,1.56.18,2.29-.07,1.06-.29,2.18-.67,3.43-.73,2.42-1.95,4.94-3.97,8.18-1.66,2.66-3.55,5.26-5.78,7.94-1.86,2.24-3.91,4.47-6.26,6.84-2.33,2.35-4.79,4.68-7.31,6.92-1.11.98-2.22,1.96-3.33,2.94l-.56-.51c-2.11-1.92-4.28-3.9-6.4-5.86-2.41-2.23-4.78-4.58-7.03-7-2.83-3.04-5.21-5.93-7.27-8.86-1.73-2.45-3.04-4.8-4.02-7.18-.71-1.72-1.18-3.34-1.43-4.93-.19-1.19-.26-2.24-.22-3.22.04-.87.12-1.97.42-2.82.37-1.03,1.08-1.95,2.18-2.79,1.52-1.16,3.33-1.87,5.54-2.17.55-.07,1.11-.11,1.66-.11m0-5.5c-.8,0-1.6.05-2.4.16-3.03.41-5.78,1.45-8.14,3.26-1.87,1.43-3.26,3.19-4.02,5.32-.51,1.43-.67,2.93-.73,4.42-.06,1.45.05,2.9.29,4.33.34,2.11.96,4.15,1.78,6.14,1.2,2.91,2.77,5.65,4.62,8.26,2.34,3.31,4.95,6.44,7.75,9.44,2.34,2.51,4.78,4.94,7.32,7.29,2.91,2.69,5.84,5.34,8.77,8.01.62.56,1.24,1.11,1.87,1.67.05-.04.08-.06.11-.09,2.31-2.03,4.63-4.06,6.93-6.1,2.6-2.31,5.12-4.7,7.56-7.15,2.3-2.32,4.52-4.71,6.59-7.2,2.27-2.73,4.36-5.57,6.22-8.55,1.88-3.02,3.55-6.13,4.57-9.5.46-1.52.78-3.07.89-4.64.09-1.28-.02-2.56-.29-3.83-.7-3.25-2.4-5.96-5.18-8.1-2.68-2.06-5.83-2.93-9.27-3.07-.21,0-.41-.01-.62-.01-1.15,0-2.29.12-3.43.28-2.2.31-4.13,1.14-5.83,2.44-1.63,1.25-2.94,2.74-4.07,4.37-1.16,1.67-2.26,3.39-3.38,5.08-.25.37-.5.74-.77,1.13-.07-.1-.12-.16-.17-.23-1.1-1.64-2.19-3.29-3.3-4.93-1.31-1.92-2.73-3.76-4.61-5.26-.72-.57-1.47-1.15-2.3-1.56-1.46-.73-3.08-1.08-4.73-1.27-.67-.07-1.33-.11-2-.11h0Z"/>
|
29
|
+
</svg>
|
@@ -0,0 +1,27 @@
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
2
|
+
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 385.29 98.88">
|
3
|
+
<defs>
|
4
|
+
<style>
|
5
|
+
.cls-1 {
|
6
|
+
fill: #9c97ca;
|
7
|
+
stroke-width: 0px;
|
8
|
+
}
|
9
|
+
|
10
|
+
.cls-2 {
|
11
|
+
font-size: 20.12px;
|
12
|
+
}
|
13
|
+
|
14
|
+
.cls-2, .cls-3 {
|
15
|
+
fill: #575756;
|
16
|
+
font-family: CenturyGothic, 'Century Gothic';
|
17
|
+
}
|
18
|
+
|
19
|
+
.cls-3 {
|
20
|
+
font-size: 80.5px;
|
21
|
+
}
|
22
|
+
</style>
|
23
|
+
</defs>
|
24
|
+
<text class="cls-3" transform="translate(0 69.15)"><tspan x="0" y="0" xml:space="preserve">C MAND</tspan></text>
|
25
|
+
<text class="cls-2" transform="translate(3.38 92.71)"><tspan x="0" y="0">Content Management and Distribution</tspan></text>
|
26
|
+
<path class="cls-1" d="m83.04,16.13c.46,0,.92.03,1.38.08,1.25.14,2.19.38,2.89.72.36.18.85.55,1.32.93,1.41,1.13,2.56,2.69,3.5,4.07.75,1.11,1.5,2.22,2.24,3.33l1.04,1.56c.07.1.14.2.22.32l.04.06,4.59,6.4,4.43-6.51.24-.36c.19-.28.38-.55.56-.82.36-.55.72-1.09,1.08-1.64.76-1.16,1.49-2.26,2.24-3.35.91-1.31,1.86-2.34,2.9-3.14.98-.75,2.01-1.18,3.24-1.36,1.12-.16,1.95-.23,2.67-.23.13,0,.27,0,.4,0,2.6.1,4.56.72,6.14,1.94,1.71,1.32,2.72,2.87,3.15,4.9.17.78.23,1.56.18,2.29-.07,1.06-.29,2.18-.67,3.43-.73,2.42-1.95,4.94-3.97,8.18-1.66,2.66-3.55,5.26-5.78,7.94-1.86,2.24-3.91,4.47-6.26,6.84-2.33,2.35-4.79,4.68-7.31,6.92-1.11.98-2.22,1.96-3.33,2.94l-.56-.51c-2.11-1.92-4.28-3.9-6.4-5.86-2.41-2.23-4.78-4.58-7.03-7-2.83-3.04-5.21-5.93-7.27-8.86-1.73-2.45-3.04-4.8-4.02-7.18-.71-1.72-1.18-3.34-1.43-4.93-.19-1.19-.26-2.24-.22-3.22.04-.87.12-1.97.42-2.82.37-1.03,1.08-1.95,2.18-2.79,1.52-1.16,3.33-1.87,5.54-2.17.55-.07,1.11-.11,1.66-.11m0-5.5c-.8,0-1.6.05-2.4.16-3.03.41-5.78,1.45-8.14,3.26-1.87,1.43-3.26,3.19-4.02,5.32-.51,1.43-.67,2.93-.73,4.42-.06,1.45.05,2.9.29,4.33.34,2.11.96,4.15,1.78,6.14,1.2,2.91,2.77,5.65,4.62,8.26,2.34,3.31,4.95,6.44,7.75,9.44,2.34,2.51,4.78,4.94,7.32,7.29,2.91,2.69,5.84,5.34,8.77,8.01.62.56,1.24,1.11,1.87,1.67.05-.04.08-.06.11-.09,2.31-2.03,4.63-4.06,6.93-6.1,2.6-2.31,5.12-4.7,7.56-7.15,2.3-2.32,4.52-4.71,6.59-7.2,2.27-2.73,4.36-5.57,6.22-8.55,1.88-3.02,3.55-6.13,4.57-9.5.46-1.52.78-3.07.89-4.64.09-1.28-.02-2.56-.29-3.83-.7-3.25-2.4-5.96-5.18-8.1-2.68-2.06-5.83-2.93-9.27-3.07-.21,0-.41-.01-.62-.01-1.15,0-2.29.12-3.43.28-2.2.31-4.13,1.14-5.83,2.44-1.63,1.25-2.94,2.74-4.07,4.37-1.16,1.67-2.26,3.39-3.38,5.08-.25.37-.5.74-.77,1.13-.07-.1-.12-.16-.17-.23-1.1-1.64-2.19-3.29-3.3-4.93-1.31-1.92-2.73-3.76-4.61-5.26-.72-.57-1.47-1.15-2.3-1.56-1.46-.73-3.08-1.08-4.73-1.27-.67-.07-1.33-.11-2-.11h0Z"/>
|
27
|
+
</svg>
|
@@ -1,209 +1,27 @@
|
|
1
|
-
<?xml version="1.0" encoding="
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
c9.345,0,17.784,1.849,25.315,5.546C86.879,10.043,93.049,15.225,97.858,21.894z"/>
|
29
|
-
<path fill="#575756" d="M229.132,103.421L243.464,3.316h1.625l40.696,82.139l40.304-82.139h1.603L342.1,103.421h-9.813
|
30
|
-
l-9.891-71.591l-35.394,71.591h-2.557l-35.816-72.135l-9.834,72.135H229.132z"/>
|
31
|
-
<path fill="#575756" d="M402.666,3.316l46.684,100.104h-10.805L422.8,70.484h-43.125l-15.596,32.937h-11.16L400.216,3.316H402.666z
|
32
|
-
M401.402,24.585L384.25,60.821h34.224L401.402,24.585z"/>
|
33
|
-
<path fill="#575756" d="M464.933,103.421V3.316h2.178l66.623,76.735V3.316h9.867v100.104h-2.245l-66.079-75.802v75.802H464.933z"/>
|
34
|
-
<path fill="#575756" d="M567.964,103.421V3.316h20.755c14.972,0,25.836,1.202,32.598,3.606c9.708,3.403,17.296,9.301,22.764,17.693
|
35
|
-
c5.466,8.395,8.2,18.398,8.2,30.011c0,10.027-2.168,18.851-6.499,26.473c-4.333,7.622-9.958,13.248-16.877,16.877
|
36
|
-
c-6.919,3.63-16.616,5.444-29.093,5.444H567.964z M577.559,93.961h11.569c13.837,0,23.432-0.86,28.787-2.583
|
37
|
-
c7.528-2.448,13.449-6.855,17.761-13.225c4.31-6.369,6.465-14.155,6.465-23.357c0-9.655-2.338-17.904-7.01-24.75
|
38
|
-
c-4.673-6.845-11.184-11.536-19.531-14.075c-6.261-1.903-16.582-2.855-30.964-2.855h-7.077V93.961z"/>
|
39
|
-
</g>
|
40
|
-
<g>
|
41
|
-
<path fill="#575756" d="M73.529,122.329l-1.661,1.274c-0.917-1.193-2.016-2.097-3.3-2.712c-1.283-0.616-2.694-0.923-4.23-0.923
|
42
|
-
c-1.68,0-3.236,0.403-4.667,1.21c-1.432,0.806-2.541,1.889-3.329,3.25c-0.787,1.36-1.181,2.889-1.181,4.588
|
43
|
-
c0,2.567,0.88,4.71,2.642,6.428c1.761,1.718,3.981,2.578,6.664,2.578c2.949,0,5.416-1.155,7.402-3.465l1.661,1.26
|
44
|
-
c-1.051,1.336-2.36,2.37-3.93,3.1c-1.571,0.73-3.324,1.096-5.262,1.096c-3.685,0-6.591-1.227-8.719-3.68
|
45
|
-
c-1.786-2.071-2.677-4.572-2.677-7.502c0-3.083,1.081-5.676,3.243-7.781c2.162-2.104,4.87-3.157,8.125-3.157
|
46
|
-
c1.966,0,3.741,0.389,5.326,1.167C71.218,119.835,72.517,120.926,73.529,122.329z"/>
|
47
|
-
<path fill="#575756" d="M84.796,123.503c2.4,0,4.388,0.868,5.966,2.605c1.434,1.584,2.151,3.46,2.151,5.626
|
48
|
-
c0,2.176-0.758,4.078-2.274,5.706c-1.515,1.627-3.463,2.44-5.844,2.44c-2.391,0-4.344-0.813-5.859-2.44
|
49
|
-
c-1.515-1.627-2.273-3.529-2.273-5.706c0-2.157,0.717-4.028,2.151-5.612C80.392,124.376,82.386,123.503,84.796,123.503z
|
50
|
-
M84.788,125.465c-1.666,0-3.098,0.615-4.295,1.847c-1.198,1.23-1.796,2.719-1.796,4.467c0,1.126,0.273,2.176,0.819,3.149
|
51
|
-
c0.546,0.974,1.283,1.725,2.212,2.255c0.929,0.529,1.949,0.794,3.06,0.794c1.112,0,2.131-0.265,3.06-0.794
|
52
|
-
c0.929-0.53,1.667-1.282,2.213-2.255c0.546-0.973,0.819-2.023,0.819-3.149c0-1.748-0.601-3.236-1.803-4.467
|
53
|
-
C87.875,126.08,86.446,125.465,84.788,125.465z"/>
|
54
|
-
<path fill="#575756" d="M96.622,123.904h2.004v2.791c0.801-1.068,1.689-1.868,2.663-2.397c0.974-0.53,2.033-0.794,3.179-0.794
|
55
|
-
c1.164,0,2.197,0.296,3.099,0.888s1.568,1.388,1.998,2.391c0.43,1.002,0.644,2.563,0.644,4.682v8.018h-2.004v-7.431
|
56
|
-
c0-1.794-0.074-2.992-0.223-3.594c-0.231-1.031-0.678-1.806-1.336-2.327c-0.658-0.52-1.518-0.78-2.577-0.78
|
57
|
-
c-1.213,0-2.298,0.402-3.258,1.203s-1.592,1.794-1.897,2.978c-0.191,0.773-0.287,2.186-0.287,4.238v5.712h-2.004V123.904z"/>
|
58
|
-
<path fill="#575756" d="M116.25,118.12h2.004v5.784h3.179v1.732h-3.179v13.845h-2.004v-13.845h-2.735v-1.732h2.735V118.12z"/>
|
59
|
-
<path fill="#575756" d="M137.553,134.312l1.69,0.888c-0.555,1.088-1.195,1.966-1.921,2.634c-0.726,0.669-1.542,1.177-2.451,1.525
|
60
|
-
c-0.907,0.349-1.934,0.522-3.081,0.522c-2.541,0-4.528-0.833-5.961-2.498c-1.433-1.665-2.15-3.548-2.15-5.648
|
61
|
-
c0-1.976,0.607-3.737,1.82-5.283c1.538-1.965,3.597-2.949,6.176-2.949c2.656,0,4.776,1.007,6.362,3.021
|
62
|
-
c1.127,1.423,1.701,3.198,1.719,5.326h-14.016c0.038,1.809,0.616,3.293,1.735,4.45c1.117,1.156,2.499,1.734,4.142,1.734
|
63
|
-
c0.793,0,1.565-0.138,2.315-0.413c0.75-0.276,1.387-0.642,1.913-1.098S136.942,135.33,137.553,134.312z M137.553,130.118
|
64
|
-
c-0.267-1.069-0.657-1.923-1.168-2.563c-0.511-0.639-1.188-1.154-2.028-1.546c-0.841-0.391-1.726-0.587-2.652-0.587
|
65
|
-
c-1.529,0-2.843,0.492-3.942,1.475c-0.803,0.716-1.41,1.79-1.821,3.222H137.553z"/>
|
66
|
-
<path fill="#575756" d="M143.495,123.904h2.004v2.791c0.801-1.068,1.689-1.868,2.663-2.397c0.974-0.53,2.033-0.794,3.178-0.794
|
67
|
-
c1.164,0,2.197,0.296,3.099,0.888c0.902,0.592,1.568,1.388,1.998,2.391c0.43,1.002,0.645,2.563,0.645,4.682v8.018h-2.004v-7.431
|
68
|
-
c0-1.794-0.075-2.992-0.223-3.594c-0.232-1.031-0.678-1.806-1.337-2.327c-0.658-0.52-1.517-0.78-2.577-0.78
|
69
|
-
c-1.213,0-2.298,0.402-3.258,1.203s-1.592,1.794-1.897,2.978c-0.191,0.773-0.287,2.186-0.287,4.238v5.712h-2.004V123.904z"/>
|
70
|
-
<path fill="#575756" d="M163.124,118.12h2.004v5.784h3.179v1.732h-3.179v13.845h-2.004v-13.845h-2.735v-1.732h2.735V118.12z"/>
|
71
|
-
<path fill="#575756" d="M178.801,139.481l3.016-21.061h0.341l8.562,17.281l8.479-17.281h0.337l3.03,21.061h-2.063l-2.081-15.061
|
72
|
-
l-7.446,15.061h-0.538l-7.535-15.176l-2.069,15.176H178.801z"/>
|
73
|
-
<path fill="#575756" d="M221.894,123.904v15.577h-1.976v-2.677c-0.839,1.021-1.782,1.79-2.828,2.305
|
74
|
-
c-1.045,0.515-2.188,0.772-3.429,0.772c-2.205,0-4.087-0.799-5.648-2.398c-1.561-1.599-2.341-3.543-2.341-5.834
|
75
|
-
c0-2.243,0.788-4.161,2.363-5.755c1.574-1.593,3.469-2.391,5.683-2.391c1.279,0,2.437,0.271,3.472,0.816s1.944,1.36,2.727,2.448
|
76
|
-
v-2.863H221.894z M213.884,125.436c-1.116,0-2.146,0.274-3.089,0.822c-0.944,0.548-1.695,1.318-2.253,2.31
|
77
|
-
c-0.557,0.992-0.836,2.04-0.836,3.146c0,1.098,0.281,2.146,0.843,3.146c0.563,1.001,1.318,1.78,2.267,2.338
|
78
|
-
c0.949,0.558,1.966,0.836,3.054,0.836c1.096,0,2.135-0.276,3.118-0.829c0.981-0.553,1.737-1.301,2.266-2.245
|
79
|
-
s0.794-2.007,0.794-3.189c0-1.801-0.593-3.308-1.78-4.519C217.08,126.041,215.619,125.436,213.884,125.436z"/>
|
80
|
-
<path fill="#575756" d="M226.404,123.904h2.004v2.791c0.802-1.068,1.689-1.868,2.663-2.397c0.974-0.53,2.033-0.794,3.179-0.794
|
81
|
-
c1.164,0,2.197,0.296,3.099,0.888c0.902,0.592,1.568,1.388,1.998,2.391c0.429,1.002,0.644,2.563,0.644,4.682v8.018h-2.004v-7.431
|
82
|
-
c0-1.794-0.074-2.992-0.223-3.594c-0.231-1.031-0.678-1.806-1.336-2.327c-0.659-0.52-1.518-0.78-2.577-0.78
|
83
|
-
c-1.213,0-2.299,0.402-3.258,1.203s-1.592,1.794-1.897,2.978c-0.191,0.773-0.287,2.186-0.287,4.238v5.712h-2.004V123.904z"/>
|
84
|
-
<path fill="#575756" d="M259.805,123.904v15.577h-1.976v-2.677c-0.839,1.021-1.782,1.79-2.828,2.305
|
85
|
-
c-1.045,0.515-2.188,0.772-3.429,0.772c-2.205,0-4.087-0.799-5.648-2.398c-1.561-1.599-2.341-3.543-2.341-5.834
|
86
|
-
c0-2.243,0.788-4.161,2.363-5.755c1.574-1.593,3.469-2.391,5.683-2.391c1.279,0,2.437,0.271,3.472,0.816s1.944,1.36,2.727,2.448
|
87
|
-
v-2.863H259.805z M251.795,125.436c-1.116,0-2.146,0.274-3.089,0.822c-0.944,0.548-1.695,1.318-2.253,2.31
|
88
|
-
c-0.557,0.992-0.836,2.04-0.836,3.146c0,1.098,0.281,2.146,0.843,3.146c0.563,1.001,1.318,1.78,2.267,2.338
|
89
|
-
s1.966,0.836,3.053,0.836c1.097,0,2.136-0.276,3.118-0.829c0.981-0.553,1.737-1.301,2.266-2.245s0.794-2.007,0.794-3.189
|
90
|
-
c0-1.801-0.593-3.308-1.78-4.519C254.991,126.041,253.53,125.436,251.795,125.436z"/>
|
91
|
-
<path fill="#575756" d="M277.745,123.904h2.004v12.412c0,2.187-0.191,3.785-0.573,4.797c-0.525,1.431-1.436,2.534-2.734,3.307
|
92
|
-
c-1.298,0.772-2.859,1.16-4.682,1.16c-1.336,0-2.537-0.189-3.601-0.567c-1.064-0.378-1.93-0.886-2.599-1.522
|
93
|
-
c-0.668-0.636-1.283-1.567-1.846-2.792h2.176c0.593,1.03,1.357,1.794,2.293,2.29s2.097,0.745,3.483,0.745
|
94
|
-
c1.367,0,2.521-0.254,3.462-0.763c0.941-0.509,1.613-1.149,2.014-1.919c0.401-0.771,0.602-2.015,0.602-3.731v-0.802
|
95
|
-
c-0.755,0.954-1.677,1.687-2.766,2.198c-1.089,0.511-2.245,0.766-3.468,0.766c-1.433,0-2.781-0.355-4.042-1.067
|
96
|
-
c-1.261-0.711-2.235-1.668-2.923-2.87c-0.688-1.203-1.031-2.525-1.031-3.966c0-1.44,0.358-2.785,1.075-4.03
|
97
|
-
c0.717-1.246,1.708-2.231,2.974-2.957c1.266-0.725,2.602-1.088,4.005-1.088c1.166,0,2.252,0.241,3.261,0.723
|
98
|
-
c1.008,0.482,1.98,1.277,2.917,2.384V123.904z M271.832,125.436c-1.136,0-2.19,0.274-3.165,0.823
|
99
|
-
c-0.973,0.549-1.737,1.308-2.29,2.276c-0.554,0.969-0.831,2.017-0.831,3.143c0,1.708,0.573,3.121,1.719,4.238
|
100
|
-
s2.629,1.674,4.453,1.674c1.842,0,3.324-0.553,4.445-1.66c1.122-1.107,1.682-2.563,1.682-4.366c0-1.174-0.258-2.222-0.772-3.143
|
101
|
-
c-0.516-0.92-1.246-1.648-2.19-2.184C273.936,125.703,272.919,125.436,271.832,125.436z"/>
|
102
|
-
<path fill="#575756" d="M297.158,134.312l1.69,0.888c-0.555,1.088-1.194,1.966-1.92,2.634c-0.726,0.669-1.543,1.177-2.451,1.525
|
103
|
-
c-0.907,0.349-1.935,0.522-3.081,0.522c-2.542,0-4.529-0.833-5.961-2.498c-1.433-1.665-2.15-3.548-2.15-5.648
|
104
|
-
c0-1.976,0.607-3.737,1.82-5.283c1.538-1.965,3.597-2.949,6.176-2.949c2.656,0,4.776,1.007,6.362,3.021
|
105
|
-
c1.128,1.423,1.701,3.198,1.72,5.326h-14.016c0.038,1.809,0.616,3.293,1.734,4.45c1.118,1.156,2.499,1.734,4.143,1.734
|
106
|
-
c0.793,0,1.564-0.138,2.315-0.413c0.75-0.276,1.387-0.642,1.913-1.098C295.978,136.066,296.547,135.33,297.158,134.312z
|
107
|
-
M297.158,130.118c-0.267-1.069-0.657-1.923-1.168-2.563c-0.512-0.639-1.188-1.154-2.028-1.546
|
108
|
-
c-0.841-0.391-1.725-0.587-2.652-0.587c-1.529,0-2.843,0.492-3.942,1.475c-0.803,0.716-1.41,1.79-1.821,3.222H297.158z"/>
|
109
|
-
<path fill="#575756" d="M303.086,123.904h2.004v2.691c0.697-0.992,1.415-1.719,2.15-2.176c1.014-0.611,2.079-0.917,3.197-0.917
|
110
|
-
c0.754,0,1.471,0.148,2.149,0.444c0.678,0.296,1.233,0.689,1.662,1.181c0.431,0.492,0.803,1.195,1.119,2.111
|
111
|
-
c0.667-1.221,1.498-2.149,2.499-2.784c1-0.635,2.076-0.952,3.228-0.952c1.075,0,2.025,0.271,2.849,0.816
|
112
|
-
c0.825,0.544,1.435,1.303,1.836,2.276c0.401,0.973,0.6,2.434,0.6,4.381v8.504h-2.047v-8.504c0-1.67-0.12-2.818-0.356-3.443
|
113
|
-
c-0.239-0.625-0.645-1.128-1.221-1.511c-0.575-0.381-1.263-0.572-2.062-0.572c-0.97,0-1.858,0.287-2.661,0.859
|
114
|
-
c-0.805,0.573-1.391,1.336-1.763,2.291c-0.37,0.955-0.556,2.548-0.556,4.781v6.1h-2.004v-7.975c0-1.88-0.117-3.157-0.352-3.83
|
115
|
-
c-0.233-0.673-0.642-1.211-1.224-1.617c-0.582-0.406-1.274-0.609-2.075-0.609c-0.926,0-1.792,0.279-2.599,0.838
|
116
|
-
c-0.807,0.558-1.403,1.31-1.79,2.254c-0.386,0.945-0.58,2.391-0.58,4.338v6.6h-2.004V123.904z"/>
|
117
|
-
<path fill="#575756" d="M343.718,134.312l1.689,0.888c-0.554,1.088-1.193,1.966-1.92,2.634c-0.726,0.669-1.544,1.177-2.45,1.525
|
118
|
-
c-0.908,0.349-1.936,0.522-3.083,0.522c-2.541,0-4.528-0.833-5.959-2.498c-1.434-1.665-2.151-3.548-2.151-5.648
|
119
|
-
c0-1.976,0.607-3.737,1.821-5.283c1.537-1.965,3.596-2.949,6.176-2.949c2.654,0,4.776,1.007,6.362,3.021
|
120
|
-
c1.126,1.423,1.699,3.198,1.72,5.326h-14.017c0.038,1.809,0.616,3.293,1.733,4.45c1.119,1.156,2.499,1.734,4.144,1.734
|
121
|
-
c0.793,0,1.564-0.138,2.315-0.413c0.749-0.276,1.388-0.642,1.914-1.098C342.538,136.066,343.106,135.33,343.718,134.312z
|
122
|
-
M343.718,130.118c-0.269-1.069-0.658-1.923-1.168-2.563c-0.513-0.639-1.189-1.154-2.029-1.546
|
123
|
-
c-0.842-0.391-1.724-0.587-2.652-0.587c-1.528,0-2.842,0.492-3.941,1.475c-0.803,0.716-1.41,1.79-1.821,3.222H343.718z"/>
|
124
|
-
<path fill="#575756" d="M349.66,123.904h2.003v2.791c0.803-1.068,1.691-1.868,2.665-2.397c0.972-0.53,2.032-0.794,3.177-0.794
|
125
|
-
c1.165,0,2.198,0.296,3.101,0.888c0.901,0.592,1.567,1.388,1.997,2.391c0.43,1.002,0.644,2.563,0.644,4.682v8.018h-2.003v-7.431
|
126
|
-
c0-1.794-0.076-2.992-0.223-3.594c-0.233-1.031-0.678-1.806-1.337-2.327c-0.658-0.52-1.518-0.78-2.577-0.78
|
127
|
-
c-1.212,0-2.299,0.402-3.258,1.203s-1.593,1.794-1.897,2.978c-0.191,0.773-0.288,2.186-0.288,4.238v5.712h-2.003V123.904z"/>
|
128
|
-
<path fill="#575756" d="M369.287,118.12h2.005v5.784h3.177v1.732h-3.177v13.845h-2.005v-13.845h-2.734v-1.732h2.734V118.12z"/>
|
129
|
-
<path fill="#575756" d="M401.113,123.904v15.577h-1.975v-2.677c-0.84,1.021-1.784,1.79-2.829,2.305
|
130
|
-
c-1.045,0.515-2.188,0.772-3.429,0.772c-2.205,0-4.086-0.799-5.647-2.398c-1.561-1.599-2.342-3.543-2.342-5.834
|
131
|
-
c0-2.243,0.788-4.161,2.362-5.755c1.576-1.593,3.47-2.391,5.685-2.391c1.278,0,2.436,0.271,3.471,0.816
|
132
|
-
c1.037,0.544,1.946,1.36,2.729,2.448v-2.863H401.113z M393.103,125.436c-1.114,0-2.144,0.274-3.089,0.822
|
133
|
-
c-0.943,0.548-1.694,1.318-2.252,2.31s-0.835,2.04-0.835,3.146c0,1.098,0.28,2.146,0.842,3.146c0.563,1.001,1.319,1.78,2.267,2.338
|
134
|
-
c0.949,0.558,1.966,0.836,3.054,0.836c1.096,0,2.135-0.276,3.118-0.829s1.736-1.301,2.266-2.245
|
135
|
-
c0.529-0.944,0.794-2.007,0.794-3.189c0-1.801-0.593-3.308-1.78-4.519C396.3,126.041,394.839,125.436,393.103,125.436z"/>
|
136
|
-
<path fill="#575756" d="M405.625,123.904h2.003v2.791c0.803-1.068,1.69-1.868,2.665-2.397c0.972-0.53,2.032-0.794,3.177-0.794
|
137
|
-
c1.165,0,2.198,0.296,3.101,0.888c0.901,0.592,1.567,1.388,1.997,2.391c0.429,1.002,0.644,2.563,0.644,4.682v8.018h-2.003v-7.431
|
138
|
-
c0-1.794-0.076-2.992-0.223-3.594c-0.233-1.031-0.678-1.806-1.337-2.327c-0.658-0.52-1.519-0.78-2.577-0.78
|
139
|
-
c-1.212,0-2.299,0.402-3.258,1.203c-0.958,0.801-1.592,1.794-1.897,2.978c-0.191,0.773-0.287,2.186-0.287,4.238v5.712h-2.003
|
140
|
-
V123.904z"/>
|
141
|
-
<path fill="#575756" d="M439.053,117.891v21.59h-1.975v-2.677c-0.84,1.021-1.784,1.79-2.829,2.305
|
142
|
-
c-1.045,0.515-2.188,0.772-3.429,0.772c-2.205,0-4.086-0.799-5.647-2.398c-1.561-1.599-2.342-3.543-2.342-5.834
|
143
|
-
c0-2.243,0.788-4.161,2.362-5.755c1.576-1.593,3.469-2.391,5.684-2.391c1.278,0,2.437,0.271,3.471,0.816
|
144
|
-
c1.037,0.544,1.946,1.36,2.729,2.448v-8.876H439.053z M431.042,125.436c-1.114,0-2.144,0.274-3.089,0.822
|
145
|
-
c-0.943,0.548-1.694,1.318-2.252,2.31s-0.837,2.04-0.837,3.146c0,1.098,0.282,2.146,0.844,3.146
|
146
|
-
c0.563,1.001,1.319,1.78,2.267,2.338c0.949,0.558,1.966,0.836,3.054,0.836c1.095,0,2.135-0.276,3.118-0.829
|
147
|
-
c0.98-0.553,1.736-1.301,2.266-2.245c0.529-0.944,0.794-2.007,0.794-3.189c0-1.801-0.593-3.308-1.78-4.519
|
148
|
-
C434.24,126.041,432.779,125.436,431.042,125.436z"/>
|
149
|
-
<path fill="#575756" d="M452.038,139.481V118.42h4.365c3.15,0,5.436,0.253,6.86,0.759c2.042,0.716,3.638,1.957,4.788,3.722
|
150
|
-
c1.149,1.766,1.725,3.871,1.725,6.314c0,2.109-0.455,3.966-1.366,5.569c-0.912,1.604-2.095,2.787-3.551,3.551
|
151
|
-
c-1.456,0.764-3.496,1.146-6.12,1.146H452.038z M454.057,137.491h2.433c2.911,0,4.93-0.181,6.057-0.543
|
152
|
-
c1.584-0.515,2.83-1.442,3.736-2.782c0.907-1.34,1.36-2.978,1.36-4.914c0-2.031-0.491-3.767-1.474-5.207
|
153
|
-
c-0.984-1.44-2.354-2.427-4.11-2.961c-1.317-0.4-3.488-0.601-6.515-0.601h-1.488V137.491z"/>
|
154
|
-
<path fill="#575756" d="M474.222,117.49c0.455,0,0.846,0.163,1.168,0.486c0.323,0.325,0.485,0.716,0.485,1.174
|
155
|
-
c0,0.449-0.162,0.835-0.485,1.16c-0.322,0.325-0.713,0.487-1.168,0.487c-0.448,0-0.832-0.162-1.155-0.487
|
156
|
-
c-0.322-0.325-0.485-0.711-0.485-1.16c0-0.458,0.163-0.85,0.485-1.174C473.39,117.653,473.774,117.49,474.222,117.49z
|
157
|
-
M473.226,123.904h2.006v15.577h-2.006V123.904z"/>
|
158
|
-
<path fill="#575756" d="M487.229,125.607l-1.288,1.332c-1.072-1.04-2.121-1.561-3.144-1.561c-0.651,0-1.209,0.215-1.674,0.644
|
159
|
-
c-0.463,0.43-0.694,0.931-0.694,1.504c0,0.506,0.19,0.987,0.572,1.446c0.383,0.467,1.188,1.017,2.411,1.646
|
160
|
-
c1.491,0.773,2.506,1.518,3.042,2.234c0.525,0.725,0.788,1.541,0.788,2.448c0,1.279-0.448,2.362-1.348,3.25
|
161
|
-
c-0.897,0.887-2.022,1.331-3.37,1.331c-0.897,0-1.756-0.195-2.573-0.586c-0.818-0.392-1.494-0.931-2.028-1.618l1.26-1.431
|
162
|
-
c1.022,1.155,2.109,1.732,3.258,1.732c0.803,0,1.486-0.258,2.051-0.773c0.564-0.515,0.847-1.121,0.847-1.818
|
163
|
-
c0-0.572-0.186-1.083-0.56-1.532c-0.372-0.438-1.214-0.992-2.524-1.66c-1.406-0.726-2.363-1.441-2.87-2.148
|
164
|
-
c-0.506-0.706-0.76-1.513-0.76-2.419c0-1.184,0.404-2.167,1.211-2.95c0.808-0.782,1.829-1.173,3.062-1.173
|
165
|
-
C484.333,123.503,485.775,124.205,487.229,125.607z"/>
|
166
|
-
<path fill="#575756" d="M492.526,118.12h2.005v5.784h3.177v1.732h-3.177v13.845h-2.005v-13.845h-2.734v-1.732h2.734V118.12z"/>
|
167
|
-
<path fill="#575756" d="M499.957,123.904h2.048v2.276c0.61-0.897,1.254-1.568,1.933-2.012c0.678-0.444,1.384-0.666,2.12-0.666
|
168
|
-
c0.553,0,1.145,0.177,1.774,0.529l-1.046,1.69c-0.42-0.182-0.772-0.272-1.059-0.272c-0.668,0-1.313,0.275-1.933,0.824
|
169
|
-
c-0.62,0.548-1.094,1.4-1.418,2.555c-0.249,0.888-0.372,2.683-0.372,5.383v5.269h-2.048V123.904z"/>
|
170
|
-
<path fill="#575756" d="M510.229,117.49c0.455,0,0.846,0.163,1.169,0.486c0.322,0.325,0.485,0.716,0.485,1.174
|
171
|
-
c0,0.449-0.163,0.835-0.485,1.16c-0.323,0.325-0.714,0.487-1.169,0.487c-0.447,0-0.831-0.162-1.154-0.487s-0.485-0.711-0.485-1.16
|
172
|
-
c0-0.458,0.162-0.85,0.485-1.174C509.398,117.653,509.782,117.49,510.229,117.49z M509.234,123.904h2.005v15.577h-2.005V123.904z"
|
173
|
-
/>
|
174
|
-
<path fill="#575756" d="M515.533,139.481v-21.59h2.006v8.69c0.839-1.031,1.776-1.802,2.816-2.312
|
175
|
-
c1.04-0.511,2.18-0.766,3.419-0.766c2.203,0,4.083,0.799,5.642,2.397c1.559,1.6,2.339,3.539,2.339,5.82
|
176
|
-
c0,2.253-0.786,4.175-2.36,5.77c-1.572,1.594-3.466,2.391-5.678,2.391c-1.268,0-2.416-0.272-3.447-0.815
|
177
|
-
c-1.029-0.544-1.939-1.36-2.73-2.448v2.863H515.533z M523.55,137.949c1.114,0,2.143-0.275,3.086-0.824
|
178
|
-
c0.943-0.548,1.692-1.319,2.25-2.312c0.557-0.992,0.836-2.042,0.836-3.15s-0.281-2.162-0.844-3.164
|
179
|
-
c-0.562-1.002-1.315-1.782-2.264-2.341c-0.947-0.558-1.958-0.837-3.035-0.837c-1.096,0-2.136,0.279-3.121,0.837
|
180
|
-
c-0.986,0.559-1.743,1.311-2.271,2.255c-0.529,0.944-0.793,2.009-0.793,3.192c0,1.804,0.593,3.312,1.778,4.524
|
181
|
-
C520.359,137.343,521.818,137.949,523.55,137.949z"/>
|
182
|
-
<path fill="#575756" d="M535.149,123.904h2.004v7.272c0,1.775,0.096,2.998,0.287,3.666c0.286,0.955,0.834,1.708,1.642,2.262
|
183
|
-
c0.807,0.554,1.771,0.83,2.89,0.83c1.117,0,2.066-0.27,2.846-0.809c0.779-0.539,1.316-1.248,1.612-2.126
|
184
|
-
c0.201-0.601,0.301-1.875,0.301-3.823v-7.272h2.048v7.646c0,2.147-0.25,3.765-0.752,4.853c-0.501,1.088-1.255,1.94-2.261,2.556
|
185
|
-
c-1.008,0.615-2.271,0.923-3.787,0.923c-1.519,0-2.785-0.308-3.801-0.923c-1.018-0.616-1.775-1.475-2.277-2.578
|
186
|
-
c-0.501-1.103-0.751-2.76-0.751-4.975V123.904z"/>
|
187
|
-
<path fill="#575756" d="M554.978,118.12h2.005v5.784h3.177v1.732h-3.177v13.845h-2.005v-13.845h-2.734v-1.732h2.734V118.12z"/>
|
188
|
-
<path fill="#575756" d="M563.863,117.49c0.455,0,0.845,0.163,1.168,0.486c0.323,0.325,0.485,0.716,0.485,1.174
|
189
|
-
c0,0.449-0.162,0.835-0.485,1.16s-0.713,0.487-1.168,0.487c-0.448,0-0.832-0.162-1.155-0.487c-0.322-0.325-0.485-0.711-0.485-1.16
|
190
|
-
c0-0.458,0.163-0.85,0.485-1.174C563.031,117.653,563.415,117.49,563.863,117.49z M562.867,123.904h2.005v15.577h-2.005V123.904z"
|
191
|
-
/>
|
192
|
-
<path fill="#575756" d="M576.412,123.503c2.398,0,4.389,0.868,5.966,2.605c1.434,1.584,2.151,3.46,2.151,5.626
|
193
|
-
c0,2.176-0.758,4.078-2.272,5.706c-1.517,1.627-3.465,2.44-5.845,2.44c-2.392,0-4.344-0.813-5.858-2.44
|
194
|
-
c-1.517-1.627-2.274-3.529-2.274-5.706c0-2.157,0.717-4.028,2.152-5.612C572.008,124.376,574.001,123.503,576.412,123.503z
|
195
|
-
M576.405,125.465c-1.667,0-3.1,0.615-4.297,1.847c-1.196,1.23-1.795,2.719-1.795,4.467c0,1.126,0.271,2.176,0.818,3.149
|
196
|
-
c0.546,0.974,1.283,1.725,2.213,2.255c0.928,0.529,1.949,0.794,3.061,0.794c1.11,0,2.13-0.265,3.06-0.794
|
197
|
-
c0.929-0.53,1.666-1.282,2.212-2.255c0.546-0.973,0.819-2.023,0.819-3.149c0-1.748-0.602-3.236-1.804-4.467
|
198
|
-
C579.49,126.08,578.061,125.465,576.405,125.465z"/>
|
199
|
-
<path fill="#575756" d="M588.236,123.904h2.004v2.791c0.803-1.068,1.69-1.868,2.664-2.397c0.973-0.53,2.032-0.794,3.178-0.794
|
200
|
-
c1.164,0,2.197,0.296,3.101,0.888c0.901,0.592,1.567,1.388,1.996,2.391c0.43,1.002,0.645,2.563,0.645,4.682v8.018h-2.004v-7.431
|
201
|
-
c0-1.794-0.075-2.992-0.223-3.594c-0.233-1.031-0.678-1.806-1.338-2.327c-0.657-0.52-1.518-0.78-2.576-0.78
|
202
|
-
c-1.212,0-2.3,0.402-3.258,1.203c-0.959,0.801-1.593,1.794-1.897,2.978c-0.191,0.773-0.287,2.186-0.287,4.238v5.712h-2.004V123.904
|
203
|
-
z"/>
|
204
|
-
</g>
|
205
|
-
<g>
|
206
|
-
<path fill="#0281C3" d="M187.555,10.587l24.485,42.411l-24.485,42.408h-48.971l-24.485-42.408l24.485-42.411H187.555
|
207
|
-
M192.174,2.587h-58.208l-29.104,50.411l29.104,50.408h58.208l29.104-50.408L192.174,2.587L192.174,2.587z"/>
|
208
|
-
</g>
|
209
|
-
</svg>
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
2
|
+
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 385.29 98.88">
|
3
|
+
<defs>
|
4
|
+
<style>
|
5
|
+
.cls-1 {
|
6
|
+
fill: #0281c3;
|
7
|
+
stroke-width: 0px;
|
8
|
+
}
|
9
|
+
|
10
|
+
.cls-2 {
|
11
|
+
font-size: 20.12px;
|
12
|
+
}
|
13
|
+
|
14
|
+
.cls-2, .cls-3 {
|
15
|
+
fill: #575756;
|
16
|
+
font-family: CenturyGothic, 'Century Gothic';
|
17
|
+
}
|
18
|
+
|
19
|
+
.cls-3 {
|
20
|
+
font-size: 80.5px;
|
21
|
+
}
|
22
|
+
</style>
|
23
|
+
</defs>
|
24
|
+
<text class="cls-3" transform="translate(0 69.15)"><tspan x="0" y="0" xml:space="preserve">C MAND</tspan></text>
|
25
|
+
<text class="cls-2" transform="translate(3.38 92.71)"><tspan x="0" y="0">Content Management and Distribution</tspan></text>
|
26
|
+
<path class="cls-1" d="m112.48,15.91l13.92,24.12-13.92,24.12h-27.85l-13.92-24.12,13.92-24.12h27.85m2.89-5h-33.62l-16.81,29.12,16.81,29.12h33.62l16.81-29.12-16.81-29.12h0Z"/>
|
27
|
+
</svg>
|
package/dist/style.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.iconify{font-size:var(--default-icon-size);vertical-align:text-bottom}.iconify+span,span+.iconify{margin-left:calc(var(--default-margin) / 2)}.edit-component-wrapper{border:.1rem dashed transparent;transition:var(--default-transition);display:block}.edit-component-wrapper:hover,.edit-component-wrapper:active,.edit-component-wrapper:focus{border-color:var(--primary-color);background:hsla(0deg,0%,100%,.1);transition:var(--default-transition)}.edit-component-wrapper:focus,.edit-component-wrapper.active{border-style:solid;border-color:var(--primary-color)}.edit-component-wrapper:focus .action-buttons,.edit-component-wrapper.active .action-buttons{opacity:1;transition:var(--default-transition)}.edit-component-wrapper label.text-center input{text-align:center}.edit-component-wrapper label.edit-mode input,.edit-component-wrapper label select,.edit-component-wrapper label .cmd-fake-select{padding:0;height:auto;min-height:calc(var(--input-height) / 2)}.edit-component-wrapper [data-component=CmdSlideshow]{top:1.8rem;right:5.3rem}.edit-component-wrapper.highlight{border-color:var(--hyperlink-color-highlighted);border-style:dotted}.edit-component-wrapper .component-name{display:none;position:absolute;left:auto;right:8rem;font-size:1.1rem;font-style:italic;z-index:1;padding:.2rem 2rem .2rem .5rem;background:var(--primary-color);margin:0}.edit-component-wrapper .action-buttons{--action-buttons-size: 3.6rem;transition:var(--default-transition);gap:0;position:absolute;top:-1.8rem;right:.8rem;z-index:1;margin:0}.edit-component-wrapper .action-buttons li:nth-child(odd){top:0}.edit-component-wrapper .action-buttons li:nth-child(2n){top:-1.6rem}.edit-component-wrapper .action-buttons li:nth-child(5){right:0}.edit-component-wrapper .action-buttons li:nth-child(4){right:calc(var(--action-buttons-size) * -.25)}.edit-component-wrapper .action-buttons li:nth-child(3){right:calc(var(--action-buttons-size) * -.5)}.edit-component-wrapper .action-buttons li:nth-child(2){right:calc(var(--action-buttons-size) * -.75)}.edit-component-wrapper .action-buttons li:nth-child(1){right:calc(var(--action-buttons-size) * -1)}.edit-component-wrapper .edit-items .action-buttons{gap:var(--default-gap-third);top:-2.3rem;left:0;right:auto;flex-wrap:nowrap;border:var(--default-border);border-color:var(--pure-white);border-bottom:0;background:var(--pure-white);border-radius:var(--default-border-radius)}.edit-component-wrapper .edit-items .action-buttons li{top:0;right:0;left:auto}.edit-component-wrapper .edit-items .action-buttons li:nth-child(5){right:0}.edit-component-wrapper .edit-items .action-buttons li:nth-child(4){right:var(--icon-font-size)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(3){right:calc(var(--icon-font-size) * 2)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(2){right:calc(var(--icon-font-size) * 3)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(1){right:calc(var(--icon-font-size) * 4)}.edit-component-wrapper .edit-items .action-buttons li a.button{border-radius:var(--full-circle);font-size:1rem;display:block;padding:.5rem;background:var(--button-background)}.edit-component-wrapper .edit-items .action-buttons li a.button:before{content:"";font-size:1rem}.edit-component-wrapper .edit-items .action-buttons li a.button span[class*=icon-]{font-size:var(--icon-size-small);position:relative;top:0;left:0;transform:none}.edit-component-wrapper .edit-items .action-buttons li a.button span[class*=icon-]:before{color:var(--hyperlink-color)}.edit-component-wrapper .edit-items .action-buttons li a.button.primary{background:var(--primary-color)}.edit-component-wrapper .edit-items .action-buttons li a.button:hover span[class*=icon-]:before,.edit-component-wrapper .edit-items .action-buttons li a.button:active span[class*=icon-]:before,.edit-component-wrapper .edit-items .action-buttons li a.button:focus span[class*=icon-]:before{color:var(--hyperlink-color-highlighted)}.edit-component-wrapper .edit-items.active{background:hsla(0deg,0%,100%,.2)}.edit-component-wrapper.active{background:var(--pure-white);border-color:var(--pure-white);min-height:2.5rem}.edit-component-wrapper.active .component-name{display:block}.edit-component-wrapper.active label.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked~.label-text span{color:var(--pure-white)}.edit-component-wrapper .cmd-headline{margin:0}.edit-component-wrapper .cmd-thumbnail-scroller .inner-thumbnail-wrapper>ul>li{align-self:flex-start}.edit-component-wrapper .cmd-thumbnail-scroller .cmd-image .drop-area span[class*=icon]{font-size:5rem}.edit-component-wrapper .cmd-image input{width:5rem}.edit-component-wrapper:not(.edit-items)>ul>li a.button{background:none!important}ul.edit-component-wrapper{border:0}ul.edit-component-wrapper>li{list-style-type:none;margin:0}ul.edit-component-wrapper>li.action-buttons-wrapper{display:flex;justify-content:flex-end;padding-top:.1rem}ul.edit-component-wrapper>li.action-buttons-wrapper .action-buttons{position:relative;top:auto}ul.edit-component-wrapper>li.item-wrapper{border:.1rem dashed transparent;transition:var(--default-transition)}ul.edit-component-wrapper>li.item-wrapper:hover,ul.edit-component-wrapper>li.item-wrapper:active,ul.edit-component-wrapper>li.item-wrapper:focus{border-color:var(--primary-color);background:hsla(0deg,0%,100%,.1);transition:var(--default-transition)}ul.edit-component-wrapper>li.item-wrapper:focus,ul.edit-component-wrapper>li.item-wrapper.active{border-style:solid;border-color:var(--primary-color)}ul.edit-component-wrapper>li.item-wrapper:focus .action-buttons,ul.edit-component-wrapper>li.item-wrapper.active .action-buttons{opacity:1;transition:var(--default-transition)}.cmd-headline{margin-bottom:var(--default-margin);gap:calc(var(--default-gap) / 2);p {margin-bottom: 0;} h1,h2,h3,h4,h5,h6 {margin: 0; &:only-child {flex: none; width: 100%;}}}.cmd-headline.text-center>*{text-align:center}.cmd-headline.text-right>*{text-align:right}.cmd-headline.has-pre-headline-text{text-align:inherit}.cmd-headline.has-pre-headline-text>*:first-child{display:flex;align-items:flex-start;span[class*="icon"] {bottom: .2rem;}}.cmd-headline.has-pre-headline-text.text-center>*:first-child{justify-content:center}.cmd-headline.has-pre-headline-text.text-right>*:first-child{justify-content:flex-end}.cmd-headline.has-pre-headline-text.text-right>*{text-align:right}.cmd-headline.has-pre-headline-text:has(h1) span[class*=icon]{font-size:calc(var(--headline-font-size-h1) * 1.6)}.cmd-headline.has-pre-headline-text:has(h2) span[class*=icon]{font-size:calc(var(--headline-font-size-h2) * 1.8)}.cmd-headline.has-pre-headline-text:has(h3) span[class*=icon]{font-size:calc(var(--headline-font-size-h3) * 1.9)}.cmd-headline.has-pre-headline-text:has(h4) span[class*=icon]{font-size:calc(var(--headline-font-size-h4) * 2)}.cmd-headline.has-pre-headline-text:has(h5) span[class*=icon]{font-size:calc(var(--headline-font-size-h5) * 2.1)}.cmd-headline.has-pre-headline-text:has(h6) span[class*=icon]{font-size:calc(var(--headline-font-size-h6) * 2.2)}.cmd-headline.has-pre-headline-text .pre-headline-text-wrapper{display:flex;flex-direction:column}.cmd-headline.has-pre-headline-text .pre-headline-text{font-size:var(--default-font-size);font-weight:var(--font-weight-normal);line-height:1}.cmd-headline.has-pre-headline-text:has(h4,h5,h6) .pre-headline-text{font-size:var(--font-size-small)}.cmd-headline.has-pre-headline-text.has-icon.text-center{justify-content:center}.cmd-headline.has-pre-headline-text.has-icon.text-center *{text-align:left}.cmd-headline.has-pre-headline-text.has-icon.text-right{justify-content:flex-end}.cmd-headline.has-pre-headline-text.has-icon.text-right *{text-align:left}.edit-mode label.headline{input {padding: 0; height: auto; font-weight: var(--headline-font-weight);} &.h1 input {font-size: var(--headline-font-size-h1); text-transform: var(--headline-text-transform);} &.h2 input {font-size: var(--headline-font-size-h2);} &.h3 input {font-size: var(--headline-font-size-h3);} &.h4 input {font-size: var(--headline-font-size-h4);} &.h5 input {font-size: var(--headline-font-size-h5);} &.h6 input {font-size: var(--headline-font-size-h6);}}.cmd-tooltip{padding:.6rem .7rem .4rem;line-height:100%;font-size:var(--font-size-small);position:fixed;background:var(--color-scheme-background);z-index:100;border:var(--default-border);border-color:#3e3f41;border-right-color:#cececf;border-bottom-color:#cececf;display:flex;flex-direction:column}.cmd-tooltip.error,.cmd-tooltip.warning,.cmd-tooltip.success,.cmd-tooltip.info{border-color:var(--status-color)}.cmd-tooltip.error{--status-color: var(--error-color)}.cmd-tooltip.warning{--status-color: var(--warning-color)}.cmd-tooltip.success{--status-color: var(--success-color)}.cmd-tooltip.info{--status-color: var(--info-color)}.cmd-tooltip .headline-wrapper{display:flex;a {margin-left: auto; [class*="icon-"] {padding-left: 1rem; font-size: var(--font-size-small); color: var(--hyperlink-color); &:hover,&:active,&:focus {color: var(--hyperlink-color-highlighted);}}}}@-moz-document url-prefix(){.cmd-tooltip{font-size:1.3rem;border-color:#757575}}.cmd-list-of-requirements{dl {span[class*="icon-"] {color: var(--status-color);} .error,.error span { --status-color: var(--error-color); } .warning,.warning span { --status-color: var(--warning-color); } .success,.success span { --status-color: var(--success-color); } .info,.info span { --status-color: var(--info-color); } dt {color: var(--status-color);} & ~ a {display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none;}}}.cmd-tooltip-for-form-elements .headline-wrapper{a[class*="icon-"],a:has([class*="icon-"]) {margin-left: auto; &:hover,&:active,&:focus {background: none;}}}.cmd-form-element{input + .place-inside {left: auto; right: .5rem; color: var(--hyperlink-color); span {color: inherit;}} &.has-state,& + .cmd-tooltip {&.error {* { --status-color: var(--error-color); }} ::placeholder {color: var(--status-color);} span {color: var(--status-color); &.place-inside {color: inherit;}} &.success * { --status-color: var(--success-color); }} :is(input[type="checkbox"],input[type="radio"]):checked {~ .label-text span {color: var(--hyperlink-color);} &:hover,&:active,&:focus {~ .label-text span {color: var(--hyperlink-color-highlighted);}}} &.inline {& > span {& > a:not(.button) {margin-left: calc(var(--default-margin) / 2);}}} .search-field-wrapper {margin: 0; input[type="search"] {border-radius: var(--default-border-radius);} a {position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); z-index: 100; &.button {span {color: var(--color-scheme-background);} &:hover,&:active,&:focus {span {color: var(--color-scheme-text-color);}}}} a.button {right: 0; & + a {right: 5rem;}}} .place-inside {+ .search-field-wrapper {input {padding-left: calc(var(--default-padding) * 3);}}} .characters-left-wrapper {margin-top: calc(var(--default-margin) / 2); display: block; span:not(:only-child):first-child {margin-right: calc(var(--default-margin) / 2); color: var(--color-scheme-text-color);} .characters-left {color: var(--color-scheme-text-color); &.error {color: var(--error-color);}}}}.cmd-address-data{dl {grid-row-gap: calc(var(--default-gap) / 2); dt {display: flex; top: .2rem; &.address {align-self: flex-start; [class*="icon"]:only-child {line-height: var(--default-line-height);}}} .order-city-zip,.order-zip-city {display: inline-flex; gap: .5rem;} .order-city-zip {flex-direction: row-reverse;}} ul {gap: calc(var(--default-gap) / 2); margin-left: 0; li {margin-left: 0; list-style: none;}} .edit-component-wrapper {dl {margin-bottom: 0;}}}.edit-component-wrapper .cmd-address-data address{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2);dt {min-width: 2.5rem;}}.cmd-bank-account-data{dd {display: flex; gap: calc(var(--default-gap) / 2); > span {&:first-child {white-space: nowrap;}}}}.cmd-form{fieldset + .button-wrapper {margin-top: var(--default-margin);}}.cmd-form:not([data-use-validation=true]){label.error :where(::placeholder,select option:first-child),:where(input,select,textarea):invalid:focus {color: var(--error-color);} :where(input,select,textarea):valid:focus[required],select:invalid:focus[required] option:not(:first-child) {color: var(--success-color);}}.cmd-form.error{fieldset,*:invalid {border-color: var(--error-color);}}.cmd-form .button,.cmd-form .button:last-child{margin-left:auto}.cmd-pages-basic-form{fieldset {margin: 0; .order-city-zip {flex-direction: row-reverse;} .input-zip {max-width: 30%;}}}.cmd-image{img {display: block;} figcaption {border-bottom-left-radius: var(--default-border-radius); border-bottom-right-radius: var(--default-border-radius);} &.text-center {figcaption {text-align: center;}} &.text-right {figcaption {text-align: right;}} .drop-area {border: 0; align-items: center; justify-content: center; padding: 0; > [class*="icon"] {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 10rem; color: var(--pure-white); text-shadow: var(--default-text-shadow); z-index: 10;} img {opacity: .7; transition: var(--default-transition); &:hover,:active,:focus {opacity: 1; transition: var(--default-transition);} &:not([src]) {display: block; width: 100%; min-height: 30rem;}}}}.edit-mode .edit-component-wrapper .cmd-image{label.edit-mode input {padding: calc(var(--default-padding) / 2);}}.cmd-slide-button.button{font-size:2rem;z-index:10;height:100%;position:absolute;display:flex;justify-content:center;text-decoration:none;border:0;outline:0}.cmd-slide-button.button span{align-self:center}.cmd-slide-button.button.prev{left:0;top:0}.cmd-slide-button.button.next{right:0;top:0}.cmd-slide-button.button.up,.cmd-slide-button.button.down{width:100%;height:auto;left:0;top:0}.cmd-slide-button.button.down{bottom:0;top:auto}@media only screen and (max-width: 600px){.cmd-slide-button.button{width:auto}}.cmd-thumbnail-scroller{display:inline-flex;flex-direction:column;gap:var(--default-gap);width:100%}.cmd-thumbnail-scroller.full-width:not(.vertical){display:flex}.cmd-thumbnail-scroller.full-width:not(.vertical)>div{width:100%}.cmd-thumbnail-scroller .cmd-slide-button{top:50%!important;height:auto;transform:translateY(-50%)}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper{border-radius:var(--default-border-radius);padding:calc(var(--default-padding) * 2);padding-top:0;margin:0 auto;border:var(--default-border);background:var(--color-scheme-background);overflow:hidden}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul{overflow:hidden;margin:0;display:flex;gap:var(--grid-gap);justify-content:space-between;width:100%}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li{align-self:center;list-style-type:none;margin:0;margin-top:2rem;flex:none;img {min-width: 15rem; max-height: 10rem;} a {display: block; text-align: center; &.active {color: var(--hyperlink-color-highlighted); background: none; span,span[class*="icon"] {color: inherit} &:has(figcaption) {img {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}} figcaption {background: var(--primary-color); opacity: 1; color: var(--pure-white);}} &:has(img) {padding: 0;} &:hover,&:active,&:focus {&.active {figcaption {color: var(--hyperlink-color); background: none;}}}} .image-wrapper {min-width: 11.1rem;}}.cmd-thumbnail-scroller.vertical{width:auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper{display:inline-flex;left:50%;height:75rem;transform:translate(-50%)}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul{width:auto;display:flex;flex-direction:column}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul [class*=switch-button-]{width:100%;height:auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul [class*=switch-button-]:before{transform:rotate(90deg);display:inline-block;margin:0 auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper .slide-button-next{top:auto;bottom:0}.cmd-thumbnail-scroller.gallery-scroller{max-width:var(--max-width);left:0;right:0;position:fixed;bottom:var(--default-margin);margin:auto;display:table;li {a {color: var(--color-scheme-text-color); text-decoration: none; &.active {img {border-color: var(--primary-color);} figcaption {color: var(--primary-color);}} &:not(.active) {img {border: var(--default-border); opacity: var(--reduced-opacity);} figcaption {text-decoration: none;}} &:hover,&:active,&:focus {figcaption {color: var(--primary-color);} img {border-color: var(--primary-color); opacity: 1;}}}}}.cmd-thumbnail-scroller.large-icons{ul li a {display: flex; flex-direction: column; gap: calc(var(--default-gap) / 4); text-decoration: none; align-items: center; justify-content: center; span {margin: 0;} [class*="icon-"] {font-size: 5rem;}}}@media only screen and (max-width: 1023px){.cmd-thumbnail-scroller>ul>li{flex:none}.cmd-thumbnail-scroller>ul>li img{max-height:7rem}.cmd-thumbnail-scroller img{width:auto}.cmd-thumbnail-scroller.gallery-scroller{max-width:calc(100% - var(--default-margin) * 3);display:flex}}@container (width <= 600px){.cmd-thumbnail-scroller{display:block}}.cmd-fancybox{position:fixed;z-index:500;flex-direction:column;padding:var(--default-padding);min-width:30vw;min-height:30vh;background:var(--pure-white);border-radius:var(--default-border-radius);overflow:hidden;gap:calc(var(--default-gap) / 2);max-width:var(--max-width)}.cmd-fancybox.image-gallery{margin-top:calc(var(--default-margin) * 2)}.cmd-fancybox[open]{display:flex}.cmd-fancybox.show-overlay::backdrop{--reduced-opacity: .75;background:rgba(0,0,0,var(--reduced-opacity))}.cmd-fancybox>header{display:flex}.cmd-fancybox .cmd-cookie-disclaimer{padding:0}.cmd-fancybox>.grayscale{filter:grayscale(1)}.cmd-fancybox.image{img {display: block; margin: 0 auto;} figcaption {text-align: center;}}.cmd-fancybox.image .outer-content-wrapper{max-height:none}.cmd-fancybox .inner-thumbnail-wrapper li{figure {opacity: .8;} &.active {figure {opacity: 1;} img {border-color: var(--hyperlink-color-highlighted);} a {color: var(--hyperlink-color-highlighted);}}}.cmd-fancybox>header{justify-content:space-between}.cmd-fancybox>header>.cmd-headline{max-width:80%;flex-shrink:1;margin-bottom:0}.cmd-fancybox>header>.button-wrapper{flex-shrink:0;flex-direction:row;align-items:flex-start;gap:calc(var(--default-gap) / 2);margin-left:auto}.cmd-fancybox>header>.button-wrapper>.button{display:block;border:var(--default-border);padding:.2rem;min-width:0;min-height:0}.cmd-fancybox>header>.button-wrapper>.button[class*=print]>[class*=icon-]{color:var(--default-text-color)}.cmd-fancybox>header>.button-wrapper>.button.print-grayscale{background:linear-gradient(135deg,var(--medium-gray) 0%,var(--medium-gray) 50%,var(--pure-white) 50%,var(--pure-white) 100%)}.cmd-fancybox>header>.button-wrapper>.button.print-color{background:linear-gradient(135deg,#009fe3 0%,#009fe3 25%,#e6007e 25%,#e6007e 50%,#ffed00 50%,#ffed00 50%,#ffed00 75%,var(--medium-gray) 75%,var(--medium-gray) 100%)}.cmd-fancybox>header>.button-wrapper>.button:hover,.cmd-fancybox>header>.button-wrapper>.button:active,.cmd-fancybox>header>.button-wrapper>.button:focus{border:var(--primary-border);background:var(--pure-white)}.cmd-fancybox>header>.button-wrapper>.button:hover [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:active [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:focus [class*=icon-]{color:var(--primary-color)}.cmd-fancybox>footer{margin-top:auto;justify-content:flex-end}.cmd-fancybox .outer-content-wrapper{max-height:85vh;overflow-x:hidden;flex:none}.cmd-fancybox .outer-content-wrapper .content{figcaption {font-size: 2rem; padding: calc(var(--default-padding) / 2) 0;}}.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{margin:auto;max-height:80vmin;max-width:80vmax}@media only screen and (max-width: 1023px){.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{margin:auto;max-height:60vmin}.cmd-fancybox>header{flex-direction:row}.cmd-fancybox>header .button:not(#close-dialog){display:none}}@media only screen and (max-width: 600px){.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{max-height:50vmin}.cmd-fancybox [class*=switch-button-]{width:3rem}.cmd-fancybox [class*=switch-button-]:before{margin:0;top:40%}}@media only screen and (max-width: 1023px){dialog{margin-top:var(--default-margin)}}.cmd-list-of-links>ul{flex-direction:column;gap:calc(var(--default-gap) / 2);margin:0;li {list-style: none; margin-left: 0 !important;} &.align-center {justify-content: center;} &.align-right li {text-align: right;} ul {display: flex; flex-direction: column; margin-left: calc(var(--default-padding) * 2);}}.cmd-list-of-links.show-list-style-items{li {list-style-type: disc; margin-left: 1.7rem;}}.cmd-list-of-links.horizontal>ul{gap:var(--default-gap);flex-direction:row}.cmd-list-of-links.horizontal>ul>li{flex:none;display:flex;flex-direction:column}.cmd-list-of-links.horizontal>ul.align-right{justify-content:flex-end}.cmd-list-of-links.horizontal>ul.stretch{justify-content:space-around}.cmd-list-of-links.large-icons{li {list-style-type: none; a {display: flex; flex-direction: column; gap: calc(var(--default-gap) / 4); text-decoration: none; align-items: center; justify-content: center; span {margin: 0;} [class*="icon-"] {font-size: 5rem;}}}}@media only screen and (max-width: 1023px){.cmd-list-of-links>ul ul{gap:calc(var(--default-gap) / 2)}.cmd-list-of-links>ul ul>li:first-child{margin-top:calc(var(--default-gap) / 2)}}.cmd-box{display:inline-flex;flex-direction:column;padding:0;align-self:start}.cmd-box.stretch-horizontally{display:flex;width:100%}.cmd-box.stretch-vertically{height:100%}.cmd-box .box-header .cmd-headline{margin-bottom:0}.cmd-box.collapsible{a.box-header {justify-content: space-between; background: var(--box-header-background); border-radius: var(--box-border-radius); &:hover,&:active,&:focus {background: var(--pure-white); * {color: var(--hyperlink-color);}}}}.cmd-box .box-body .allow-scroll{overflow-y:auto}.cmd-box .box-body .allow-scroll *{flex-shrink:0}.cmd-box.content>* *:last-child{margin-bottom:0}.cmd-box.content.open{fieldset {border: 0; padding: var(--default-padding);}}.cmd-box.content.open>.box-header{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-box.content>.box-header{text-decoration:none}.cmd-box.content>.box-header>.cmd-custom-headline{margin-bottom:0}.cmd-box.content>.box-header *{color:var(--pure-white);margin-bottom:0}.cmd-box.content>.box-header>.toggle-icon{margin-left:auto}.cmd-box.content>.box-header>.toggle-icon,.cmd-box.content>.box-header .toggle-icon>[class*=icon-]{font-size:var(--font-size-small)}.cmd-box.content .box-body{display:flex;flex-grow:1;border-top:var(--box-border);p.cutoff-text {padding: var(--default-padding); margin: 0; overflow: hidden; height: calc(var(--line-of-text-height) * var(--d0545930)); &.fade-last-line::after {content: ""; width: 100%; position: absolute; left: 0; bottom: 0; height: calc(var(--line-of-text-height) * 3); background: linear-gradient(to bottom,transparent 0%,var(--default-background) 100%);} &.show-text {height: auto;} & + a {border-top: var(--box-border); display: block; padding: var(--default-padding); margin: 0;}} img {display: block; border-radius: 0;} .navigation {margin: 0; height: 100%; li {list-style-type: none; margin: 0; a {display: block; padding: var(--default-padding); text-decoration: none; border-bottom: var(--box-border); &:hover,&:active,&:focus {background: var(--primary-color); color: var(--pure-white);}} &:last-child {a {border: 0;}}}}}.cmd-box.content .box-body>div:only-child{flex-grow:1}.cmd-box.product>div>.cmd-custom-headline,.cmd-box.user>div>.cmd-custom-headline{margin-top:var(--default-margin);justify-content:center}.cmd-box.product{text-decoration:none;overflow:hidden}.cmd-box.product [class*=ribbon]{position:absolute;z-index:10;overflow:hidden;width:10rem;height:10rem;top:0;left:0;span {position: absolute; display: block; transform: rotate(-45deg); width: 100%; top: 15%; left: -25%; background: var(--error-color); font-weight: bold; color: var(--pure-white); text-transform: uppercase; text-align: center;}}.cmd-box.product .ribbon-discount{left:auto;right:0;span {transform: rotate(45deg); right: -20%; left: auto; background: green;}}.cmd-box.product>.box-header{padding:0;img {border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} figcaption {font-size: 2rem; font-weight: bold; padding: var(--default-padding);}}.cmd-box.product>.box-header>img,.cmd-box.product>.box-header>div{display:table;margin:0 auto}.cmd-box.product .box-body{flex-grow:1;padding:var(--default-padding);padding-bottom:0}.cmd-box.product .box-body>*{text-align:center}.cmd-box.product .box-body .price{font-size:1.8rem;font-weight:700;span:last-child {margin-left: calc(var(--default-margin) / 2);}}.cmd-box.product:hover,.cmd-box.product:active,.cmd-box.product:focus{border-color:var(--hyperlink-color-highlighted)}.cmd-box.user>.box-header{--default-icon-size: 6rem;--box-header-text-color: var(--primary-color);background:none;img,> div:first-child > [class*="icon-"] {display: table; margin: 0 auto var(--default-margin) auto; padding: calc(var(--default-padding) * 3); border-radius: var(--full-circle); background: var(--box-header-background); color: var(--pure-white); & + p,& + figcaption {margin: 0 auto; text-align: center; font-weight: bold; font-size: 2rem;}} img {padding: 0; width: calc(var(--default-icon-size) * 2); aspect-ratio: 1/1;} > div:first-child > [class*="icon-"] {margin: 0; font-size: var(--default-icon-size);}}.cmd-box.user>.box-header>div:first-child>[class*=icon-]{aspect-ratio:1/1}.cmd-box.user .box-body{flex-grow:1;padding:var(--default-padding);padding-top:0;p {text-align: center; font-weight: bold; &:last-child {margin-bottom: 0;} &.description {font-weight: normal;}}}.cmd-box.user .box-footer{margin-top:auto;padding:0;border-top:var(--box-border)}.cmd-box.user .box-footer .cmd-list-of-links{ul {width: 100%; margin-bottom: 0; li {flex: 1; border-radius: var(--box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; &:not(:only-child) {border-bottom-left-radius: 0; border-bottom-right-radius: 0; &:first-child {border-bottom-left-radius: var(--box-border-radius);} &:last-child {border-bottom-right-radius: var(--box-border-radius);}} a {flex: 1; padding: var(--default-padding); text-align: center; background: var(--color-scheme-background); border-left: var(--box-border); border-radius: inherit; line-height: 100%;} &:hover,&:active,&:focus {a {background: var(--primary-color); color: var(--pure-white); span,[class*="icon-"] {color: var(--pure-white);}}} &:first-child {a {border: 0;}}}}}.cmd-box.user.row-view [class*=icon]{--default-icon-size: 3rem}.cmd-box.user.row-view .box-header>div:first-child>[class*=icon-]{padding:calc(var(--default-padding) * 1.5)}.cmd-box.user.row-view .box-body p{text-align:left}.cmd-box.user.row-view .box-footer{border:0;background:none}.cmd-box.user.row-view .box-footer .cmd-list-of-links{background:none;ul li {aspect-ratio: 1/1; border-radius: var(--box-border-radius) !important;} ul,ul * {border: 0; background: inherit;}}.cmd-box-wrapper{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.cmd-box-wrapper:not(:first-child){margin-top:calc(var(--default-margin) * 2)}.cmd-box-wrapper>.headline-wrapper{align-items:center;justify-content:space-between}.cmd-box-wrapper .options-wrapper{flex:none}.cmd-box-wrapper>.flex-container>.cmd-headline{margin:0}.cmd-box-wrapper>.flex-container.stretch-boxes-vertically .stretch-vertically{align-self:stretch;height:auto}.cmd-box-wrapper .inner-box-wrapper>*{flex:none;flex-grow:1;flex-basis:min-content}.cmd-box-wrapper .row-view{flex-direction:column;p.cutoff-text {height: auto; &.fade-last-line::after {background: none;}} .cmd-box.user {flex-direction: row; padding: var(--default-padding); align-items: center; .box-footer {margin-top: 0;}}}.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--55a1c0a6),minmax(0,1fr))}.cmd-box-wrapper>.grid-container-create-columns.row-view{grid-template-columns:repeat(1,minmax(0,1fr))}@media only screen and (max-width: 1023px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--5ac88d7a),minmax(0,1fr))}}@media only screen and (max-width: 600px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--54d20d0e),minmax(0,1fr))}}.cmd-breadcrumbs{display:flex;margin:0;li {display: inherit; align-items: center; list-style-type: none; margin: 0; > span {padding: 0 calc(var(--default-padding) / 2);} &.breadcrumb-label {margin-right: calc(var(--default-margin) / 2);} a {display: table; text-decoration: none; &:hover,&:active,&:focus {text-decoration: underline;}}}}.cmd-company-logo{img {display: block; max-height: 10rem;} > a {display: block; img {border: 0;}}}@media only screen and (max-width: 1023px){.cmd-company-logo img{max-width:100%;max-height:7.5rem}}.cmd-container{min-height:5rem}.cmd-cookie-disclaimer{width:100%;padding:var(--default-padding);padding-right:calc(var(--default-padding) * 2);z-index:100;bottom:0;top:auto;h1 {text-align: center;} .button {margin: 0 auto;} > p {text-align: center;} #form-cookies {margin-bottom: var(--default-margin);} p {a {text-decoration: underline; &:hover,&:active,&:focus {text-decoration: none;}}}}.cmd-cookie-disclaimer .cmd-box .box-header{padding:0;padding-right:var(--default-padding);justify-content:unset;label {padding: calc(var(--default-padding) / 2) var(--default-padding); &.disabled {.label-text span {color: var(--pure-white) !important;}} & + .toggle-icon {padding: calc(var(--default-padding) / 2) var(--default-padding); width: 100%; justify-content: flex-end; text-align: right;}} &:hover,&:active,&:focus {background: var(--hyperlink-color); label.disabled .label-text span {color: var(--disabled-color) !important;}}}.cmd-cookie-disclaimer .cmd-box .box-body{padding:var(--default-padding)}.cmd-copyright-information{background:var(--dark-gray);border-top:var(--default-border-width) var(--default-border-style) var(--pure-white);text-align:center;padding:var(--default-padding);margin-top:auto;flex:none;a {text-decoration: none; color: var(--pure-white); &:hover,&:active,&:focus {text-decoration: underline; color: var(--pure-white);}}}.cmd-fake-select{align-self:flex-end;border-radius:var(--default-border-radius);li {margin-left: 0; list-style: none; a,a:visited {display: flex; align-items: center; width: 100%; padding: .7rem; padding-top: .8rem; outline: none; border-bottom: var(--default-border); text-decoration: none; &:hover,&:active,&:focus {background: var(--primary-color); span,[class*="icon"] {color: var(--pure-white);}} span {&:first-child,&:nth-child(2) {border: 0;}} img {&.flag {margin: 0 calc(var(--default-margin) / 2) 0 0;}} &.active {background: var(--light-gray); span {color: var(--hyperlink-color);} &:hover,&:active,&:focus {background: var(--primary-color); span,[class*="icon"] {color: var(--pure-white);}}}} label {display: flex;} span {white-space: nowrap;} ul {position: absolute; list-style: none; z-index: 10; min-width: 100%; margin: 0; border-bottom-right-radius: var(--default-border-radius); border-bottom-left-radius: var(--default-border-radius); background: var(--color-scheme-background); border: var(--primary-border); li {&:last-child {a {border-bottom: 0;}}} &.custom-fake-select-content {padding: var(--default-padding); img {display: block;}} &.checkbox-options {li {padding: calc(var(--default-padding) / 2); &.select-all-options {border-top: var(--primary-border); padding: 0;}}}}} &.has-state.label {&.error * { --status-color: var(--error-color); } &.success * { --status-color: var(--success-color); } .label-text {> span,[class*="icon-"] {color: var(--status-color);}} > ul {> li:first-child {> a {border-color: var(--status-color); > span,[class*="icon-"] {color: var(--status-color);} &:hover,&:active,&:focus {background: var(--color-scheme-background); span {color: var(--status-color);}}}}}} &.error,&.disabled {a {&:hover,&:focus,&:active {img {&.flag {border-color: var(--border-color);}}}}} &.color {li {a {gap: calc(var(--default-gap) / 2); > span:first-child {width: 1.5rem; aspect-ratio: 1/1; border: var(--default-border); &[style=""] {display: none;}}}}}}.cmd-fake-select>span:first-child{a {align-self: flex-end;}}.cmd-fake-select>ul{height:var(--input-height);margin:0;display:block;min-width:0;box-shadow:none;border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li{height:100%;border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li:first-child>a{height:inherit;border:var(--default-border);background:var(--color-scheme-background);color:var(--color-scheme-text-color);border-radius:var(--default-border-radius);img {flex-shrink: 0;} span,[class*="icon"] {color: var(--color-scheme-text-color);} .option-name {text-overflow: ellipsis; overflow: hidden;} > [class*="icon-"]:last-child {margin-left: auto; font-size: var(--icon-size-small);} &:hover,&:active,&:focus {background: var(--pure-white); border-color: var(--primary-color); span,[class*="icon"] {color: var(--hyperlink-color);}}}.cmd-fake-select>ul.open{border-bottom:0;ul {border-bottom-left-radius: var(--default-border-radius); border-bottom-right-radius: var(--default-border-radius); > li {&:first-child {> a {border-color: var(--primary-color); border-bottom-left-radius: 0; border-bottom-right-radius: 0;}}} > li:last-child {border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; > a {border-bottom-left-radius: inherit; border-bottom-right-radius: inherit;}}}}.cmd-fake-select.disabled>ul>li>a{color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background)}.cmd-fake-select.disabled>ul>li>a span{color:var(--disabled-color)}.cmd-fake-select.disabled>ul>li>a:hover,.cmd-fake-select.disabled>ul>li>a:active,.cmd-fake-select.disabled>ul>li>a:focus{cursor:not-allowed;color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background)}.cmd-fake-select.disabled>ul>li>a:hover span,.cmd-fake-select.disabled>ul>li>a:active span,.cmd-fake-select.disabled>ul>li>a:focus span{color:var(--disabled-color)}.cmd-form-filters{display:flex;margin:0;li {list-style-type: none; margin-left: 0; margin-right: var(--default-margin); border: var(--default-border); background: var(--pure-white); font-size: var(--font-size-small); &:hover,&:active,&:focus {border-color: var(--primary-color);} a {padding: calc(var(--default-padding) / 2); display: flex; align-items: center; text-decoration: none;} &:last-of-type {margin-right: 0;} [class*="icon-"] {font-size: var(--icon-size-small);}}}.cmd-google-maps{border:var(--default-border);border-radius:var(--default-border-radius);iframe {border-radius: inherit;}}.cmd-image-gallery>.cmd-headline,.cmd-image-gallery>input.edit-mode,.cmd-image-gallery>.edit-component-wrapper{grid-column:span var(--grid-columns);margin-bottom:0}.cmd-image-gallery .image-wrapper{align-self:center;justify-self:center;grid-column:span var(--grid-small-span);width:100%;min-width:11.1rem;// assure to be as wide as action-buttons in edit-mode img {border: var(--default-border); border-radius: var(--default-border-radius); max-height: 30rem;} figcaption {padding: calc(var(--default-padding) / 2);} &:hover,&:active,&:focus {text-decoration: none; img {border: var(--primary-border);}} & + .pager {margin-top: calc(var(--default-margin) * 2);}}.cmd-imagezoom{overflow:hidden}.cmd-imagezoom .zoom-container{display:block!important;overflow:hidden}.cmd-imagezoom .zoom-container>img{max-width:none}.cmd-imagezoom .zoom-overlay{position:absolute;display:none;pointer-events:none;background:var(--primary-color);opacity:var(--reduced-opacity)}.cmd-input-group.inline{display:flex;gap:var(--default-gap)}.cmd-input-group.toggle-switch{display:block}.cmd-input-group>.label-text{display:inline-flex;margin-bottom:calc(var(--default-margin) / 2)}.cmd-input-group>.label-text>span+a:has([class*=icon-]){margin-left:calc(var(--default-margin) / 2)}.cmd-input-group>.label-text:hover>span,.cmd-input-group>.label-text:active>span,.cmd-input-group>.label-text:focus>span{color:var(--hyperlink-color-highlighted)}.cmd-input-group>.label-text:hover+.flex-container,.cmd-input-group>.label-text:active+.flex-container,.cmd-input-group>.label-text:focus+.flex-container{input {border-color: var(--default-border-color);}}.cmd-input-group.has-state{label,span,[class*="icon-"] {color: var(--status-color);} &.multiple-switch {&.error { --status-color: var(--error-color); label { border-color: var(--error-color); > * { color: var(--error-color); } &:is(:hover, :active, :focus) { span, [class*="icon-"] { color: var(--hyperlink-color-highlighted); } } } }}}.cmd-input-group.has-state.error{--status-color: var(--error-color)}.cmd-login-form .option-wrapper{align-items:center}.cmd-login-form .option-wrapper>a:not(.button){display:flex;align-items:center;text-decoration:none;flex:none}.cmd-login-form .option-wrapper>.button{margin-left:auto}.cmd-main-navigation{nav {.stretch-items {> li {flex: 1}} > ul {> li {.close-nav {display: none;} &.open {> ul {display: block; > li {&.open {> ul {display: block;}}}}}}} + div {display: none;}} .fade-enter-active,.fade-leave-active {left: 0;} .fade-enter,.fade-leave-to {left: -100%;} header nav > ul,header nav > ul > li {border: 0;}}.cmd-main-navigation.hide-sub-navigation{ul {ul {display: none;}}}.off-canvas-right #toggle-offcanvas{margin-right:0;margin-left:auto}#toggle-offcanvas{margin-left:0;display:none}@media only screen and (max-width: 1023px){.cmd-main-navigation.main-navigation-wrapper{--nav-transition: all .5s linear;display:flex;background:none;border:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0 var(--default-padding);transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) #toggle-offcanvas{display:flex;margin-bottom:0;width:auto}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas nav{height:100%;background:var(--default-background);left:0;opacity:1;padding:0!important;transition:var(--nav-transition);border-right:var(--default-border);display:block}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav:before{content:"";position:fixed;width:100%;top:0;left:0;height:100dvh;display:block;background:var(--pure-black-reduced-opacity)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav ul{z-index:1000;height:100%}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav{position:fixed;top:0;left:-100%;width:auto;height:100dvh;opacity:0;z-index:1000;transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul{flex-direction:column;position:relative;left:0;border:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li{border-bottom:var(--default-border);border-right:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav{display:block;border-bottom:var(--default-border)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a{display:flex;align-items:center}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span{font-weight:var(--font-weight-bold)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span[class*=icon-]{font-size:var(--font-size-small)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav>a{text-align:left}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li:not(.open):hover>ul,.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li:not(.open):active>ul,.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li:not(.open):focus>ul{display:none}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li:not(:first-child){border-top:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li:last-child{border-bottom:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li>a{padding-left:calc(var(--default-margin) * 2)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li>a span+[class*=icon-]:before{display:inline-block;transform:rotate(0)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li ul li a{padding-left:calc(var(--default-margin) * 4)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.open>a span+[class*=icon-]:before{display:inline-block;transform:rotate(-180deg)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.open>ul{height:auto;display:block;opacity:1;transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).off-canvas-right.open-off-canvas nav{right:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).off-canvas-right nav{right:-100%;left:auto}}.cmd-multistep-form-progress-bar{display:flex;justify-content:space-around;border:var(--default-border);margin:0;border-radius:var(--default-border-radius);li {display: flex; flex: 1; list-style-type: none; margin: 0; &:first-child,&:first-child > a {border-top-left-radius: inherit; border-bottom-left-radius: inherit;} &:last-child,&:last-child > a {border-top-right-radius: inherit; border-bottom-right-radius: inherit;} a {display: flex; text-decoration: none; padding: var(--default-padding); align-items: center; justify-content: center; width: 100%; background: var(--primary-color-reduced-opacity); :is(span,[class*="icon-"]) {color: var(--pure-white); & + [class*="icon-"] {&:last-child {border: var(--default-border); border-radius: var(--full-circle); background: var(--pure-white); color: var(--default-text-color); margin: 0; position: absolute; right: 0; transform: translateX(50%); padding: calc(var(--default-padding) / 2); display: flex; justify-content: center; z-index: 1; &::before {font-size: var(--font-size-small);}}}} &:hover,&:active,&:focus {background: var(--primary-color); :is(span,[class*="icon-"]) {color: var(--pure-white);} .number {color: var(--primary-color);}} .number {margin-right: calc(var(--default-margin) / 2); line-height: 100%; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; border-radius: var(--full-circle); border: var(--default-border); border-color: var(--pure-white); background: var(--pure-white); color: var(--primary-color-reduced-opacity);}} &:last-child {a {[class*="icon-"] {&:last-of-type {display: none;}}}} &.active {a {background: var(--primary-color); span,[class*="icon-"] {color: var(--pure-white);} &:hover,&:active,&:focus {span,[class*="icon-"] {color: var(--pure-white); & + [class*="icon-"] {&:last-child {color: var(--default-text-color);}}}}} .number {background: var(--pure-white); border-color: var(--pure-white); color: var(--primary-color) !important;} & ~ li {background: var(--default-background); border-left-color: var(--border-color); a {background: none; color: var(--color-scheme-text-color); span,span[class*="color"] {color: inherit; & + [class*="icon-"] {&:last-child {border-color: var(--border-color); color: var(--pure-white); background: var(--secondary-color);}}} &:hover,&:active,&:focus {span,[class*="icon-"] {&:not(:last-child) {color: var(--primary-color);}} .number {border-color: var(--primary-color);}}} .number {background: none; border-color: var(--border-color);}} & + li {border-left-color: var(--border-color);}}}}.cmd-multistep-form-progress-bar.use-gap{border:0;gap:var(--default-gap);li {border: var(--default-border); border-color: var(--primary-color-reduced-opacity); border-radius: var(--default-border-radius); a,a.active {border: 0; border-radius: inherit; :is(span,[class*="icon-"]) + [class*="icon-"]:last-child {border: 0; right: -1rem; background: none;}} a {:is(span,[class*="icon-"]) + [class*="icon-"]:last-child {color: var(--default-text-color) !important;}} &.active {border-color: var(--primary-color); & ~li {border-color: var(--border-color);}}}}@media only screen and (width < 600px){.cmd-multistep-form-progress-bar{flex-direction:column}.cmd-multistep-form-progress-bar li:not(:last-child){border-bottom:var(--default-border)}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child{left:auto;right:auto;bottom:0;transform:translateY(50%)}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child:before{transform:rotate(90deg)}.cmd-multistep-form-progress-bar li.active~li{border-left:0;border-bottom-color:var(--border-color)}}.edit-mode-opening-hours-item{dt {min-width: 3ch;} .am-wrapper,.pm-wrapper {align-items: center; gap: calc(var(--default-gap) / 2);} label {max-width: 11rem;} .input-wrapper {width: 11rem;}}.cmd-opening-hours{span.pm {margin-left: var(--default-margin);} p:last-child {margin: 0;} .edit-component-wrapper {dl {margin-bottom: 0;}}}.cmd-opening-hours>a,.cmd-opening-hours>span{padding:calc(var(--default-padding) / 2);font-weight:700;display:table;margin-bottom:var(--default-margin);color:var(--pure-white);background:var(--success-color)}.cmd-opening-hours>a.closed,.cmd-opening-hours>span.closed{background:var(--error-color)}.cmd-opening-hours>a:hover,.cmd-opening-hours>a:active,.cmd-opening-hours>a:focus{text-decoration:underline;color:var(--pure-white)}.edit-component-wrapper .cmd-opening-hours{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--default-gap) / 2);dt {min-width: 2.5rem;}}.cmd-pagination{display:flex;justify-content:space-between;button,.button {float: none; margin: 0; span {align-self: center;}} a {display: flex; align-items: center; text-decoration: none; &:hover,&:active,&:focus {cursor: pointer;} &:last-of-type {> [class*="icon-"] {margin-right: 0;}} > [class*="icon-"] {font-size: var(--icon-size-small);}} .page-index {a:not(.button) {padding: 0 calc(var(--default-padding) / 2);}}}@media only screen and (max-width: 1023px){.cmd-pagination>a.button span{margin:0}.cmd-pagination>a.button span:not([class*=icon]){display:none}}@media only screen and (max-width: 1023px) and (max-width: 600px){.cmd-pagination .button{width:auto}.cmd-pagination .page-index .flex-container{flex-direction:row}}[id^=social-network]{background:var(--social-network-color);border-color:var(--social-network-color)}[id^=social-network]>span{color:var(--pure-white)}[id^=social-network]:hover,[id^=social-network]:active,[id^=social-network]:focus{color:var(--pure-white)}[id^=social-network]:hover>span,[id^=social-network]:active>span,[id^=social-network]:focus>span{color:var(--social-network-color)}#social-network-facebook{--social-network-color: #3c5a99}#social-network-twitter{--social-network-color: #6bacde}#social-network-xing{--social-network-color: #007575}#social-network-linkedin{--social-network-color: #0077b5}.cmd-social-networks{display:flex;flex-direction:column;gap:var(--default-gap);container-type:inline-size}.cmd-social-networks .cmd-headline{margin:0}.cmd-social-networks .button-wrapper{flex-direction:row;flex:none;margin:0;gap:calc(var(--default-gap) / 2)}.cmd-social-networks .button-wrapper .button{padding:calc(var(--default-padding) / 2) var(--default-padding);gap:calc(var(--default-gap) / 2);outline:0}.cmd-social-networks .button-wrapper .button span{margin:0}.cmd-social-networks .button-wrapper .button:first-of-type{margin:0}.cmd-social-networks .button-wrapper .button.text-align-right{flex-direction:row}.cmd-social-networks .button-wrapper .button.text-align-left{flex-direction:row-reverse}.cmd-social-networks .button-wrapper.no-gap li .button{border-radius:0}.cmd-social-networks .button-wrapper.no-gap li:first-of-type .button{border-top-left-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius)}.cmd-social-networks .button-wrapper.no-gap li:last-of-type .button{border-top-right-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-social-networks li{list-style-type:none;margin:0}.cmd-social-networks.align-center .button-wrapper{justify-content:center}.cmd-social-networks.align-center .toggle-switch{margin:auto}.cmd-social-networks.align-right .cmd-headline>*{text-align:right}.cmd-social-networks.align-right .toggle-switch{margin-left:auto}.cmd-social-networks.align-right .button-wrapper{justify-content:flex-end}.cmd-social-networks.stretch .button-wrapper li{flex:1}.cmd-social-networks.stretch .button-wrapper li .button{display:flex}.cmd-social-networks a:last-of-type{margin-right:0}.cmd-social-networks [id^=social-network]{background:var(--social-network-color);border-color:var(--social-network-color)}.cmd-social-networks [id^=social-network]>span{color:var(--pure-white)}.cmd-social-networks [id^=social-network]:hover,.cmd-social-networks [id^=social-network]:active,.cmd-social-networks [id^=social-network]:focus{background:var(--pure-white);color:var(--pure-white)}.cmd-social-networks [id^=social-network]:hover>span,.cmd-social-networks [id^=social-network]:active>span,.cmd-social-networks [id^=social-network]:focus>span{color:var(--social-network-color)}.cmd-social-networks #social-network-facebook{--social-network-color: #3c5a99}.cmd-social-networks #social-network-x{--social-network-color: #14171a}.cmd-social-networks #social-network-xing{--social-network-color: #007575}.cmd-social-networks #social-network-linkedin{--social-network-color: #0077b5}@media only screen and (max-width: 600px){.cmd-social-networks .button-wrapper .button{flex:none;width:auto!important}.cmd-social-networks .button-wrapper .button [class*=icon-]+span{display:none}}@container (max-width: 600px){.cmd-social-networks .button-wrapper .button{flex:none;width:auto!important}.cmd-social-networks .button-wrapper .button [class*=icon-]+span{display:none}}.cmd-page-footer{align-items:flex-end}.cmd-page-footer.small-buttons{button,.button {padding: var(--button-padding-small); min-height: var(--button-min-height-small); span {font-size: var(--font-size-small);}}}.cmd-page-footer .cmd-social-networks{container-type:normal!important}.cmd-page-footer>.button-wrapper{flex-direction:row;justify-content:flex-end;margin-left:auto;gap:calc(var(--default-gap) / 2);flex:none}@media only screen and (max-width: 600px){.cmd-page-footer{align-items:flex-start}.cmd-page-footer>.button-wrapper{margin-left:0}}.cmd-page-header{justify-content:space-between}.cmd-page-header .headline-wrapper{gap:calc(var(--default-gap) / 4)}.cmd-page-header .headline-wrapper+*{flex:none}.cmd-progressbar .progressbar{display:table}.cmd-progressbar .progressbar>span{position:absolute;left:50%;transform:translate(-50%);z-index:1;line-height:1}.cmd-sidebar{display:flex;height:100%}.cmd-sidebar.box{padding:0;border-left:0}.cmd-sidebar .cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(1,minmax(0,1fr))}.cmd-sidebar .cmd-box{border-left:0;border-right:0}.cmd-sidebar .inner-sidebar-wrapper{flex:1;display:flex;flex-direction:column}.cmd-sidebar .inner-sidebar-wrapper .cmd-headline.sidebar-main-headline{padding:var(--default-padding);margin:0}.cmd-sidebar .open-slot-wrapper{flex:1}.cmd-sidebar>a{display:flex;flex:none;text-decoration:none;padding:calc(var(--default-padding) / 2);align-items:center;border-left:var(--default-border)}.cmd-sidebar.collapse-to-right{flex-direction:row-reverse;border-right:0}.cmd-sidebar.collapse-to-right>a{border-right:var(--default-border)}.cmd-site-footer{padding:var(--grid-gap) 0;margin-top:auto;flex:none;footer {max-width: var(--max-width); width: 100%; margin: 0 auto; padding: 0 var(--default-padding);} &.sticky {top: auto; bottom: 0;} .cmd-switch-language {width: 100%; flex: none;} + .cmd-copyright-information {margin-top: 0;}}@media only screen and (max-width: 1023px){.cmd-site-footer footer li{margin-bottom:calc(var(--default-margin) * 2)}}@media only screen and (max-width: 1023px) and (max-width: 600px){.cmd-site-footer a{text-decoration:underline}.cmd-site-footer a:active{text-decoration:none}.cmd-site-footer h4,.cmd-site-footer h5,.cmd-site-footer h6{margin-top:var(--default-margin)}}.cmd-site-header{--logo-width-on-scroll: 50%;grid-area:site-header;display:flex;flex-direction:column;flex:none;header,.cmd-main-navigation nav,.cmd-list-of-links {max-width: var(--max-width); width: 100%; padding: 0 var(--default-padding);} .cmd-main-navigation nav {width: auto; margin: 0 0 0 auto;} .top-header {.cmd-list-of-links {padding-top: calc(var(--default-padding) / 2); padding-bottom: calc(var(--default-padding) / 2);}} .main-navigation-wrapper {grid-column: span var(--grid-columns); border-bottom: 0;} & + .main-navigation-wrapper {nav {border-left: 0; border-right: 0;}} > .cmd-main-navigation.main-navigation-wrapper:last-child {border-bottom: 0;} header {padding-top: var(--default-padding); padding-bottom: var(--default-padding); row-gap: 0; &.has-navigation {grid-template-rows: 1fr min-content; grid-template-areas: "company-logo" "main-navigation"; padding-bottom: 0;} &.flex-container {width: 100%; .cmd-company-logo {grid-area: company-logo; flex: none;}} .cmd-main-navigation nav {padding: 0;} .cmd-main-navigation,nav ul li {border-bottom: 0;}} &.navigation-inline {header {&.has-navigation {grid-template-rows: 1fr; grid-template-areas: "company-logo main-navigation"; padding-bottom: var(--default-padding);} .cmd-company-logo {grid-area: company-logo; grid-column: span var(--grid-small-span);} .main-navigation-wrapper {grid-area: main-navigation; display: flex; align-items: center; justify-content: flex-end; grid-column: span var(--grid-large-span); &:not(.persist-on-mobile) {padding-left: 0 !important;}}} &.off-canvas-right {header {&.has-navigation {grid-template-areas: "company-logo main-navigation";}}}}}.cmd-site-header.sticky{position:sticky;z-index:300;header { --header-scroll-animation: var(--default-transition); transition: var(--header-scroll-animation); .cmd-company-logo { figure { img { transform-origin: top left; transition: var(--header-scroll-animation); margin: 0; width: 100%; } } } &.resize-on-scroll { padding-top: var(--default-padding); padding-bottom: var(--default-padding); transition: var(--header-scroll-animation); .cmd-company-logo { figure { img { transition: var(--header-scroll-animation); width: var(--logo-width-on-scroll); } } } } }}@media only screen and (max-width: 1023px){.cmd-site-header header{grid-auto-rows:auto}.cmd-site-header header .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0}.cmd-site-header header+.cmd-main-navigation.main-navigation-wrapper{padding-bottom:var(--default-padding)}.cmd-site-header.navigation-inline .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding-left:var(--default-padding)}.cmd-site-header.navigation-inline.off-canvas-right .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0}}@media only screen and (max-width: 600px){.cmd-site-header{gap:calc(var(--default-gap) / 2)}.cmd-site-header .top-header .cmd-list-of-links{padding:0}.cmd-site-header .cmd-company-logo{margin:0 auto}.cmd-site-header.navigation-inline header .cmd-company-logo,.cmd-site-header.navigation-inline header .main-navigation-wrapper{grid-column:span calc(var(--grid-small-span) / 2)}}.cmd-box-site-search{flex-wrap:nowrap}.cmd-box-site-search>a [class*=icon]{font-size:var(--icon-size-small)}.cmd-box-site-search button{align-self:flex-end}@media only screen and (max-width: 600px){.cmd-box-site-search{flex-wrap:nowrap}}.cmd-slideshow{figure a,img {display: block; text-decoration: none; margin: 0 auto;} figcaption {width: 100%; display: block; text-align: center; bottom: 0; padding: var(--default-padding); line-height: 100%; font-size: 3rem; color: var(--pure-white); background: var(--primary-color);} &:has(figcaption) {img {border-bottom-left-radius: 0; border-bottom-right-radius: 0;} figcaption {border-bottom-left-radius: var(--default-border-radius); border-bottom-right-radius: var(--default-border-radius);}} .inner-slideshow-wrapper {display: flex; justify-content: center; > a:not(.button) {display: block; text-decoration: none; figcaption {border: var(--primary-border); &:hover,&:active,&:focus {background: var(--pure-white); color: var(--hyperlink-color);}}} figure {width: 100%; margin: 0;} .slot-wrapper {padding: calc(var(--default-padding) * 5); width: 100%; min-height: 50rem; background-repeat: no-repeat; background-position: top center; display: flex; justify-content: center; align-content: center; .box {align-self: flex-start;}} .image-wrapper {width: 100%; min-width: 11.1rem; min-height: 50rem;} > ol {display: flex; margin: 0 auto; position: absolute; left: 5.5rem; top: .5rem; gap: calc(var(--default-gap) / 2); li {padding: .2rem; list-style-type: none; margin: 0; border-radius: var(--full-circle); background: var(--light-gray); border: var(--default-border-reduced-opacity); a {display: block; width: 1rem; height: 1rem; border-radius: var(--full-circle);} &:hover,&:active,&:focus,&.active {border-color: var(--hyperlink-color); a {background: var(--pure-white); transition: var(--default-transition);}}} &.bottom {position: relative; justify-content: center; left: unset; top: unset; li {border-color: var(--primary-color); &:hover,&:active,&:focus,&.active {border-color: var(--primary-color); background: var(--pure-white); a {background: var(--primary-color);}}}} &.vertical {flex-direction: column;}} > .item-counter {position: absolute; top: .5rem; right: 5.5rem; padding: 0 .2rem; border-radius: var(--default-border-radius); background: var(--pure-white-reduced-opacity);}} .fade-enter-from,.fade-leave-to {position: absolute;}}.edit-mode .cmd-slideshow .image-wrapper.edit-items{padding:0;margin-top:2rem;label.edit-mode input {font-size: 3rem;}}@media only screen and (max-width: 1023px){.cmd-slideshow figcaption{font-size:2rem}}.cmd-switch-language{ul {display: flex; gap: calc(var(--default-gap) / 2); margin: 0; li {list-style-type: none; margin: 0; a:not([class*="active"]) {filter: contrast(.5); &:hover,&:focus-visible,&:active,&.active,&.router-link-active {filter: none; padding: 0; background: none;}}}}}.cmd-system-message{display:inline-flex;margin:var(--default-margin) 0;align-items:center;ul {display: flex; flex-direction: column; li {margin-left: 0;}} > a:not(.button) {display: flex; position: absolute; width: auto; top: .5rem; right: .5rem; text-decoration: none; z-index: 100; line-height: 1; background: var(--pure-white); border-radius: var(--full-circle); [class*="icon-"] {color: var(--default-text-color);} &:hover,&:active,&:focus {background: none; [class*="icon-"] {color: var(--pure-white);}}} &.warning {> a:not(.button) {border-color: var(--default-text-color); [class*="icon-"] {color: var(--default-text-color);} &:hover,&:active,&:focus {border-color: var(--hyperlink-color); [class*="icon-"] {color: var(--pure-white);}}}}}.cmd-system-message>:last-child{margin-bottom:0}.cmd-table-wrapper{display:inline-flex;flex-direction:column;max-width:100%;margin-bottom:var(--default-margin);gap:calc(var(--default-margin) / 2)}.cmd-table-wrapper.collapsed,.cmd-table-wrapper.full-width{overflow:hidden;table {th {white-space: normal;}}}.cmd-table-wrapper>.button-wrapper{right:0;z-index:100;gap:calc(var(--default-gap) / 2)}.cmd-table-wrapper>.button-wrapper .button{padding:0;min-width:2rem;min-height:2rem}.cmd-table-wrapper>.button-wrapper .button [class*=icon-]{font-size:var(--icon-size-small)}.cmd-table-wrapper .cmd-slide-button{top:50%!important;display:none;height:auto;transform:translateY(-50%)}.cmd-table-wrapper .inner-wrapper{display:flex;overflow-x:auto;width:100%;table {table-layout: fixed; margin: 0; th {a[class*="icon-"] {&,&:hover,&:active,&:focus {font-size: var(--icon-size-small); color: var(--pure-white);}}}}}.cmd-table-wrapper .inner-wrapper .cmd-slide-button{left:0}.cmd-table-wrapper .inner-wrapper .cmd-slide-button:last-child{right:0;left:auto}.cmd-table-wrapper.has-caption{flex-direction:row;table {margin-top: calc(var(--default-margin) / 2);}}.cmd-table-wrapper.has-caption .button-wrapper{position:absolute}.cmd-table-wrapper.has-overflow .cmd-slide-button{display:flex}.cmd-tabs>ul{margin:0;display:flex}.cmd-tabs>ul>li{z-index:10;margin-left:0;border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius);list-style-type:none;background:var(--color-scheme-background);a {display: flex; align-items: center; justify-content: center; padding: var(--default-padding); border: var(--default-border); border-bottom: 0; border-top-left-radius: var(--default-border-radius); border-top-right-radius: var(--default-border-radius); text-decoration: none; &:hover,&:active,&:focus {cursor: pointer; color: var(--hyperlink-color-highlighted); border-color: var(--hyperlink-color); span,[class*="icon-"] {color: inherit;}}} &.active {span,[class*="icon-"] {color: var(--pure-white);} &:hover,&:active {a,a:focus {color: var(--hyperlink-color); background: var(--pure-white); span,[class*="icon-"] {color: var(--hyperlink-color-highlighted);}}} a:focus {color: var(--pure-white); span,span[class*="icon-"],.iconify {color: inherit !important;}}}}.cmd-tabs>ul.stretch-tabs>li{flex:1;text-align:center}.cmd-tabs>ul.stretch-tabs>div{border-top-right-radius:0}.cmd-tabs .headline{margin-top:0}.cmd-tabs>div{padding:var(--default-padding);border:var(--primary-border);border-radius:var(--default-border-radius);background:var(--color-scheme-background);border-top-left-radius:0}.cmd-tabs>div>div *:last-child{margin-bottom:0}.cmd-text-image-block>.flex-container{gap:calc(var(--default-gap) / 2)}.edit-mode .cmd-text-image-block textarea{width:100%}.cmd-toggle-dark-mode.styled-layout{input { --dark-blue: hsl(195, 96%, 45%); --medium-blue: hsl(194, 97%, 39%); --light-blue: hsl(195, 97%, 76%); background: linear-gradient(to bottom, var(--dark-blue) 0%, var(--light-blue) 67%); border-color: var(--medium-blue); &::after { --yellow-hue: 60; --yellow-saturation: 100%; --yellow-lightness: 76.7%; background: radial-gradient(ellipse at center, var(--pure-white) 20%, hsl(var(--yellow-hue), var(--yellow-saturation), var(--yellow-lightness)) 30%, hsla(var(--yellow-hue), var(--yellow-saturation), var(--yellow-lightness), 0) 100%); border-color: transparent; box-shadow: 0 0 1rem hsl(var(--yellow-hue), var(--yellow-saturation), var(--yellow-lightness)); } } &.dark-mode {input {background: var(--color-scheme-background); border-color: var(--color-scheme-text-color); &::before { --size: 1.2rem; content: ""; width: var(--size); aspect-ratio: 1/1; background: var(--color-scheme-background); border-radius: var(--full-circle); position: absolute; top: 0; right: calc(var(--size) / 2); transform: translateY(15%); z-index: 100; transition: var(--default-transition); } &::after {background: radial-gradient(ellipse at center,var(--pure-white) 50%,var(--medium-gray) 100%); border-color: transparent; box-shadow: .2rem .1rem .2rem hsla(var(--pure-white-hue),var(--pure-white-saturation),var(--pure-white-lightness),.3);}} .label-text {span {color: var(--color-scheme-text-color);}}}}.cmd-upload-form{p {&.text-drag-and-drop {&.disabled {background: none !important;}}} .button.upload {align-self: center; & ~ p {& > * {display: block;}}} .error {color: var(--error-color);} & + .cmd-form-element {display: none;} .drop-area,&.drop-area {border: var(--default-border); border-style: dashed; background: var(--color-scheme-background); padding: var(--default-padding); text-align: center; &.allow-drop {border-style: solid;} > [class*="icon-"] {font-size: 5rem;}}}.cmd-upload-form .cmd-custom-headline{margin:0;justify-content:center}.cmd-upload-form.box{display:inline-flex;flex-direction:column;background:var(--default-background);text-decoration:none;text-align:center;padding:var(--default-padding);span {margin: 0; &[class*="icon-"] {font-size: 5rem;}}}.cmd-upload-form .box{box-shadow:none;background:var(--color-scheme-background);border:var(--default-border);align-items:center;dl {justify-content: center; text-align: left; .list-of-file-extensions {display: table; > li:only-child {list-style-type: none; margin: 0;}}}}.cmd-upload-form .total-files>*{white-space:nowrap}.cmd-upload-form .total-files>*:not(a){font-weight:700}.cmd-upload-form [class*=list-of-file]{max-height:10rem;overflow-x:hidden;overflow-y:auto;border:var(--default-border);padding:var(--default-padding);margin:0}.cmd-upload-form [class*=list-of-file]>li{flex-wrap:nowrap}.cmd-upload-form [class*=list-of-file]>li .progressbar{display:table;align-self:center;progress {&[value] {background: var(--color-scheme-background); &::-moz-progress-bar {border-top-left-radius: var(--default-border-radius); border-bottom-left-radius: var(--default-border-radius); background: var(--primary-color);}}} & > span {position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; display: table; top: .2rem; padding: .1rem .2rem; line-height: 100%; background: var(--color-scheme-background);}}.cmd-upload-form .list-files-wrapper{justify-content:center;align-items:center;hr {width: 100%;}}.cmd-upload-form .list-files-wrapper .list-of-files{display:inline-flex;flex-direction:column;gap:calc(var(--default-gap) / 2);li {list-style-type: none; margin-left: 0; gap: calc(var(--default-gap) / 2); > a:hover,a:active,a:focus {~ * {color: var(--hyperlink-color-highlighted);}}} & + a {display: table; margin: 0 auto;}}.cmd-upload-form .upload-conditions .cmd-headline>*{text-align:center}.cmd-width-limitation-wrapper>*{max-width:var(--max-width);margin:0 auto;padding:var(--default-padding)}.cmd-width-limitation-wrapper.sticky{position:sticky;left:0;right:0;top:0}
|
1
|
+
.iconify{font-size:var(--default-icon-size);vertical-align:text-bottom}.iconify+span,span+.iconify{margin-left:calc(var(--default-margin) / 2)}.edit-component-wrapper{border:.1rem dashed transparent;transition:var(--default-transition);display:block}.edit-component-wrapper:hover,.edit-component-wrapper:active,.edit-component-wrapper:focus{border-color:var(--primary-color);background:hsla(0deg,0%,100%,.1);transition:var(--default-transition)}.edit-component-wrapper:focus,.edit-component-wrapper.active{border-style:solid;border-color:var(--primary-color)}.edit-component-wrapper:focus .action-buttons,.edit-component-wrapper.active .action-buttons{opacity:1;transition:var(--default-transition)}.edit-component-wrapper label.text-center input{text-align:center}.edit-component-wrapper label.edit-mode input,.edit-component-wrapper label select,.edit-component-wrapper label .cmd-fake-select{padding:0;height:auto;min-height:calc(var(--input-height) / 2)}.edit-component-wrapper [data-component=CmdSlideshow]{top:1.8rem;right:5.3rem}.edit-component-wrapper.highlight{border-color:var(--hyperlink-color-highlighted);border-style:dotted}.edit-component-wrapper .component-name{display:none;position:absolute;left:auto;right:8rem;font-size:1.1rem;font-style:italic;z-index:1;padding:.2rem 2rem .2rem .5rem;background:var(--primary-color);margin:0}.edit-component-wrapper .action-buttons{--action-buttons-size: 3.6rem;transition:var(--default-transition);gap:0;position:absolute;top:-1.8rem;right:.8rem;z-index:1;margin:0}.edit-component-wrapper .action-buttons li:nth-child(odd){top:0}.edit-component-wrapper .action-buttons li:nth-child(2n){top:-1.6rem}.edit-component-wrapper .action-buttons li:nth-child(5){right:0}.edit-component-wrapper .action-buttons li:nth-child(4){right:calc(var(--action-buttons-size) * -.25)}.edit-component-wrapper .action-buttons li:nth-child(3){right:calc(var(--action-buttons-size) * -.5)}.edit-component-wrapper .action-buttons li:nth-child(2){right:calc(var(--action-buttons-size) * -.75)}.edit-component-wrapper .action-buttons li:nth-child(1){right:calc(var(--action-buttons-size) * -1)}.edit-component-wrapper .edit-items .action-buttons{gap:var(--default-gap-third);top:-2.3rem;left:0;right:auto;flex-wrap:nowrap;border:var(--default-border);border-color:var(--pure-white);border-bottom:0;background:var(--pure-white);border-radius:var(--default-border-radius)}.edit-component-wrapper .edit-items .action-buttons li{top:0;right:0;left:auto}.edit-component-wrapper .edit-items .action-buttons li:nth-child(5){right:0}.edit-component-wrapper .edit-items .action-buttons li:nth-child(4){right:var(--icon-font-size)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(3){right:calc(var(--icon-font-size) * 2)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(2){right:calc(var(--icon-font-size) * 3)}.edit-component-wrapper .edit-items .action-buttons li:nth-child(1){right:calc(var(--icon-font-size) * 4)}.edit-component-wrapper .edit-items .action-buttons li a.button{border-radius:var(--full-circle);font-size:1rem;display:block;padding:.5rem;background:var(--button-background)}.edit-component-wrapper .edit-items .action-buttons li a.button:before{content:"";font-size:1rem}.edit-component-wrapper .edit-items .action-buttons li a.button span[class*=icon-]{font-size:var(--icon-size-small);position:relative;top:0;left:0;transform:none}.edit-component-wrapper .edit-items .action-buttons li a.button span[class*=icon-]:before{color:var(--hyperlink-color)}.edit-component-wrapper .edit-items .action-buttons li a.button.primary{background:var(--primary-color)}.edit-component-wrapper .edit-items .action-buttons li a.button:hover span[class*=icon-]:before,.edit-component-wrapper .edit-items .action-buttons li a.button:active span[class*=icon-]:before,.edit-component-wrapper .edit-items .action-buttons li a.button:focus span[class*=icon-]:before{color:var(--hyperlink-color-highlighted)}.edit-component-wrapper .edit-items.active{background:hsla(0deg,0%,100%,.2)}.edit-component-wrapper.active{background:var(--pure-white);border-color:var(--pure-white);min-height:2.5rem}.edit-component-wrapper.active .component-name{display:block}.edit-component-wrapper.active label.cmd-form-element :is(input[type=checkbox],input[type=radio]):checked~.label-text span{color:var(--pure-white)}.edit-component-wrapper .cmd-headline{margin:0}.edit-component-wrapper .cmd-thumbnail-scroller .inner-thumbnail-wrapper>ul>li{align-self:flex-start}.edit-component-wrapper .cmd-thumbnail-scroller .cmd-image .drop-area span[class*=icon]{font-size:5rem}.edit-component-wrapper .cmd-image input{width:5rem}.edit-component-wrapper:not(.edit-items)>ul>li a.button{background:none!important}ul.edit-component-wrapper{border:0}ul.edit-component-wrapper>li{list-style-type:none;margin:0}ul.edit-component-wrapper>li.action-buttons-wrapper{display:flex;justify-content:flex-end;padding-top:.1rem}ul.edit-component-wrapper>li.action-buttons-wrapper .action-buttons{position:relative;top:auto}ul.edit-component-wrapper>li.item-wrapper{border:.1rem dashed transparent;transition:var(--default-transition)}ul.edit-component-wrapper>li.item-wrapper:hover,ul.edit-component-wrapper>li.item-wrapper:active,ul.edit-component-wrapper>li.item-wrapper:focus{border-color:var(--primary-color);background:hsla(0deg,0%,100%,.1);transition:var(--default-transition)}ul.edit-component-wrapper>li.item-wrapper:focus,ul.edit-component-wrapper>li.item-wrapper.active{border-style:solid;border-color:var(--primary-color)}ul.edit-component-wrapper>li.item-wrapper:focus .action-buttons,ul.edit-component-wrapper>li.item-wrapper.active .action-buttons{opacity:1;transition:var(--default-transition)}.cmd-headline{margin-bottom:var(--default-margin);gap:calc(var(--default-gap) / 2);p {margin-bottom: 0;} h1,h2,h3,h4,h5,h6 {margin: 0; &:only-child {flex: none; width: 100%;}}}.cmd-headline.text-center>*{text-align:center}.cmd-headline.text-right>*{text-align:right}.cmd-headline.has-pre-headline-text{text-align:inherit}.cmd-headline.has-pre-headline-text>*:first-child{display:flex;align-items:flex-start;span[class*="icon"] {bottom: .2rem;}}.cmd-headline.has-pre-headline-text.text-center>*:first-child{justify-content:center}.cmd-headline.has-pre-headline-text.text-right>*:first-child{justify-content:flex-end}.cmd-headline.has-pre-headline-text.text-right>*{text-align:right}.cmd-headline.has-pre-headline-text:has(h1) span[class*=icon]{font-size:calc(var(--headline-font-size-h1) * 1.6)}.cmd-headline.has-pre-headline-text:has(h2) span[class*=icon]{font-size:calc(var(--headline-font-size-h2) * 1.8)}.cmd-headline.has-pre-headline-text:has(h3) span[class*=icon]{font-size:calc(var(--headline-font-size-h3) * 1.9)}.cmd-headline.has-pre-headline-text:has(h4) span[class*=icon]{font-size:calc(var(--headline-font-size-h4) * 2)}.cmd-headline.has-pre-headline-text:has(h5) span[class*=icon]{font-size:calc(var(--headline-font-size-h5) * 2.1)}.cmd-headline.has-pre-headline-text:has(h6) span[class*=icon]{font-size:calc(var(--headline-font-size-h6) * 2.2)}.cmd-headline.has-pre-headline-text .pre-headline-text-wrapper{display:flex;flex-direction:column}.cmd-headline.has-pre-headline-text .pre-headline-text{font-size:var(--default-font-size);font-weight:var(--font-weight-normal);line-height:1}.cmd-headline.has-pre-headline-text:has(h4,h5,h6) .pre-headline-text{font-size:var(--font-size-small)}.cmd-headline.has-pre-headline-text.has-icon.text-center{justify-content:center}.cmd-headline.has-pre-headline-text.has-icon.text-center *{text-align:left}.cmd-headline.has-pre-headline-text.has-icon.text-right{justify-content:flex-end}.cmd-headline.has-pre-headline-text.has-icon.text-right *{text-align:left}.edit-mode label.headline{input {padding: 0; height: auto; font-weight: var(--headline-font-weight);} &.h1 input {font-size: var(--headline-font-size-h1); text-transform: var(--headline-text-transform);} &.h2 input {font-size: var(--headline-font-size-h2);} &.h3 input {font-size: var(--headline-font-size-h3);} &.h4 input {font-size: var(--headline-font-size-h4);} &.h5 input {font-size: var(--headline-font-size-h5);} &.h6 input {font-size: var(--headline-font-size-h6);}}.cmd-tooltip{padding:.6rem .7rem .4rem;line-height:100%;font-size:var(--font-size-small);position:fixed;background:var(--color-scheme-background);z-index:100;border:var(--default-border);border-color:#3e3f41;border-right-color:#cececf;border-bottom-color:#cececf;display:flex;flex-direction:column}.cmd-tooltip.error,.cmd-tooltip.warning,.cmd-tooltip.success,.cmd-tooltip.info{border-color:var(--status-color)}.cmd-tooltip.error{--status-color: var(--error-color)}.cmd-tooltip.warning{--status-color: var(--warning-color)}.cmd-tooltip.success{--status-color: var(--success-color)}.cmd-tooltip.info{--status-color: var(--info-color)}.cmd-tooltip .headline-wrapper{display:flex;a {margin-left: auto; [class*="icon-"] {padding-left: 1rem; font-size: var(--font-size-small); color: var(--hyperlink-color); &:hover,&:active,&:focus {color: var(--hyperlink-color-highlighted);}}}}@-moz-document url-prefix(){.cmd-tooltip{font-size:1.3rem;border-color:#757575}}.cmd-list-of-requirements{dl {span[class*="icon-"] {color: var(--status-color);} .error,.error span { --status-color: var(--error-color); } .warning,.warning span { --status-color: var(--warning-color); } .success,.success span { --status-color: var(--success-color); } .info,.info span { --status-color: var(--info-color); } dt {color: var(--status-color);} & ~ a {display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none;}}}.cmd-tooltip-for-form-elements .headline-wrapper{a[class*="icon-"],a:has([class*="icon-"]) {margin-left: auto; &:hover,&:active,&:focus {background: none;}}}.cmd-form-element{input + .place-inside {left: auto; right: .5rem; color: var(--hyperlink-color); span {color: inherit;}} &.has-state,& + .cmd-tooltip {&.error {* { --status-color: var(--error-color); }} ::placeholder {color: var(--status-color);} span {color: var(--status-color); &.place-inside {color: inherit;}} &.success * { --status-color: var(--success-color); }} :is(input[type="checkbox"],input[type="radio"]):checked {~ .label-text span {color: var(--hyperlink-color);} &:hover,&:active,&:focus {~ .label-text span {color: var(--hyperlink-color-highlighted);}}} &.inline {& > span {& > a:not(.button) {margin-left: calc(var(--default-margin) / 2);}}} .search-field-wrapper {margin: 0; input[type="search"] {border-radius: var(--default-border-radius);} a {position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); z-index: 100; &.button {span {color: var(--color-scheme-background);} &:hover,&:active,&:focus {span {color: var(--color-scheme-text-color);}}}} a.button {right: 0; & + a {right: 5rem;}}} .place-inside {+ .search-field-wrapper {input {padding-left: calc(var(--default-padding) * 3);}}} .characters-left-wrapper {margin-top: calc(var(--default-margin) / 2); display: block; span:not(:only-child):first-child {margin-right: calc(var(--default-margin) / 2); color: var(--color-scheme-text-color);} .characters-left {color: var(--color-scheme-text-color); &.error {color: var(--error-color);}}}}.cmd-address-data{dl {grid-row-gap: calc(var(--default-gap) / 2); dt {display: flex; top: .2rem; &.address {align-self: flex-start; [class*="icon"]:only-child {line-height: var(--default-line-height);}}} .order-city-zip,.order-zip-city {display: inline-flex; gap: .5rem;} .order-city-zip {flex-direction: row-reverse;}} ul {gap: calc(var(--default-gap) / 2); margin-left: 0; li {margin-left: 0; list-style: none;}} .edit-component-wrapper {dl {margin-bottom: 0;}}}.edit-component-wrapper .cmd-address-data address{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2);dt {min-width: 2.5rem;}}.cmd-bank-account-data{dd {display: flex; gap: calc(var(--default-gap) / 2); > span {&:first-child {white-space: nowrap;}}}}.cmd-form{fieldset + .button-wrapper {margin-top: var(--default-margin);}}.cmd-form:not([data-use-validation=true]){label.error :where(::placeholder,select option:first-child),:where(input,select,textarea):invalid:focus {color: var(--error-color);} :where(input,select,textarea):valid:focus[required],select:invalid:focus[required] option:not(:first-child) {color: var(--success-color);}}.cmd-form.error{fieldset,*:invalid {border-color: var(--error-color);}}.cmd-form .button,.cmd-form .button:last-child{margin-left:auto}.cmd-pages-basic-form{fieldset {margin: 0; .order-city-zip {flex-direction: row-reverse;} .input-zip {max-width: 30%;}}}.cmd-image{img {display: block;} figcaption {border-bottom-left-radius: var(--default-border-radius); border-bottom-right-radius: var(--default-border-radius);} &.text-center {figcaption {text-align: center;}} &.text-right {figcaption {text-align: right;}} .drop-area {border: 0; align-items: center; justify-content: center; padding: 0; > [class*="icon"] {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 10rem; color: var(--pure-white); text-shadow: var(--default-text-shadow); z-index: 10;} img {opacity: .7; transition: var(--default-transition); &:hover,:active,:focus {opacity: 1; transition: var(--default-transition);} &:not([src]) {display: block; width: 100%; min-height: 30rem;}}}}.edit-mode .edit-component-wrapper .cmd-image{label.edit-mode input {padding: calc(var(--default-padding) / 2);}}.cmd-slide-button.button{font-size:2rem;z-index:10;height:100%;position:absolute;display:flex;justify-content:center;text-decoration:none;border:0;outline:0}.cmd-slide-button.button span{align-self:center}.cmd-slide-button.button.prev{left:0;top:0}.cmd-slide-button.button.next{right:0;top:0}.cmd-slide-button.button.up,.cmd-slide-button.button.down{width:100%;height:auto;left:0;top:0}.cmd-slide-button.button.down{bottom:0;top:auto}@media only screen and (max-width: 600px){.cmd-slide-button.button{width:auto}}.cmd-thumbnail-scroller{display:inline-flex;flex-direction:column;gap:var(--default-gap);width:100%}.cmd-thumbnail-scroller.full-width:not(.vertical){display:flex}.cmd-thumbnail-scroller.full-width:not(.vertical)>div{width:100%}.cmd-thumbnail-scroller .cmd-slide-button{top:50%!important;height:auto;transform:translateY(-50%)}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper{border-radius:var(--default-border-radius);padding:calc(var(--default-padding) * 2);padding-top:0;margin:0 auto;border:var(--default-border);background:var(--color-scheme-background);overflow:hidden}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul{overflow:hidden;margin:0;display:flex;gap:var(--grid-gap);justify-content:space-between;width:100%}.cmd-thumbnail-scroller>.inner-thumbnail-wrapper>ul>li{align-self:center;list-style-type:none;margin:0;margin-top:2rem;flex:none;img {min-width: 15rem; max-height: 10rem;} a {display: block; text-align: center; &.active {color: var(--hyperlink-color-highlighted); background: none; span,span[class*="icon"] {color: inherit} &:has(figcaption) {img {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}} figcaption {background: var(--primary-color); opacity: 1; color: var(--pure-white);}} &:has(img) {padding: 0;} &:hover,&:active,&:focus {&.active {figcaption {color: var(--hyperlink-color); background: none;}}}} .image-wrapper {min-width: 11.1rem;}}.cmd-thumbnail-scroller.vertical{width:auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper{display:inline-flex;left:50%;height:75rem;transform:translate(-50%)}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul{width:auto;display:flex;flex-direction:column}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul [class*=switch-button-]{width:100%;height:auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper>ul [class*=switch-button-]:before{transform:rotate(90deg);display:inline-block;margin:0 auto}.cmd-thumbnail-scroller.vertical .inner-thumbnail-wrapper .slide-button-next{top:auto;bottom:0}.cmd-thumbnail-scroller.gallery-scroller{max-width:var(--max-width);left:0;right:0;position:fixed;bottom:var(--default-margin);margin:auto;display:table;li {a {color: var(--color-scheme-text-color); text-decoration: none; &.active {img {border-color: var(--primary-color);} figcaption {color: var(--primary-color);}} &:not(.active) {img {border: var(--default-border); opacity: var(--reduced-opacity);} figcaption {text-decoration: none;}} &:hover,&:active,&:focus {figcaption {color: var(--primary-color);} img {border-color: var(--primary-color); opacity: 1;}}}}}.cmd-thumbnail-scroller.large-icons{ul li a {display: flex; flex-direction: column; gap: calc(var(--default-gap) / 4); text-decoration: none; align-items: center; justify-content: center; span {margin: 0;} [class*="icon-"] {font-size: 5rem;}}}@media only screen and (max-width: 1023px){.cmd-thumbnail-scroller>ul>li{flex:none}.cmd-thumbnail-scroller>ul>li img{max-height:7rem}.cmd-thumbnail-scroller img{width:auto}.cmd-thumbnail-scroller.gallery-scroller{max-width:calc(100% - var(--default-margin) * 3);display:flex}}@container (width <= 600px){.cmd-thumbnail-scroller{display:block}}.cmd-fancybox{position:fixed;z-index:500;flex-direction:column;padding:var(--default-padding);min-width:30vw;min-height:30vh;background:var(--pure-white);border-radius:var(--default-border-radius);overflow:hidden;gap:calc(var(--default-gap) / 2);max-width:var(--max-width)}.cmd-fancybox.image-gallery{margin-top:calc(var(--default-margin) * 2)}.cmd-fancybox[open]{display:flex}.cmd-fancybox.show-overlay::backdrop{--reduced-opacity: .75;background:rgba(0,0,0,var(--reduced-opacity))}.cmd-fancybox>header{display:flex}.cmd-fancybox .cmd-cookie-disclaimer{padding:0}.cmd-fancybox>.grayscale{filter:grayscale(1)}.cmd-fancybox .cmd-slide-button{top:50%!important;height:auto;transform:translateY(-50%)}.cmd-fancybox.image{img {display: block; margin: 0 auto;} figcaption {text-align: center;}}.cmd-fancybox.image .outer-content-wrapper{max-height:none}.cmd-fancybox .inner-thumbnail-wrapper li{figure {opacity: .8;} &.active {figure {opacity: 1;} img {border-color: var(--hyperlink-color-highlighted);} a {color: var(--hyperlink-color-highlighted);}}}.cmd-fancybox>header{justify-content:space-between}.cmd-fancybox>header>.cmd-headline{max-width:80%;flex-shrink:1;margin-bottom:0}.cmd-fancybox>header>.button-wrapper{flex-shrink:0;flex-direction:row;align-items:flex-start;gap:calc(var(--default-gap) / 2);margin-left:auto}.cmd-fancybox>header>.button-wrapper>.button{display:block;border:var(--default-border);padding:.2rem;min-width:0;min-height:0}.cmd-fancybox>header>.button-wrapper>.button[class*=print]>[class*=icon-]{color:var(--default-text-color)}.cmd-fancybox>header>.button-wrapper>.button.print-grayscale{background:linear-gradient(135deg,var(--medium-gray) 0%,var(--medium-gray) 50%,var(--pure-white) 50%,var(--pure-white) 100%)}.cmd-fancybox>header>.button-wrapper>.button.print-color{background:linear-gradient(135deg,#009fe3 0%,#009fe3 25%,#e6007e 25%,#e6007e 50%,#ffed00 50%,#ffed00 50%,#ffed00 75%,var(--medium-gray) 75%,var(--medium-gray) 100%)}.cmd-fancybox>header>.button-wrapper>.button:hover,.cmd-fancybox>header>.button-wrapper>.button:active,.cmd-fancybox>header>.button-wrapper>.button:focus{border:var(--primary-border);background:var(--pure-white)}.cmd-fancybox>header>.button-wrapper>.button:hover [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:active [class*=icon-],.cmd-fancybox>header>.button-wrapper>.button:focus [class*=icon-]{color:var(--primary-color)}.cmd-fancybox>footer{margin-top:auto;justify-content:flex-end}.cmd-fancybox .outer-content-wrapper{max-height:85vh;overflow-x:hidden;flex:none}.cmd-fancybox .outer-content-wrapper .content{figcaption {font-size: 2rem; padding: calc(var(--default-padding) / 2) 0;}}.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{margin:auto;max-height:80vmin;max-width:80vmax}@media only screen and (max-width: 1023px){.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{margin:auto;max-height:60vmin}.cmd-fancybox>header{flex-direction:row}.cmd-fancybox>header .button:not(#close-dialog){display:none}}@media only screen and (max-width: 600px){.cmd-fancybox .outer-content-wrapper .content>img:only-child,.cmd-fancybox .outer-content-wrapper .content>video:only-child{max-height:50vmin}.cmd-fancybox [class*=switch-button-]{width:3rem}.cmd-fancybox [class*=switch-button-]:before{margin:0;top:40%}}@media only screen and (max-width: 1023px){dialog{margin-top:var(--default-margin)}}.cmd-list-of-links>ul{flex-direction:column;gap:calc(var(--default-gap) / 2);margin:0;li {list-style: none; margin-left: 0 !important;} &.align-center {justify-content: center;} &.align-right li {text-align: right;} ul {display: flex; flex-direction: column; margin-left: calc(var(--default-padding) * 2);}}.cmd-list-of-links.show-list-style-items{li {list-style-type: disc; margin-left: 1.7rem;}}.cmd-list-of-links.horizontal>ul{gap:var(--default-gap);flex-direction:row}.cmd-list-of-links.horizontal>ul>li{flex:none;display:flex;flex-direction:column}.cmd-list-of-links.horizontal>ul.align-right{justify-content:flex-end}.cmd-list-of-links.horizontal>ul.stretch{justify-content:space-around}.cmd-list-of-links.large-icons{li {list-style-type: none; a {display: flex; flex-direction: column; gap: calc(var(--default-gap) / 4); text-decoration: none; align-items: center; justify-content: center; span {margin: 0;} [class*="icon-"] {font-size: 5rem;}}}}@media only screen and (max-width: 1023px){.cmd-list-of-links>ul ul{gap:calc(var(--default-gap) / 2)}.cmd-list-of-links>ul ul>li:first-child{margin-top:calc(var(--default-gap) / 2)}}.cmd-box{display:inline-flex;flex-direction:column;padding:0;align-self:start}.cmd-box.stretch-horizontally{display:flex;width:100%}.cmd-box.stretch-vertically{height:100%}.cmd-box .box-header .cmd-headline{margin-bottom:0}.cmd-box.collapsible{a.box-header {justify-content: space-between; background: var(--box-header-background); border-radius: var(--box-border-radius); &:hover,&:active,&:focus {background: var(--pure-white); * {color: var(--hyperlink-color);}}}}.cmd-box .box-body .allow-scroll{overflow-y:auto}.cmd-box .box-body .allow-scroll *{flex-shrink:0}.cmd-box.content>* *:last-child{margin-bottom:0}.cmd-box.content.open{fieldset {border: 0; padding: var(--default-padding);}}.cmd-box.content.open>.box-header{border-bottom-left-radius:0;border-bottom-right-radius:0}.cmd-box.content>.box-header{text-decoration:none}.cmd-box.content>.box-header>.cmd-custom-headline{margin-bottom:0}.cmd-box.content>.box-header *{color:var(--pure-white);margin-bottom:0}.cmd-box.content>.box-header>.toggle-icon{margin-left:auto}.cmd-box.content>.box-header>.toggle-icon,.cmd-box.content>.box-header .toggle-icon>[class*=icon-]{font-size:var(--font-size-small)}.cmd-box.content .box-body{display:flex;flex-grow:1;border-top:var(--box-border);p.cutoff-text {padding: var(--default-padding); margin: 0; overflow: hidden; height: calc(var(--line-of-text-height) * var(--d0545930)); &.fade-last-line::after {content: ""; width: 100%; position: absolute; left: 0; bottom: 0; height: calc(var(--line-of-text-height) * 3); background: linear-gradient(to bottom,transparent 0%,var(--default-background) 100%);} &.show-text {height: auto;} & + a {border-top: var(--box-border); display: block; padding: var(--default-padding); margin: 0;}} img {display: block; border-radius: 0;} .navigation {margin: 0; height: 100%; li {list-style-type: none; margin: 0; a {display: block; padding: var(--default-padding); text-decoration: none; border-bottom: var(--box-border); &:hover,&:active,&:focus {background: var(--primary-color); color: var(--pure-white);}} &:last-child {a {border: 0;}}}}}.cmd-box.content .box-body>div:only-child{flex-grow:1}.cmd-box.product>div>.cmd-custom-headline,.cmd-box.user>div>.cmd-custom-headline{margin-top:var(--default-margin);justify-content:center}.cmd-box.product{text-decoration:none;overflow:hidden}.cmd-box.product [class*=ribbon]{position:absolute;z-index:10;overflow:hidden;width:10rem;height:10rem;top:0;left:0;span {position: absolute; display: block; transform: rotate(-45deg); width: 100%; top: 15%; left: -25%; background: var(--error-color); font-weight: bold; color: var(--pure-white); text-transform: uppercase; text-align: center;}}.cmd-box.product .ribbon-discount{left:auto;right:0;span {transform: rotate(45deg); right: -20%; left: auto; background: green;}}.cmd-box.product>.box-header{padding:0;img {border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} figcaption {font-size: 2rem; font-weight: bold; padding: var(--default-padding);}}.cmd-box.product>.box-header>img,.cmd-box.product>.box-header>div{display:table;margin:0 auto}.cmd-box.product .box-body{flex-grow:1;padding:var(--default-padding);padding-bottom:0}.cmd-box.product .box-body>*{text-align:center}.cmd-box.product .box-body .price{font-size:1.8rem;font-weight:700;span:last-child {margin-left: calc(var(--default-margin) / 2);}}.cmd-box.product:hover,.cmd-box.product:active,.cmd-box.product:focus{border-color:var(--hyperlink-color-highlighted)}.cmd-box.user>.box-header{--default-icon-size: 6rem;--box-header-text-color: var(--primary-color);background:none;img,> div:first-child > [class*="icon-"] {display: table; margin: 0 auto var(--default-margin) auto; padding: calc(var(--default-padding) * 3); border-radius: var(--full-circle); background: var(--box-header-background); color: var(--pure-white); & + p,& + figcaption {margin: 0 auto; text-align: center; font-weight: bold; font-size: 2rem;}} img {padding: 0; width: calc(var(--default-icon-size) * 2); aspect-ratio: 1/1;} > div:first-child > [class*="icon-"] {margin: 0; font-size: var(--default-icon-size);}}.cmd-box.user>.box-header>div:first-child>[class*=icon-]{aspect-ratio:1/1}.cmd-box.user .box-body{flex-grow:1;padding:var(--default-padding);padding-top:0;p {text-align: center; font-weight: bold; &:last-child {margin-bottom: 0;} &.description {font-weight: normal;}}}.cmd-box.user .box-footer{margin-top:auto;padding:0;border-top:var(--box-border)}.cmd-box.user .box-footer .cmd-list-of-links{ul {width: 100%; margin-bottom: 0; li {flex: 1; border-radius: var(--box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; &:not(:only-child) {border-bottom-left-radius: 0; border-bottom-right-radius: 0; &:first-child {border-bottom-left-radius: var(--box-border-radius);} &:last-child {border-bottom-right-radius: var(--box-border-radius);}} a {flex: 1; padding: var(--default-padding); text-align: center; background: var(--color-scheme-background); border-left: var(--box-border); border-radius: inherit; line-height: 100%;} &:hover,&:active,&:focus {a {background: var(--primary-color); color: var(--pure-white); span,[class*="icon-"] {color: var(--pure-white);}}} &:first-child {a {border: 0;}}}}}.cmd-box.user.row-view [class*=icon]{--default-icon-size: 3rem}.cmd-box.user.row-view .box-header>div:first-child>[class*=icon-]{padding:calc(var(--default-padding) * 1.5)}.cmd-box.user.row-view .box-body p{text-align:left}.cmd-box.user.row-view .box-footer{border:0;background:none}.cmd-box.user.row-view .box-footer .cmd-list-of-links{background:none;ul li {aspect-ratio: 1/1; border-radius: var(--box-border-radius) !important;} ul,ul * {border: 0; background: inherit;}}.cmd-box-wrapper{display:flex;flex-direction:column;gap:calc(var(--default-gap) / 2)}.cmd-box-wrapper:not(:first-child){margin-top:calc(var(--default-margin) * 2)}.cmd-box-wrapper>.headline-wrapper{align-items:center;justify-content:space-between}.cmd-box-wrapper .options-wrapper{flex:none}.cmd-box-wrapper>.flex-container>.cmd-headline{margin:0}.cmd-box-wrapper>.flex-container.stretch-boxes-vertically .stretch-vertically{align-self:stretch;height:auto}.cmd-box-wrapper .inner-box-wrapper>*{flex:none;flex-grow:1;flex-basis:min-content}.cmd-box-wrapper .row-view{flex-direction:column;p.cutoff-text {height: auto; &.fade-last-line::after {background: none;}} .cmd-box.user {flex-direction: row; padding: var(--default-padding); align-items: center; .box-footer {margin-top: 0;}}}.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--55a1c0a6),minmax(0,1fr))}.cmd-box-wrapper>.grid-container-create-columns.row-view{grid-template-columns:repeat(1,minmax(0,1fr))}@media only screen and (max-width: 1023px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--5ac88d7a),minmax(0,1fr))}}@media only screen and (max-width: 600px){.cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(var(--54d20d0e),minmax(0,1fr))}}.cmd-breadcrumbs{display:flex;margin:0;li {display: inherit; align-items: center; list-style-type: none; margin: 0; > span {padding: 0 calc(var(--default-padding) / 2);} &.breadcrumb-label {margin-right: calc(var(--default-margin) / 2);} a {display: table; text-decoration: none; &:hover,&:active,&:focus {text-decoration: underline;}}}}.cmd-company-logo{img {display: block; max-height: 10rem;} > a {display: block; img {border: 0;}}}@media only screen and (max-width: 1023px){.cmd-company-logo img{max-width:100%;max-height:7.5rem}}.cmd-container{min-height:5rem}.cmd-cookie-disclaimer{width:100%;padding:var(--default-padding);padding-right:calc(var(--default-padding) * 2);z-index:100;bottom:0;top:auto;h1 {text-align: center;} .button {margin: 0 auto;} > p {text-align: center;} #form-cookies {margin-bottom: var(--default-margin);} p {a {text-decoration: underline; &:hover,&:active,&:focus {text-decoration: none;}}}}.cmd-cookie-disclaimer .cmd-box .box-header{padding:0;padding-right:var(--default-padding);justify-content:unset;label {padding: calc(var(--default-padding) / 2) var(--default-padding); &.disabled {.label-text span {color: var(--pure-white) !important;}} & + .toggle-icon {padding: calc(var(--default-padding) / 2) var(--default-padding); width: 100%; justify-content: flex-end; text-align: right;}} &:hover,&:active,&:focus {background: var(--hyperlink-color); label.disabled .label-text span {color: var(--disabled-color) !important;}}}.cmd-cookie-disclaimer .cmd-box .box-body{padding:var(--default-padding)}.cmd-copyright-information{background:var(--dark-gray);border-top:var(--default-border-width) var(--default-border-style) var(--pure-white);text-align:center;padding:var(--default-padding);margin-top:auto;flex:none;a {text-decoration: none; color: var(--pure-white); &:hover,&:active,&:focus {text-decoration: underline; color: var(--pure-white);}}}.cmd-fake-select{align-self:flex-end;border-radius:var(--default-border-radius);li {margin-left: 0; list-style: none; a,a:visited {display: flex; align-items: center; width: 100%; padding: .7rem; padding-top: .8rem; outline: none; border-bottom: var(--default-border); text-decoration: none; &:hover,&:active,&:focus {background: var(--primary-color); span,[class*="icon"] {color: var(--pure-white);}} span {&:first-child,&:nth-child(2) {border: 0;}} img {&.flag {margin: 0 calc(var(--default-margin) / 2) 0 0;}} &.active {background: var(--light-gray); span {color: var(--hyperlink-color);} &:hover,&:active,&:focus {background: var(--primary-color); span,[class*="icon"] {color: var(--pure-white);}}}} label {display: flex;} span {white-space: nowrap;} ul {position: absolute; list-style: none; z-index: 10; min-width: 100%; margin: 0; border-bottom-right-radius: var(--default-border-radius); border-bottom-left-radius: var(--default-border-radius); background: var(--color-scheme-background); border: var(--primary-border); li {&:last-child {a {border-bottom: 0;}}} &.custom-fake-select-content {padding: var(--default-padding); img {display: block;}} &.checkbox-options {li {padding: calc(var(--default-padding) / 2); &.select-all-options {border-top: var(--primary-border); padding: 0;}}}}} &.has-state.label {&.error * { --status-color: var(--error-color); } &.success * { --status-color: var(--success-color); } .label-text {> span,[class*="icon-"] {color: var(--status-color);}} > ul {> li:first-child {> a {border-color: var(--status-color); > span,[class*="icon-"] {color: var(--status-color);} &:hover,&:active,&:focus {background: var(--color-scheme-background); span {color: var(--status-color);}}}}}} &.error,&.disabled {a {&:hover,&:focus,&:active {img {&.flag {border-color: var(--border-color);}}}}} &.color {li {a {gap: calc(var(--default-gap) / 2); > span:first-child {width: 1.5rem; aspect-ratio: 1/1; border: var(--default-border); &[style=""] {display: none;}}}}}}.cmd-fake-select>span:first-child{a {align-self: flex-end;}}.cmd-fake-select>ul{height:var(--input-height);margin:0;display:block;min-width:0;box-shadow:none;border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li{height:100%;border-radius:var(--default-border-radius)}.cmd-fake-select>ul>li:first-child>a{height:inherit;border:var(--default-border);background:var(--color-scheme-background);color:var(--color-scheme-text-color);border-radius:var(--default-border-radius);img {flex-shrink: 0;} span,[class*="icon"] {color: var(--color-scheme-text-color);} .option-name {text-overflow: ellipsis; overflow: hidden;} > [class*="icon-"]:last-child {margin-left: auto; font-size: var(--icon-size-small);} &:hover,&:active,&:focus {background: var(--pure-white); border-color: var(--primary-color); span,[class*="icon"] {color: var(--hyperlink-color);}}}.cmd-fake-select>ul.open{border-bottom:0;ul {border-bottom-left-radius: var(--default-border-radius); border-bottom-right-radius: var(--default-border-radius); > li {&:first-child {> a {border-color: var(--primary-color); border-bottom-left-radius: 0; border-bottom-right-radius: 0;}}} > li:last-child {border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; > a {border-bottom-left-radius: inherit; border-bottom-right-radius: inherit;}}}}.cmd-fake-select.disabled>ul>li>a{color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background)}.cmd-fake-select.disabled>ul>li>a span{color:var(--disabled-color)}.cmd-fake-select.disabled>ul>li>a:hover,.cmd-fake-select.disabled>ul>li>a:active,.cmd-fake-select.disabled>ul>li>a:focus{cursor:not-allowed;color:var(--disabled-color);border-color:var(--disabled-color);background:var(--disabled-background)}.cmd-fake-select.disabled>ul>li>a:hover span,.cmd-fake-select.disabled>ul>li>a:active span,.cmd-fake-select.disabled>ul>li>a:focus span{color:var(--disabled-color)}.cmd-form-filters{display:flex;margin:0;li {list-style-type: none; margin-left: 0; margin-right: var(--default-margin); border: var(--default-border); background: var(--pure-white); font-size: var(--font-size-small); &:hover,&:active,&:focus {border-color: var(--primary-color);} a {padding: calc(var(--default-padding) / 2); display: flex; align-items: center; text-decoration: none;} &:last-of-type {margin-right: 0;} [class*="icon-"] {font-size: var(--icon-size-small);}}}.cmd-google-maps{border:var(--default-border);border-radius:var(--default-border-radius);iframe {border-radius: inherit;}}.cmd-image-gallery>.cmd-headline,.cmd-image-gallery>input.edit-mode,.cmd-image-gallery>.edit-component-wrapper{grid-column:span var(--grid-columns);margin-bottom:0}.cmd-image-gallery .image-wrapper{align-self:center;justify-self:center;grid-column:span var(--grid-small-span);width:100%;min-width:11.1rem;// assure to be as wide as action-buttons in edit-mode img {border: var(--default-border); border-radius: var(--default-border-radius); max-height: 30rem;} figcaption {padding: calc(var(--default-padding) / 2);} &:hover,&:active,&:focus {text-decoration: none; img {border: var(--primary-border);}} & + .pager {margin-top: calc(var(--default-margin) * 2);}}.cmd-imagezoom{overflow:hidden}.cmd-imagezoom .zoom-container{display:block!important;overflow:hidden}.cmd-imagezoom .zoom-container>img{max-width:none}.cmd-imagezoom .zoom-overlay{position:absolute;display:none;pointer-events:none;background:var(--primary-color);opacity:var(--reduced-opacity)}.cmd-input-group.inline{display:flex;gap:var(--default-gap)}.cmd-input-group.toggle-switch{display:block}.cmd-input-group>.label-text{display:inline-flex;margin-bottom:calc(var(--default-margin) / 2)}.cmd-input-group>.label-text>span+a:has([class*=icon-]){margin-left:calc(var(--default-margin) / 2)}.cmd-input-group>.label-text:hover>span,.cmd-input-group>.label-text:active>span,.cmd-input-group>.label-text:focus>span{color:var(--hyperlink-color-highlighted)}.cmd-input-group>.label-text:hover+.flex-container,.cmd-input-group>.label-text:active+.flex-container,.cmd-input-group>.label-text:focus+.flex-container{input {border-color: var(--default-border-color);}}.cmd-input-group.has-state{label,span,[class*="icon-"] {color: var(--status-color);} &.multiple-switch {&.error { --status-color: var(--error-color); label { border-color: var(--error-color); > * { color: var(--error-color); } &:is(:hover, :active, :focus) { span, [class*="icon-"] { color: var(--hyperlink-color-highlighted); } } } }}}.cmd-input-group.has-state.error{--status-color: var(--error-color)}.cmd-login-form .option-wrapper{align-items:center}.cmd-login-form .option-wrapper>a:not(.button){display:flex;align-items:center;text-decoration:none;flex:none}.cmd-login-form .option-wrapper>.button{margin-left:auto}.cmd-main-navigation{nav {.stretch-items {> li {flex: 1}} > ul {> li {.close-nav {display: none;} &.open {> ul {display: block; > li {&.open {> ul {display: block;}}}}}}} + div {display: none;}} .fade-enter-active,.fade-leave-active {left: 0;} .fade-enter,.fade-leave-to {left: -100%;} header nav > ul,header nav > ul > li {border: 0;}}.cmd-main-navigation.hide-sub-navigation{ul {ul {display: none;}}}.off-canvas-right #toggle-offcanvas{margin-right:0;margin-left:auto}#toggle-offcanvas{margin-left:0;display:none}@media only screen and (max-width: 1023px){.cmd-main-navigation.main-navigation-wrapper{--nav-transition: all .5s linear;display:flex;background:none;border:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0 var(--default-padding);transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) #toggle-offcanvas{display:flex;margin-bottom:0;width:auto}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas nav{height:100%;background:var(--default-background);left:0;opacity:1;padding:0!important;transition:var(--nav-transition);border-right:var(--default-border);display:block}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav:before{content:"";position:fixed;width:100%;top:0;left:0;height:100dvh;display:block;background:var(--pure-black-reduced-opacity)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).open-off-canvas.show-content-overlay nav ul{z-index:1000;height:100%}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav{position:fixed;top:0;left:-100%;width:auto;height:100dvh;opacity:0;z-index:1000;transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul{flex-direction:column;position:relative;left:0;border:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li{border-bottom:var(--default-border);border-right:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav{display:block;border-bottom:var(--default-border)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a{display:flex;align-items:center}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span{font-weight:var(--font-weight-bold)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav a span[class*=icon-]{font-size:var(--font-size-small)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.close-nav>a{text-align:left}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li:not(.open):hover>ul,.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li:not(.open):active>ul,.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li:not(.open):focus>ul{display:none}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li:not(:first-child){border-top:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li:last-child{border-bottom:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li>a{padding-left:calc(var(--default-margin) * 2)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li>a span+[class*=icon-]:before{display:inline-block;transform:rotate(0)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li ul li ul li a{padding-left:calc(var(--default-margin) * 4)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.open>a span+[class*=icon-]:before{display:inline-block;transform:rotate(-180deg)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile) nav ul li.open>ul{height:auto;display:block;opacity:1;transition:var(--nav-transition)}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).off-canvas-right.open-off-canvas nav{right:0}.cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile).off-canvas-right nav{right:-100%;left:auto}}.cmd-multistep-form-progress-bar{display:flex;justify-content:space-around;border:var(--default-border);margin:0;border-radius:var(--default-border-radius);li {display: flex; flex: 1; list-style-type: none; margin: 0; &:first-child,&:first-child > a {border-top-left-radius: inherit; border-bottom-left-radius: inherit;} &:last-child,&:last-child > a {border-top-right-radius: inherit; border-bottom-right-radius: inherit;} a {display: flex; text-decoration: none; padding: var(--default-padding); align-items: center; justify-content: center; width: 100%; background: var(--primary-color-reduced-opacity); :is(span,[class*="icon-"]) {color: var(--pure-white); & + [class*="icon-"] {&:last-child {border: var(--default-border); border-radius: var(--full-circle); background: var(--pure-white); color: var(--default-text-color); margin: 0; position: absolute; right: 0; transform: translateX(50%); padding: calc(var(--default-padding) / 2); display: flex; justify-content: center; z-index: 1; &::before {font-size: var(--font-size-small);}}}} &:hover,&:active,&:focus {background: var(--primary-color); :is(span,[class*="icon-"]) {color: var(--pure-white);} .number {color: var(--primary-color);}} .number {margin-right: calc(var(--default-margin) / 2); line-height: 100%; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; border-radius: var(--full-circle); border: var(--default-border); border-color: var(--pure-white); background: var(--pure-white); color: var(--primary-color-reduced-opacity);}} &:last-child {a {[class*="icon-"] {&:last-of-type {display: none;}}}} &.active {a {background: var(--primary-color); span,[class*="icon-"] {color: var(--pure-white);} &:hover,&:active,&:focus {span,[class*="icon-"] {color: var(--pure-white); & + [class*="icon-"] {&:last-child {color: var(--default-text-color);}}}}} .number {background: var(--pure-white); border-color: var(--pure-white); color: var(--primary-color) !important;} & ~ li {background: var(--default-background); border-left-color: var(--border-color); a {background: none; color: var(--color-scheme-text-color); span,span[class*="color"] {color: inherit; & + [class*="icon-"] {&:last-child {border-color: var(--border-color); color: var(--pure-white); background: var(--secondary-color);}}} &:hover,&:active,&:focus {span,[class*="icon-"] {&:not(:last-child) {color: var(--primary-color);}} .number {border-color: var(--primary-color);}}} .number {background: none; border-color: var(--border-color);}} & + li {border-left-color: var(--border-color);}}}}.cmd-multistep-form-progress-bar.use-gap{border:0;gap:var(--default-gap);li {border: var(--default-border); border-color: var(--primary-color-reduced-opacity); border-radius: var(--default-border-radius); a,a.active {border: 0; border-radius: inherit; :is(span,[class*="icon-"]) + [class*="icon-"]:last-child {border: 0; right: -1rem; background: none;}} a {:is(span,[class*="icon-"]) + [class*="icon-"]:last-child {color: var(--default-text-color) !important;}} &.active {border-color: var(--primary-color); & ~li {border-color: var(--border-color);}}}}@media only screen and (width < 600px){.cmd-multistep-form-progress-bar{flex-direction:column}.cmd-multistep-form-progress-bar li:not(:last-child){border-bottom:var(--default-border)}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child{left:auto;right:auto;bottom:0;transform:translateY(50%)}.cmd-multistep-form-progress-bar li a :is(span,[class*=icon-])+[class*=icon-]:last-child:before{transform:rotate(90deg)}.cmd-multistep-form-progress-bar li.active~li{border-left:0;border-bottom-color:var(--border-color)}}.edit-mode-opening-hours-item{dt {min-width: 3ch;} .am-wrapper,.pm-wrapper {align-items: center; gap: calc(var(--default-gap) / 2);} label {max-width: 11rem;} .input-wrapper {width: 11rem;}}.cmd-opening-hours{span.pm {margin-left: var(--default-margin);} p:last-child {margin: 0;} .edit-component-wrapper {dl {margin-bottom: 0;}}}.cmd-opening-hours>a,.cmd-opening-hours>span{padding:calc(var(--default-padding) / 2);font-weight:700;display:table;margin-bottom:var(--default-margin);color:var(--pure-white);background:var(--success-color)}.cmd-opening-hours>a.closed,.cmd-opening-hours>span.closed{background:var(--error-color)}.cmd-opening-hours>a:hover,.cmd-opening-hours>a:active,.cmd-opening-hours>a:focus{text-decoration:underline;color:var(--pure-white)}.edit-component-wrapper .cmd-opening-hours{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--default-gap) / 2);dt {min-width: 2.5rem;}}.cmd-pagination{display:flex;justify-content:space-between;button,.button {float: none; margin: 0; &:has(span:only-child) {aspect-ratio: 1/1;} span {align-self: center;}} a {display: flex; align-items: center; text-decoration: none; &:hover,&:active,&:focus {cursor: pointer;} &:last-of-type {> [class*="icon-"] {margin-right: 0;}} > [class*="icon-"] {font-size: var(--icon-size-small);}} .page-index {a:not(.button) {padding: 0 calc(var(--default-padding) / 2);}}}@media only screen and (max-width: 1023px){.cmd-pagination>a.button span{margin:0}.cmd-pagination>a.button span:not([class*=icon]){display:none}}@media only screen and (max-width: 1023px) and (max-width: 600px){.cmd-pagination .button{width:auto}.cmd-pagination .page-index .flex-container{flex-direction:row}}[id^=social-network]{background:var(--social-network-color);border-color:var(--social-network-color)}[id^=social-network]>span{color:var(--pure-white)}[id^=social-network]:hover,[id^=social-network]:active,[id^=social-network]:focus{color:var(--pure-white)}[id^=social-network]:hover>span,[id^=social-network]:active>span,[id^=social-network]:focus>span{color:var(--social-network-color)}#social-network-facebook{--social-network-color: #3c5a99}#social-network-twitter{--social-network-color: #6bacde}#social-network-xing{--social-network-color: #007575}#social-network-linkedin{--social-network-color: #0077b5}.cmd-social-networks{display:flex;flex-direction:column;gap:var(--default-gap);container-type:inline-size}.cmd-social-networks .cmd-headline{margin:0}.cmd-social-networks .button-wrapper{flex-direction:row;flex:none;margin:0;gap:calc(var(--default-gap) / 2)}.cmd-social-networks .button-wrapper .button{padding:calc(var(--default-padding) / 2) var(--default-padding);gap:calc(var(--default-gap) / 2);outline:0}.cmd-social-networks .button-wrapper .button span{margin:0}.cmd-social-networks .button-wrapper .button:first-of-type{margin:0}.cmd-social-networks .button-wrapper .button.text-align-right{flex-direction:row}.cmd-social-networks .button-wrapper .button.text-align-left{flex-direction:row-reverse}.cmd-social-networks .button-wrapper.no-gap li .button{border-radius:0}.cmd-social-networks .button-wrapper.no-gap li:first-of-type .button{border-top-left-radius:var(--default-border-radius);border-bottom-left-radius:var(--default-border-radius)}.cmd-social-networks .button-wrapper.no-gap li:last-of-type .button{border-top-right-radius:var(--default-border-radius);border-bottom-right-radius:var(--default-border-radius)}.cmd-social-networks li{list-style-type:none;margin:0}.cmd-social-networks.align-center .button-wrapper{justify-content:center}.cmd-social-networks.align-center .toggle-switch{margin:auto}.cmd-social-networks.align-right .cmd-headline>*{text-align:right}.cmd-social-networks.align-right .toggle-switch{margin-left:auto}.cmd-social-networks.align-right .button-wrapper{justify-content:flex-end}.cmd-social-networks.stretch .button-wrapper li{flex:1}.cmd-social-networks.stretch .button-wrapper li .button{display:flex}.cmd-social-networks a:last-of-type{margin-right:0}.cmd-social-networks [id^=social-network]{background:var(--social-network-color);border-color:var(--social-network-color)}.cmd-social-networks [id^=social-network]>span{color:var(--pure-white)}.cmd-social-networks [id^=social-network]:hover,.cmd-social-networks [id^=social-network]:active,.cmd-social-networks [id^=social-network]:focus{background:var(--pure-white);color:var(--pure-white)}.cmd-social-networks [id^=social-network]:hover>span,.cmd-social-networks [id^=social-network]:active>span,.cmd-social-networks [id^=social-network]:focus>span{color:var(--social-network-color)}.cmd-social-networks #social-network-facebook{--social-network-color: #3c5a99}.cmd-social-networks #social-network-x{--social-network-color: #14171a}.cmd-social-networks #social-network-xing{--social-network-color: #007575}.cmd-social-networks #social-network-linkedin{--social-network-color: #0077b5}@media only screen and (max-width: 600px){.cmd-social-networks .button-wrapper .button{flex:none;width:auto!important}.cmd-social-networks .button-wrapper .button [class*=icon-]+span{display:none}}@container (max-width: 600px){.cmd-social-networks .button-wrapper .button{flex:none;width:auto!important}.cmd-social-networks .button-wrapper .button [class*=icon-]+span{display:none}}.cmd-page-footer{align-items:flex-end}.cmd-page-footer.small-buttons{button,.button {padding: var(--button-padding-small); min-height: var(--button-min-height-small); span {font-size: var(--font-size-small);}}}.cmd-page-footer .cmd-social-networks{container-type:normal!important}.cmd-page-footer>.button-wrapper{flex-direction:row;justify-content:flex-end;margin-left:auto;gap:calc(var(--default-gap) / 2);flex:none}@media only screen and (max-width: 600px){.cmd-page-footer{align-items:flex-start}.cmd-page-footer>.button-wrapper{margin-left:0}}.cmd-page-header{justify-content:space-between}.cmd-page-header .headline-wrapper{gap:calc(var(--default-gap) / 4)}.cmd-page-header .headline-wrapper+*{flex:none}.cmd-progressbar .progressbar{display:table}.cmd-progressbar .progressbar>span{position:absolute;left:50%;transform:translate(-50%);z-index:1;line-height:1}.cmd-sidebar{display:flex;height:100%}.cmd-sidebar.box{padding:0;border-left:0}.cmd-sidebar .cmd-box-wrapper>.grid-container-create-columns{grid-template-columns:repeat(1,minmax(0,1fr))}.cmd-sidebar .cmd-box{border-left:0;border-right:0}.cmd-sidebar .inner-sidebar-wrapper{flex:1;display:flex;flex-direction:column}.cmd-sidebar .inner-sidebar-wrapper .cmd-headline.sidebar-main-headline{padding:var(--default-padding);margin:0}.cmd-sidebar .open-slot-wrapper{flex:1}.cmd-sidebar>a{display:flex;flex:none;text-decoration:none;padding:calc(var(--default-padding) / 2);align-items:center;border-left:var(--default-border)}.cmd-sidebar.collapse-to-right{flex-direction:row-reverse;border-right:0}.cmd-sidebar.collapse-to-right>a{border-right:var(--default-border)}.cmd-site-footer{padding:var(--grid-gap) 0;margin-top:auto;flex:none;footer {max-width: var(--max-width); width: 100%; margin: 0 auto; padding: 0 var(--default-padding);} &.sticky {top: auto; bottom: 0;} .cmd-switch-language {width: 100%; flex: none;} + .cmd-copyright-information {margin-top: 0;}}@media only screen and (max-width: 1023px){.cmd-site-footer footer li{margin-bottom:calc(var(--default-margin) * 2)}}@media only screen and (max-width: 1023px) and (max-width: 600px){.cmd-site-footer a{text-decoration:underline}.cmd-site-footer a:active{text-decoration:none}.cmd-site-footer h4,.cmd-site-footer h5,.cmd-site-footer h6{margin-top:var(--default-margin)}}.cmd-site-header{--logo-width-on-scroll: 50%;grid-area:site-header;display:flex;flex-direction:column;flex:none;header,.cmd-main-navigation nav,.cmd-list-of-links {max-width: var(--max-width); width: 100%; padding: 0 var(--default-padding);} .cmd-main-navigation nav {width: auto; margin: 0 0 0 auto;} .top-header {.cmd-list-of-links {padding-top: calc(var(--default-padding) / 2); padding-bottom: calc(var(--default-padding) / 2);}} .main-navigation-wrapper {grid-column: span var(--grid-columns); border-bottom: 0;} & + .main-navigation-wrapper {nav {border-left: 0; border-right: 0;}} > .cmd-main-navigation.main-navigation-wrapper:last-child {border-bottom: 0;} header {padding-top: var(--default-padding); padding-bottom: var(--default-padding); row-gap: 0; &.has-navigation {grid-template-rows: 1fr min-content; grid-template-areas: "company-logo" "main-navigation"; padding-bottom: 0;} &.flex-container {width: 100%; .cmd-company-logo {grid-area: company-logo; flex: none;}} .cmd-main-navigation nav {padding: 0;} .cmd-main-navigation,nav ul li {border-bottom: 0;}} &.navigation-inline {header {&.has-navigation {grid-template-rows: 1fr; grid-template-areas: "company-logo main-navigation"; padding-bottom: var(--default-padding);} .cmd-company-logo {grid-area: company-logo; grid-column: span var(--grid-small-span);} .main-navigation-wrapper {grid-area: main-navigation; display: flex; align-items: center; justify-content: flex-end; grid-column: span var(--grid-large-span); &:not(.persist-on-mobile) {padding-left: 0 !important;}}} &.off-canvas-right {header {&.has-navigation {grid-template-areas: "company-logo main-navigation";}}}}}.cmd-site-header.sticky{position:sticky;z-index:300;header { --header-scroll-animation: var(--default-transition); transition: var(--header-scroll-animation); .cmd-company-logo { figure { img { transform-origin: top left; transition: var(--header-scroll-animation); margin: 0; width: 100%; } } } &.resize-on-scroll { padding-top: var(--default-padding); padding-bottom: var(--default-padding); transition: var(--header-scroll-animation); .cmd-company-logo { figure { img { transition: var(--header-scroll-animation); width: var(--logo-width-on-scroll); } } } } }}@media only screen and (max-width: 1023px){.cmd-site-header header{grid-auto-rows:auto}.cmd-site-header header .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0}.cmd-site-header header+.cmd-main-navigation.main-navigation-wrapper{padding-bottom:var(--default-padding)}.cmd-site-header.navigation-inline .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding-left:var(--default-padding)}.cmd-site-header.navigation-inline.off-canvas-right .cmd-main-navigation.main-navigation-wrapper:not(.persist-on-mobile){padding:0}}@media only screen and (max-width: 600px){.cmd-site-header{gap:calc(var(--default-gap) / 2)}.cmd-site-header .top-header .cmd-list-of-links{padding:0}.cmd-site-header .cmd-company-logo{margin:0 auto}.cmd-site-header.navigation-inline header .cmd-company-logo,.cmd-site-header.navigation-inline header .main-navigation-wrapper{grid-column:span calc(var(--grid-small-span) / 2)}}.cmd-box-site-search{flex-wrap:nowrap}.cmd-box-site-search>a [class*=icon]{font-size:var(--icon-size-small)}.cmd-box-site-search button{align-self:flex-end}@media only screen and (max-width: 600px){.cmd-box-site-search{flex-wrap:nowrap}}.cmd-slideshow{figure a,img {display: block; text-decoration: none; margin: 0 auto;} figcaption {width: 100%; display: block; text-align: center; bottom: 0; padding: var(--default-padding); line-height: 100%; font-size: 3rem; color: var(--pure-white); background: var(--primary-color);} &:has(figcaption) {img {border-bottom-left-radius: 0; border-bottom-right-radius: 0;} figcaption {border-bottom-left-radius: var(--default-border-radius); border-bottom-right-radius: var(--default-border-radius);}} .inner-slideshow-wrapper {display: flex; justify-content: center; > a:not(.button) {display: block; text-decoration: none; figcaption {border: var(--primary-border); &:hover,&:active,&:focus {background: var(--pure-white); color: var(--hyperlink-color);}}} figure {width: 100%; margin: 0;} .slot-wrapper {padding: calc(var(--default-padding) * 5); width: 100%; min-height: 50rem; background-repeat: no-repeat; background-position: top center; display: flex; justify-content: center; align-content: center; .box {align-self: flex-start;}} .image-wrapper {width: 100%; min-width: 11.1rem; min-height: 50rem;} > ol {display: flex; margin: 0 auto; position: absolute; left: 5.5rem; top: .5rem; gap: calc(var(--default-gap) / 2); li {padding: .2rem; list-style-type: none; margin: 0; border-radius: var(--full-circle); background: var(--light-gray); border: var(--default-border-reduced-opacity); a {display: block; width: 1rem; height: 1rem; border-radius: var(--full-circle);} &:hover,&:active,&:focus,&.active {border-color: var(--hyperlink-color); a {background: var(--pure-white); transition: var(--default-transition);}}} &.bottom {position: relative; justify-content: center; left: unset; top: unset; li {border-color: var(--primary-color); &:hover,&:active,&:focus,&.active {border-color: var(--primary-color); background: var(--pure-white); a {background: var(--primary-color);}}}} &.vertical {flex-direction: column;}} > .item-counter {position: absolute; top: .5rem; right: 5.5rem; padding: 0 .2rem; border-radius: var(--default-border-radius); background: var(--pure-white-reduced-opacity);}} .fade-enter-from,.fade-leave-to {position: absolute;}}.edit-mode .cmd-slideshow .image-wrapper.edit-items{padding:0;margin-top:2rem;label.edit-mode input {font-size: 3rem;}}@media only screen and (max-width: 1023px){.cmd-slideshow figcaption{font-size:2rem}}.cmd-switch-language{ul {display: flex; gap: calc(var(--default-gap) / 2); margin: 0; li {list-style-type: none; margin: 0; a:not([class*="active"]) {filter: contrast(.5); &:hover,&:focus-visible,&:active,&.active,&.router-link-active {filter: none; padding: 0; background: none;}}}}}.cmd-system-message{display:inline-flex;margin:var(--default-margin) 0;align-items:center;ul {display: flex; flex-direction: column; li {margin-left: 0;}} > a:not(.button) {display: flex; position: absolute; width: auto; top: .5rem; right: .5rem; text-decoration: none; z-index: 100; line-height: 1; background: var(--pure-white); border-radius: var(--full-circle); [class*="icon-"] {color: var(--default-text-color);} &:hover,&:active,&:focus {background: none; [class*="icon-"] {color: var(--pure-white);}}} &.warning {> a:not(.button) {border-color: var(--default-text-color); [class*="icon-"] {color: var(--default-text-color);} &:hover,&:active,&:focus {border-color: var(--hyperlink-color); [class*="icon-"] {color: var(--pure-white);}}}}}.cmd-system-message>:last-child{margin-bottom:0}.cmd-table-wrapper{display:inline-flex;flex-direction:column;max-width:100%;margin-bottom:var(--default-margin);gap:calc(var(--default-margin) / 2)}.cmd-table-wrapper.collapsed,.cmd-table-wrapper.full-width{overflow:hidden;table {th {white-space: normal;}}}.cmd-table-wrapper>.button-wrapper{right:0;z-index:100;gap:calc(var(--default-gap) / 2)}.cmd-table-wrapper>.button-wrapper .button{padding:0;min-width:2rem;min-height:2rem}.cmd-table-wrapper>.button-wrapper .button [class*=icon-]{font-size:var(--icon-size-small)}.cmd-table-wrapper .cmd-slide-button{top:50%!important;display:none;height:auto;transform:translateY(-50%)}.cmd-table-wrapper .inner-wrapper{display:flex;overflow-x:auto;width:100%;table {table-layout: fixed; margin: 0; th {a[class*="icon-"] {&,&:hover,&:active,&:focus {font-size: var(--icon-size-small); color: var(--pure-white);}}}}}.cmd-table-wrapper .inner-wrapper .cmd-slide-button{left:0}.cmd-table-wrapper .inner-wrapper .cmd-slide-button:last-child{right:0;left:auto}.cmd-table-wrapper.has-caption{flex-direction:row;table {margin-top: calc(var(--default-margin) / 2);}}.cmd-table-wrapper.has-caption .button-wrapper{position:absolute}.cmd-table-wrapper.has-overflow .cmd-slide-button{display:flex}.cmd-tabs>ul{margin:0;display:flex}.cmd-tabs>ul>li{z-index:10;margin-left:0;border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius);list-style-type:none;background:var(--color-scheme-background);a {display: flex; align-items: center; justify-content: center; padding: var(--default-padding); border: var(--default-border); border-bottom: 0; border-top-left-radius: var(--default-border-radius); border-top-right-radius: var(--default-border-radius); text-decoration: none; &:hover,&:active,&:focus {cursor: pointer; color: var(--hyperlink-color-highlighted); border-color: var(--hyperlink-color); span,[class*="icon-"] {color: inherit;}}} &.active {span,[class*="icon-"] {color: var(--pure-white);} &:hover,&:active {a,a:focus {color: var(--hyperlink-color); background: var(--pure-white); span,[class*="icon-"] {color: var(--hyperlink-color-highlighted);}}} a:focus {color: var(--pure-white); span,span[class*="icon-"],.iconify {color: inherit !important;}}}}.cmd-tabs>ul.stretch-tabs>li{flex:1;text-align:center}.cmd-tabs>ul.stretch-tabs>div{border-top-right-radius:0}.cmd-tabs .headline{margin-top:0}.cmd-tabs>div{padding:var(--default-padding);border:var(--primary-border);border-radius:var(--default-border-radius);background:var(--color-scheme-background);border-top-left-radius:0}.cmd-tabs>div>div *:last-child{margin-bottom:0}.cmd-text-image-block>.flex-container{gap:calc(var(--default-gap) / 2)}.edit-mode .cmd-text-image-block textarea{width:100%}.cmd-toggle-dark-mode.styled-layout{input { --dark-blue: hsl(195, 96%, 45%); --medium-blue: hsl(194, 97%, 39%); --light-blue: hsl(195, 97%, 76%); background: linear-gradient(to bottom, var(--dark-blue) 0%, var(--light-blue) 67%); border-color: var(--medium-blue); &::after { --yellow-hue: 60; --yellow-saturation: 100%; --yellow-lightness: 76.7%; background: radial-gradient(ellipse at center, var(--pure-white) 20%, hsl(var(--yellow-hue), var(--yellow-saturation), var(--yellow-lightness)) 30%, hsla(var(--yellow-hue), var(--yellow-saturation), var(--yellow-lightness), 0) 100%); border-color: transparent; box-shadow: 0 0 1rem hsl(var(--yellow-hue), var(--yellow-saturation), var(--yellow-lightness)); } } &.dark-mode {input {background: var(--color-scheme-background); border-color: var(--color-scheme-text-color); &::before { --size: 1.2rem; content: ""; width: var(--size); aspect-ratio: 1/1; background: var(--color-scheme-background); border-radius: var(--full-circle); position: absolute; top: 0; right: calc(var(--size) / 2); transform: translateY(15%); z-index: 100; transition: var(--default-transition); } &::after {background: radial-gradient(ellipse at center,var(--pure-white) 50%,var(--medium-gray) 100%); border-color: transparent; box-shadow: .2rem .1rem .2rem hsla(var(--pure-white-hue),var(--pure-white-saturation),var(--pure-white-lightness),.3);}} .label-text {span {color: var(--color-scheme-text-color);}}}}.cmd-upload-form{p {&.text-drag-and-drop {&.disabled {background: none !important;}}} .button.upload {align-self: center; & ~ p {& > * {display: block;}}} .error {color: var(--error-color);} & + .cmd-form-element {display: none;} .drop-area,&.drop-area {border: var(--default-border); border-style: dashed; background: var(--color-scheme-background); padding: var(--default-padding); text-align: center; &.allow-drop {border-style: solid;} > [class*="icon-"] {font-size: 5rem;}}}.cmd-upload-form .cmd-custom-headline{margin:0;justify-content:center}.cmd-upload-form.box{display:inline-flex;flex-direction:column;background:var(--default-background);text-decoration:none;text-align:center;padding:var(--default-padding);span {margin: 0; &[class*="icon-"] {font-size: 5rem;}}}.cmd-upload-form .box{box-shadow:none;background:var(--color-scheme-background);border:var(--default-border);align-items:center;dl {justify-content: center; text-align: left; .list-of-file-extensions {display: table; > li:only-child {list-style-type: none; margin: 0;}}}}.cmd-upload-form .total-files>*{white-space:nowrap}.cmd-upload-form .total-files>*:not(a){font-weight:700}.cmd-upload-form [class*=list-of-file]{max-height:10rem;overflow-x:hidden;overflow-y:auto;border:var(--default-border);padding:var(--default-padding);margin:0}.cmd-upload-form [class*=list-of-file]>li{flex-wrap:nowrap}.cmd-upload-form [class*=list-of-file]>li .progressbar{display:table;align-self:center;progress {&[value] {background: var(--color-scheme-background); &::-moz-progress-bar {border-top-left-radius: var(--default-border-radius); border-bottom-left-radius: var(--default-border-radius); background: var(--primary-color);}}} & > span {position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; display: table; top: .2rem; padding: .1rem .2rem; line-height: 100%; background: var(--color-scheme-background);}}.cmd-upload-form .list-files-wrapper{justify-content:center;align-items:center;hr {width: 100%;}}.cmd-upload-form .list-files-wrapper .list-of-files{display:inline-flex;flex-direction:column;gap:calc(var(--default-gap) / 2);li {list-style-type: none; margin-left: 0; gap: calc(var(--default-gap) / 2); > a:hover,a:active,a:focus {~ * {color: var(--hyperlink-color-highlighted);}}} & + a {display: table; margin: 0 auto;}}.cmd-upload-form .upload-conditions .cmd-headline>*{text-align:center}.cmd-width-limitation-wrapper>*{max-width:var(--max-width);margin:0 auto;padding:var(--default-padding)}.cmd-width-limitation-wrapper.sticky{position:sticky;left:0;right:0;top:0}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "comand-component-library",
|
3
|
-
"version": "4.0.
|
3
|
+
"version": "4.0.23",
|
4
4
|
"private": false,
|
5
5
|
"type": "module",
|
6
6
|
"scripts": {
|
@@ -20,7 +20,7 @@
|
|
20
20
|
"dependencies": {
|
21
21
|
"clickout-event": "^1.1.2",
|
22
22
|
"comand-component-library": "^4.0.20",
|
23
|
-
"comand-frontend-framework": "^4.0.
|
23
|
+
"comand-frontend-framework": "^4.0.61",
|
24
24
|
"core-js": "^3.20.1",
|
25
25
|
"prismjs": "^1.27.0",
|
26
26
|
"vue": "^3.2.31",
|
package/src/ComponentLibrary.vue
CHANGED
@@ -2354,6 +2354,7 @@ export default {
|
|
2354
2354
|
immediate: true
|
2355
2355
|
},
|
2356
2356
|
selectedTemplate() {
|
2357
|
+
// change stylesheet
|
2357
2358
|
let linkTag = document.querySelector('link')
|
2358
2359
|
|
2359
2360
|
if (linkTag) {
|
@@ -2367,6 +2368,37 @@ export default {
|
|
2367
2368
|
|
2368
2369
|
document.head.appendChild(newLink);
|
2369
2370
|
}
|
2371
|
+
|
2372
|
+
if(this.selectedTemplate === "blank") {
|
2373
|
+
this.companyLogoData =
|
2374
|
+
{
|
2375
|
+
"link": {
|
2376
|
+
"type": "href",
|
2377
|
+
"path": "./",
|
2378
|
+
"tooltip": "Tooltip"
|
2379
|
+
},
|
2380
|
+
"pathDefaultLogo": "/media/images/logos/logo.svg",
|
2381
|
+
"pathDarkmodeLogo": "/media/images/logos/logo-darkmode.svg",
|
2382
|
+
"altText": "Company Logo"
|
2383
|
+
}
|
2384
|
+
|
2385
|
+
}
|
2386
|
+
|
2387
|
+
// change logo
|
2388
|
+
if(this.selectedTemplate === "dating") {
|
2389
|
+
this.companyLogoData =
|
2390
|
+
{
|
2391
|
+
"link": {
|
2392
|
+
"type": "href",
|
2393
|
+
"path": "./",
|
2394
|
+
"tooltip": "Tooltip"
|
2395
|
+
},
|
2396
|
+
"pathDefaultLogo": "/media/images/logos/logo-dating.svg",
|
2397
|
+
"pathDarkmodeLogo": "/media/images/logos/logo-dating-darkmode.svg",
|
2398
|
+
"altText": "Company Logo"
|
2399
|
+
}
|
2400
|
+
|
2401
|
+
}
|
2370
2402
|
}
|
2371
2403
|
}
|
2372
2404
|
}
|