PageSourceSearch

https://elevate.amoe.de/articles/category/amoedialog/

html amoe.de collected 2026-10-02 20:23:40 UTC 44,110 bytes, 1,481 lines download raw bytes

1
2
3
4
5
6
7
8
9
10<!DOCTYPE html>
11<html lang="de">
12<head>
13    <meta charset="UTF-8">
14    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
15    <title>amoe:dialog – amoe:elevate</title>
16
17    
18    
19    
20    
21    
22    <meta property="og:site_name" content="amoe:elevate">
23    <meta property="og:type" content="website">
24    <meta property="og:title" content="amoe:elevate">
25    
26    
27    <meta property="og:url" content="http://localhost/articles/category/amoedialog/">
28    <meta property="og:image" content="http://localhost/static_files/img/amoe_logo.png">
29    <meta name="twitter:card" content="summary_large_image">
30    <meta name="twitter:title" content="amoe:elevate">
31    
32    
33    
34
35    <!-- Bootstrap 5 -->
36    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
37    
37<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js"></script>
37
38    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
39    <!-- Eigenes CSS -->
40    <link rel="stylesheet" type="text/css" href="/static_files/css/custom.css?v=1782306689">
41    <link rel="stylesheet" type="text/css" href="/static_files/css/design-system.css?v=1790233633">
42    
43
44    <style>
45        /* *** Test zur Zentrierung der Inhalte bei zweispaltigen Block *** */
46.block-columns .row  {
47	align-items: center;
48}
49
50/* *** Anpassung Größe bei Bildunterschieden und Lupe bei hover Lightbox in Cursor Galerie *** */
51/* Viewport für horizontalen Scroll freigeben — KRITISCH! */
52.cg__viewport {
53	width: 100% !important;
54	overflow-x: auto !important; /* Vorher: overflow: hidden; BLOCKIERT ALLES */
55	overflow-y: hidden !important;
56	cursor: default !important; /* Vorher: cursor: none; war verwirrend */
57}
58/* Track: Flexbox mit natürlichem Verhalten */
59.cg__track {
60	display: flex !important;
61	flex-wrap: nowrap !important;
62	gap: 1.5rem !important;
63	padding: 0 5% !important;
64	align-items: flex-start !important;
65}
66/* Slides: Natürliche Breite, flexible Höhe */
67.cg__slide {
68	flex: 0 0 auto !important;
69	width: auto !important;
70	max-width: none !important;
71	min-width: 0 !important;
72	aspect-ratio: unset !important;
73	height: auto !important;
74}
75/* Bild: Angemessene Höhe, natürliche Breite */
76.cg__img {
77	height: clamp(200px, 25vw, 400px) !important;  /* Kleinere Höhe als vorher */
78	width: auto !important;
79	max-width: 100% !important;           /* Begrenze Breite auf Container */
80	object-fit: contain !important;       /* Kein Cropping, aber scaling innerhalb der Box */
81	object-position: top center !important;
82	display: block !important;
83}
84/* Dots Navigation unterhalb */
85.cg__dots {
86	margin-top: 1.5rem !important;
87}
88/* Caption aus dem Slide-Kontext holen */
89.cg__slide {
90	position: relative !important;
91	display: flex !important;           /* Flex-Container für vertikale Anordnung */
92	flex-direction: column !important;
93	overflow: visible !important;       /* caption darf ausbreiten */
94}
95/* Bild bekommt seine eigene Box */
96.cg__img-wrapper {
97	position: relative !important;      /* Für zoom-Button Positionierung */
98	flex: 0 0 auto !important;
99	border-radius: var(--radius) !important;
100	overflow: hidden !important;
101}
102/* Caption unter dem Bild */
103.cg__caption {
104	position: static !important;        /* Absolute Positionierung entfernen */
105	order: 2 !important;                /* Nach dem Bild */
106	margin: 0.5rem 0 0 0 !important;
107	padding: 0.6rem 0.5rem !important;
108	background: none !important;        /* Kein Gradient mehr nötig */
109	color: var(--color-text, #333) !important;
110	font-size: 0.85rem !important;
111	text-align: left !important;
112	width: 100% !important;
113}
114/* Bildbehälter für korrekte Höhe */
115.cg__img-wrapper .cg__img {
116	height: clamp(200px, 30vw, 450px) !important;
117	width: auto !important;
118	object-fit: contain !important;
119	display: block !important;
120}
121/* 2. Einfacher Icon-Tausch (ohne HTML-Änderung: nur Lupe zeigen) */
122.cg__zoom svg polyline {
123	display: none !important;
124}
125/* Optional: Cursor ändert sich */
126.cg__zoom {
127	cursor: zoom-in !important;
128}
129.cg__zoom:hover {
130	background: rgba(0,0,0,0.75) !important;
131}
132.cg {
133	padding: 0rem 0 2rem;
134}
135.cg__header {
136	text-align: left;
137}
138
139/* *** Rotation Floating Button  *** */
140.floating-button img {
141	transform: rotate(9deg);
142}
143
144/* *** Abstand bei Partnerlogo zu Überschrift  *** */
145.partner-logo {
146	margin-bottom: 3rem !important;
147}
148
149/* *** Schriftformatierung und padding Profildarstellungen in Beitrag und Landingpage  *** */
150.user-profile {
151	padding: 1.5em 0 1em 0;
152}
153.user-profile__name {
154	font-size: 1.2rem;
155	font-weight: 950;
156	font-style: italic;
157}
158
159/* *** Nachbesserung padding Downloadbutton  *** */
160.amoe-download__type {
161	padding-top: 4px;
162}
163/* *** Schriftgröße Downloadbutton  *** */
164.amoe-download__title {
165	font-style: italic;
166	font-size: 0.88em;
167	padding-top: 5px;
168}
169/* *** Nachbesserung padding Button  *** */
170.btn {
171	padding: .65rem 1.35rem .45rem 1.35rem;
172}
173/* *** Nachbesserung Hintergrund Invers Button  *** */
174.btn--inverse {
175	background: rgba(0, 0, 0, 0.4);
176}
177button {
178	background-color: var(--bs-primary);
179	color: white;
180	border: none;
181	padding: 0.75rem 1rem 1rem 1rem;
182	font-size: 16px;
183	cursor: pointer;
184	transition: background 0.3s;
185}
186/* *** Farbe Lightbox Navigation (Button)  *** */
187.lightbox__close:hover, .lightbox__nav:hover {
188	background: var(--bs-primary);
189	color: var(--color-purple);
190}
191.lightbox__share-btn:hover {
192	background: var(--bs-primary);
193	border-color: var(--bs-primary);
194	color: var(--color-purple);
195}
196.lightbox__share-btn {
197	font-weight: 600;
198	padding: 0.8rem 1.2rem 0.6rem 1.2rem;
199}
200
201/* *** Nachbesserung Inhaltszentrierung Zitat-Karussell  *** */
202.quote-card__content {
203	justify-content: center;
204}
205.quote-card--img-right {
206	align-items: center;
207}
208.quote-card--img-left {
209	align-items: center;
210}
211/* *** Extra css zur Darstellung von Personenprofilen  *** */
212.my-quote.highlighted .quote-card__source {
213	text-transform: unset;
214	color: var(--color-text);
215	font-size: 0.93em;
216	letter-spacing: 0;
217	font-weight: 450;
218	font-style: normal;
219	margin-top: 0px;
220}
221.my-quote.highlighted .quote-card__img {
222	width: 128px;
223	height: 128px;
224}
225.my-quote.highlighted p {
226	font-size: 1.28em;
227	color: var(--color-text);
228	margin-bottom: 0px;
229}
230
231/* *** Nachbesserung padding durch Hervorhebung amoe Kachelflow  *** */
232.tile-flow {
233	padding-top: var(--space-sm);
234}
235
236/* *** Nachbesserung padding amoe Kachelflow, amoe Kachelraster, amoe Smart-Grid  *** */
237.section-inner h2 {
238	margin-bottom: 1.8rem;
239}
240
241/* *** Nachbesserung Schriftfarbe amoe Kachelflow, amoe Kachelraster, amoe Smart-Grid  *** */
242.bg-white {
243	color: var(--color-black);
244}
245.bg-gray-light {
246	color: var(--color-black);
247}
248
249/* Textebene unterhalb Menü + padding Korrektur (amoe Kachelflow) */
250.tile__body.tile__body--bot-left {
251	z-index: 1;
252}
253.section {
254	padding-top: 2em;
255	padding-bottom: 1.5em;
256}
257.section--contained {
258	padding-top: 2.5em;
259	padding-bottom: 2.5em;
260}
261
262/* *** Abstand Buttom p bei AMOE Kachelraster *** */
263.block-amoe_tile_grid p {
264	margin-bottom: 0.925rem !important;
265}
266
267/* *** Formatierung Block Veranstaltungen *** */
268.block-amoe_event_calendar .bg-purple,
269.block-amoe_event_calendar .bg-black {
270	border-collapse: separate;
271}
272.block-amoe_event_calendar .bg-purple tr,
273.block-amoe_event_calendar .bg-black tr {
274	border-color: #fff;
275}
276.block-amoe_event_calendar .bg-purple td,
277.block-amoe_event_calendar .bg-purple th,
278.block-amoe_event_calendar .bg-black td,
279.block-amoe_event_calendar .bg-black th {
280	border-color: #fff;
281}
282.block-amoe_event_calendar .bg-purple a,
283.block-amoe_event_calendar .bg-black a {
284	color: #fff;
285}
286.block-amoe_event_calendar .bg-purple a:hover,
287.block-amoe_event_calendar .bg-black a:hover {
288	color: #E0BB74;
289}
290
291/* Bild Overlay (amoe Hero) */
292.bg-image--overlay::before {
293	background: rgba(0,0,0,0.28);
294}
295.bg-image {
296	background-position: top center;
297}
298.tile__body--mid-left {
299	justify-content: end;
300}
301.tile__body--mid-left h2 {
302	font-size: 1.785rem;
303	line-height: 1.77rem;
304}
305.amoe-full-bleed__inner {
306	padding-inline: 0;
307}
308
309@media (min-width: 992px) {
310    /* Hintergrund beim Scrollen (Sticky Transparent Navbar) */
311    body:has(.sticky-transparent-navbar) .navbar.navbar--scrolled {
312        background: rgba(255,255,255,0.97);
313    }
314    /* Schriftfarbe beim Scrollen (Sticky Transparent Navbar) */
315    body:has(.sticky-transparent-navbar) .navbar.navbar--scrolled .nav-link {
316        color: #000;
317    }
318    /* Hover/Focus/Active beim NICHT Scrollen → Gold (Sticky Transparent Navbar) */
319    body:has(.sticky-transparent-navbar) .navbar:not(.navbar--scrolled) .nav-link:focus,
320    body:has(.sticky-transparent-navbar) .navbar:not(.navbar--scrolled) .nav-link:hover,
321    body:has(.sticky-transparent-navbar) .navbar:not(.navbar--scrolled) .nav-link:active {
322        color: var(--color-gold) !important;
323    }  
324    body:has(.sticky-transparent-navbar) .navbar {
325        background: linear-gradient(to bottom, rgba(0,0,0,0.6) 35%, rgba(0,0,0,0) 100%);
326    }
327}
328@media (max-width: 991.98px) {
329    /* Hintergrund beim Scrollen — genau wie Desktop */
330    body:has(.sticky-transparent-navbar) .navbar.navbar--scrolled {
331        background: rgba(255,255,255,0.97);
332    }    
333    /* Nav-Links schwarz (unabhängig vom Scroll-Zustand) */
334    body:has(.sticky-transparent-navbar) .navbar .nav-link {
335        color: #000 !important;
336    }    
337    /* Nav-Links purple beim Hover/Mouseover */
338    body:has(.sticky-transparent-navbar) .navbar .nav-link:hover,
339    body:has(.sticky-transparent-navbar) .navbar .nav-link:focus {
340        color: #9D0377 !important;
341    }
342}
343/* Farbe Hamburger Menü */
344.navbar-toggler, .navbar-toggler:active, .navbar-toggler:focus {
345background-color: rgba(255, 255, 255, 0.45) !important;
346}
347.navbar-toggler:hover {
348background-color: rgba(212, 191, 105, 0.54) !important;
349}
350
351/* *** Vorübergehend für alte Beiträge bei Kategorie Magazine *** */
352.wp-block-cover {
353	background-color: #eee;
354	border-radius: 4px;
355}
356.su-tooltip-button {
357	display: none;
358}
359.wp-block-cover a {
360	color: #000;
361}
362.wp-block-cover a:hover {
363	color: #9D0377;
364}
365a[data-id=9717] {
366	visibility: hidden !important;
367	position: relative;
368}
369/* *** Ende *** */
370
371/* *** Mitgliederverzeichnis Tabfarbe + Umrandung aktiver Eingabefelder *** */
372button#map-tab {
373	color: #000;
374}
375button#list-tab {
376	color: #000;
377}
378.form-control:focus {
379	border-color: #9D0377 !important;
380	box-shadow: 0 0 0 0.25rem rgba(128, 0, 128, 0.25) !important;
381	background: white !important;
382	outline: none !important;
383	z-index: 3 !important;
384}
385/* *** Mitgliederverzeichnis Karte *** */
386#member-map {
387	z-index: 1;
388}
389
390/* *** Formulare *** */
391.article-form .mb-3:has(input.fett) .form-label {
392	font-weight: 800;
393}
394.alert {
395	background-color: #e3dbb8;
396}
397.article-form {
398	background-color: rgb(245,245,245);
399	word-break: break-word;
400	overflow-wrap: break-word;
401	width: 100% !important;
402	margin-top: 25px !important;
403}
404.article-form form {
405	display: grid;
406	grid-template-columns: 1fr 1fr;
407	gap: 1rem;
408}
409@media (max-width: 992px) {
410	.article-form form {
411	grid-template-columns: 1fr; /* Mobile einspaltig */
412  }
413}
414/* Alles standardmäßig volle Breite */
415.article-form form .mb-3 {
416	grid-column: 1 / -1;
417}
418/* mb-3 das einen halb-Input enthält */
419.article-form .mb-3:has(input.halb) {
420	grid-column: span 1 !important;
421}
422/* mb-3 die KEIN halb haben = volle Breite */
423.article-form .mb-3:not(:has(input.halb)) {
424	grid-column: 1 / -1;
425}
426.einzeilig {
427	display: flex;
428	flex-direction: row;
429	gap: 1.5rem;
430}
431.einzeilig &gt; div {
432	display: flex;
433	align-items: center;
434	gap: 0.4rem;
435}
436.mehrzeilig &gt; div {
437	display: block !important;
438	width: 100% !important;
439	text-align: left !important;
440}
441.mehrzeilig label {
442	display: inline-flex !important;
443	align-items: center !important;
444	gap: 0.4rem !important;
445	text-align: left !important;
446	justify-content: flex-start !important;
447}
448/* Nur Checkboxen */
449.article-form input.fett,
450.article-form input.mehrzeilig,
451.article-form input.article-form-field[type=checkbox] {
452	width: auto !important;
453}
454/* Dateiupload volle Breite */
455.article-form input.fett[type=file],
456.article-form input.mehrzeilig[type=file],
457.article-form input.article-form-field[type=file] {
458	width: 100% !important;
459}
460/* Checkbox in eigene Zeile */
461.article-form .mb-3:has(input.fett) input,
462.article-form .mb-3:has(input.mehrzeilig) input,
463.article-form .mb-3:has(input.article-form-field[type=checkbox]) input {
464	display: block !important;
465}
466.mehrzeilig label,
467.einzeilig label {
468	align-items: flex-start !important;
469}
470.mehrzeilig input {
471	width: auto !important;
472}
473.article-form input {
474	accent-color: #9D0377;
475}
476.article-form input:focus {
477	border-color: #9D0377 !important;
478	box-shadow: 0 0 0 0.25rem rgba(128, 0, 128, 0.25) !important;
479	background: white !important;
480	outline: none !important;
481}
482.article-form input.is-invalid {
483	outline: 2px solid #9D0377 !important;
484	outline-offset: 2px !important;
485	border-radius: 4px !important;
486	width: auto !important;
487	box-shadow: none !important;
488}
489.article-form .mb-3:has(input.is-invalid) {
490	display: flex !important;
491	flex-wrap: wrap !important;
492	align-items: center !important;
493	gap: 0.4rem !important;
494}
495.article-form .mb-3:has(input.is-invalid) .form-label,
496.article-form .mb-3:has(input.is-invalid) .field-details {
497	width: 100% !important;
498	flex: 0 0 100% !important;
499}
500
501/* *** Formatierungen Startseite *** */
502#homepage-content .block-typed_table {
503	max-width: 100%;
504	overflow-x: auto;
505	overflow-y: hidden;
506	background-color: #9D0377;
507	color: #fff;
508	padding: 10px 25px 60px 25px;
509}
510#homepage-content .block-typed_table a {
511	color:  #fff;
512}
513#homepage-content .block-typed_table a:hover {
514	color:  #E0BB74;
515}
516#homepage-content .block-typed_table tbody td {
517	border-bottom: 1px solid #fff;
518}
519#homepage-content .block-typed_table thead th {
520	border-bottom: 3px solid #fff;
521	font-size: 1.385rem;
522	font-weight: 950;
523	font-style: italic;
524	letter-spacing: 0.005em;
525	line-height: 1.62rem;
526}
527#homepage-content .block-typed_table tbody tr:last-child td {
528	border-bottom: none;
529}
530#homepage-content .block-paragraph {
531	text-align: center;
532	margin-top: 0;
533	margin-bottom: 55px;
534	padding-left: 25px;
535	padding-right: 25px;
536}
537/* *** Formatierung css: scroll-hide-logo (falls ein Bild (img) rechts oben fixiert werden soll) – vermutlich überholt, da über Floating Button gelöst *** */
538#homepage-content .block-image .scroll-hide-logo {
539	width: 165px;
540	top: 152px;
541	right: 30px;
542	position: fixed;
543	transform: rotate(9deg);
544	z-index: 3;
545}
546@media only screen and (max-width: 992px) {
547	#homepage-content .block-image .scroll-hide-logo {
548	width: 145px;
549	top: 163px;
550	right: 30px; }
551}
552@media only screen and (max-width: 500px) {
553	#homepage-content .block-image .scroll-hide-logo {
554	width: 120px;
555	top: 180px;
556	right: 28px; }
557}
558/* *** Ende Formatierung css: scroll-hide-logo (falls ein Bild (img) rechts oben fixiert werden soll) *** */
559#stage-bg-video {
560	object-position: top center;
561}
562
563/* *** Formatierung aufklappbarer Inhalte (Accordion) *** */
564.accordion-button:not(.collapsed) {
565	color: #9D0377;
566	background-color: #fff;
567	padding-bottom: 0;
568	box-shadow: none;
569}
570.accordion-button:hover {
571	color: #9D0377;
572	background-color: rgba(0,0,0,0);
573}
574.accordion-item {
575	overflow: hidden;
576	border-radius: 0px;
577}
578
579/* *** Trennung langer Verlinkungen ***
580*** evtl. &quot;.card-title a&quot; davor, da ursprünglich nur für Kategorientitel benötigt *** */
581a {
582	hyphens: auto;
583	-webkit-hyphenate-limit-before: 5;
584	-webkit-hyphenate-limit-after: 5;
585	hyphenate-limit-chars: 8 5 5;
586}
587
588/* *** body Einstellungen Schriftschnitt und Hintergrund *** */
589body {
590	font-weight: 450;
591	background-color: #fff;
592}
593
594/* *** hover-Einstellungen Footer *** */
595footer a {
596	text-decoration: none;
597}
598footer a:hover {
599	text-decoration: none;
600}
601
602/* *** Anschneiden zu langer Kategoriennamen in Beitragsübersicht *** */
603.badge {
604	max-width: 100%;
605	white-space: nowrap;
606	overflow: hidden;
607	text-overflow: ellipsis;
608	display: inline-block;
609	vertical-align: middle;
610	margin-left: 1px !important;
611	padding-top: 7px;
612	padding-bottom: 3px;
613}
614
615/* *** Absatz zwischen Paragraph Elementen *** */
616.block-paragraph {
617	padding-top: 35px;
618}
619
620/* *** Größe der zentralen oberen Bildmarke *** */
621img.sign-img {
622	width: 170px;
623	padding-top: 5px;
624}
625@media only screen and (max-width: 992px) {
626	img.sign-img {
627	width: 170px;
628	padding-top: 15px; }
629}
630
631/* *** Footer Padding links/rechts reduzieren *** */
632footer {
633	padding: 30px;
634}
635/* *** Größe der Bildmarke im Footer *** */
636footer img {
637	width: 290px;
638	height: auto;
639}
640@media only screen and (max-width: 440px) {
641	footer img {
642	min-width: 270px;
643	max-width: 270px;
644	margin-left: -40px !important; }
645}
646
647/* *** Beschränkung von Bildern in deren max. Breite *** */
648img, svg {
649	max-width: 100%;
650	height: auto;
651}
652
653/* *** zusätzliche Einstellungen für Bilder in Beiträgen  *** */
654img.richtext-image.full-width {
655	width: 100%;
656	height: auto;
657	max-height: auto;
658	overflow: hidden;
659	margin: 20px auto;
660	object-fit: cover; /* vollflächig, füllt den Bereich */
661	object-position: top center; /* zentriert: horizontal &amp; vertikal */
662	display: block; /* verhindert kleinen Leerraum unten */
663}
664.block-image {
665	width: 100%;
666	height: auto;
667	max-height: 65vh;
668	overflow: hidden;
669	margin: 20px auto;
670	object-fit: cover; /* vollflächig, füllt den Bereich */
671	object-position: top center; /* zentriert: horizontal &amp; vertikal */
672	display: block; /* verhindert kleinen Leerraum unten */
673}
674img.richtext-image.left {
675	margin: 10px 20px 10px 0px !important;
676}
677img.richtext-image.right {
678	margin: 10px 0px 10px 20px !important;
679}
680.page-content img {
681	padding: 20px auto !important;
682}
683/* *** Einstellungen Slideshow carousel  *** */
684.carousel-inner {
685	max-height: 65vh;
686	overflow: hidden;
687}
688.carousel-inner img {
689	width: 100%;
690	height: 100%;
691	max-height: 65vh; /* gleicher Wert wie Container */
692	object-fit: cover; /* vollflächig, füllt den Bereich */
693	object-position: top center !important;
694	display: block; /* verhindert kleinen Leerraum unten */
695}
696.carousel-caption {
697	right: auto;
698	left: auto;
699	background: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.35),rgba(0,0,0,0.45),rgba(0,0,0,0.5),rgba(0,0,0,0.45),rgba(0,0,0,0.35),rgba(0,0,0,0.3));
700	width: 100%;
701}
702.carousel-control-prev:hover, .carousel-control-next:hover {
703	background-color: #E0BB74;
704	color: #9D0377;
705}
706.carousel-control-prev-icon, .carousel-control-next-icon {
707	filter: invert(25%) sepia(35%) saturate(1000%) hue-rotate(285deg) brightness(50%) contrast(120%) !important;
708}
709
710/* *** Horizontale Linie *** */
711hr {
712	margin: 8px 0 18px 0 !important;
713}
714
715/* *** Formatierung Tabellen *** */
716.block-typed_table  {
717	max-width: 100%;
718	overflow-x: auto;
719	overflow-y: hidden;
720}
721.block-table  {
722	max-width: 100%;
723	overflow-x: auto;
724	overflow-y: hidden;
725}
726table {
727	margin-top: 35px;
728	border-collapse: collapse;
729	width: 100%;
730}
731table p {
732	margin: 0.3125rem;
733}
734th, td {
735	padding: 12px 15px;
736	border: none;
737}
738thead th {
739	border-bottom: 3px solid #000;
740}
741tbody td {
742	border-bottom: 1px solid #000;
743}
744/* optional: letzte Linie entfernen */
745/*tbody tr:last-child td {
746	border-bottom: none;
747}*/
748
749/* *** Tabellenlinien bei Anmeldung und Registrierung rausnehmen *** */
750.card-body td {
751	border: none;
752}
753/* *** Boxen für Anmeldung und Registrierung *** */
754.card-header:first-child {
755	background-color: #E0BB74 !important;
756	border: none;
757}
758.card-header:first-child h3 {
759	color: #9D0377;
760	margin-bottom: .05rem;
761}
762
763/* *** Bildhöhe in Beitragsübersichtsboxen anpassen *** */
764@media only screen and (max-width: 768px) {
765	.card-img-top {
766    	max-height: 390px; }
767}
768@media only screen and (max-width: 668px) {
769	.card-img-top {
770    	max-height: 355px; }
771}
772@media only screen and (max-width: 400px) {
773	.card-img-top {
774    	max-height: 335px; }
775}
776
777/* *** Rahmenfarbe hervorgehobene Beiträge *** */
778.border-warning {
779	border-color: #E0BB74 !important;
780}
781
782/* *** Checkbox bei Anmeldung und Registrierung linksbündig in gleiche Zeile einbinden *** */
783input[type=&quot;checkbox&quot;][required] {
784	width: auto !important;
785	margin-right: 5px !important;
786}
787input[type=&quot;checkbox&quot;] {
788	width: auto !important;
789	margin-right: 5px !important;
790}
791
792/* *** Einstellung Absatz *** */
793p {
794	font-weight: 450;
795	font-style: normal;
796	margin-bottom: 0.625rem;
797}
798b, strong {
799	font-weight: 800;
800}
801
802/* *** Einstellung Listenelemente *** */
803li, ul, ol {
804	font-weight: 450;
805	font-style: normal;
806	margin-top: 0.3125rem;
807}
808ol, ul {
809	padding-left: 1.5rem;
810}
811.block-paragraph ol li ol li {
812	list-style: lower-alpha;
813	padding-left: 0.2em;
814	position: relative;
815}
816.block-paragraph ol li ol li ol li {
817	list-style: disc;
818	padding-left: 0.2em;
819	position: relative;
820}
821
822/* *** Überschriften *** */
823h1, .card-body h1 {
824	font-size: 1.575rem;
825	font-weight: 950;
826	font-style: italic;
827	letter-spacing: 0.005em;
828	line-height: 1.75rem;
829	margin-top: 5px;
830	margin-bottom: 1rem;
831	hyphens: auto;
832	-webkit-hyphenate-limit-before: 5;
833	-webkit-hyphenate-limit-after: 5;
834	hyphenate-limit-chars: 8 5 5;
835}
836h2, .card-body h2 {
837	font-size: 1.385rem;
838	font-weight: 950;
839	font-style: italic;
840	letter-spacing: 0.005em;
841	line-height: 1.62rem;
842	padding-top: 12px !important;
843}
844h3, .card-body h3 {
845	font-size: 1.178rem;
846	font-weight: 950;
847	font-style: italic;
848	letter-spacing: 0.005em;
849	line-height: 1.48rem;
850	padding-top: 8px !important;
851}
852h4, .card-body h4 {
853	font-size: 1.575rem;
854	color: #E0BB74;
855	font-weight: 950;
856	font-style: italic;
857	letter-spacing: 0.005em;
858	line-height: 1.75rem;
859	margin-bottom: 3px;
860}
861/* ***Beitragstitel in Beitragsübersicht *** */
862h5, .card-body h5 {
863	font-size: 1.28rem;
864	font-weight: 950;
865	font-style: italic;
866	letter-spacing: 0.005em;
867	line-height: 1.57rem;
868	padding-top: 8px !important;
869}
870h6, .card-body h6 {
871	font-size: 1.178rem;
872	font-weight: 950;
873	font-style: italic;
874	letter-spacing: 0.005em;
875	line-height: 1.48rem;
876	padding-top: 8px !important;
877}
878
879/* *** Randabstand in Boxen für Beitragsübersichten *** */
880.card {
881	--bs-card-spacer-y: 2rem !important;
882	--bs-card-spacer-x: 1.5rem !important;
883}
884
885.block-three_columns {
886	display: flex;
887}
888@media only screen and (max-width: 885px) {
889	.block-three_columns {
890    display: grid; }
891}
892
893
894/* ******************************************************** */
895.container, .container-lg, .container-md, .container-sm, .container-xl {
896	max-width: 100vw !important;
897	padding: 5px 25px 5px 25px;
898	margin: 0 auto;
899}
900
901/* *** generelle Seitenabstände*** */
902.page-content {
903	margin: 0 auto;
904	padding: 1.75em 5em !important;
905	padding-inline: var(--content-inset) !important;
906}
907@media only screen and (max-width: 1250px) {
908	.page-content {
909    padding: 1.2em 3em !important; }
910}
911@media only screen and (max-width: 992px) {
912	.page-content {
913    padding: 1.2em 2.8em !important; }
914}
915@media only screen and (max-width: 885px) {
916	.page-content {
917    padding: 1.2em 2.8em !important; }
918}
919@media only screen and (max-width: 668px) {
920	.page-content {
921    padding: 1.2em 2.8em !important; }
922}
923
924/* *** Navigation *** */
925.navbar-expand-lg .navbar-nav .nav-link {
926	color: #000;
927	font-weight: 450;
928	font-style: normal;
929}
930#topnav {
931	max-height: 30px;
932}
933.navbar {
934	top: 30px;
935	z-index: 4;
936}
937.navbar-brand {
938	margin-left: 25px;
939}
940@media only screen and (max-width: 992px) {
941	.navbar-brand {
942	margin-left: 0; }
943}
944/* Suchfeld zentriert (z.B. mobile / kleinere Ansicht) */
945.navbar-search {
946	position: absolute;
947	left: 50%;
948	transform: translateX(-50%);
949}
950/* Suchfeld für Desktop: normal im Menüfluss am Ende */
951@media (min-width: 992px) {
952	.navbar-search {
953	position: static;
954	transform: none;
955	left: auto; }
956}
957
958.dropdown-menu {
959	--bs-dropdown-border-color: #E0BB74;
960}
961
962/* *** Anpassung Höhe &amp; Schrift Untermenü *** */
963.dropdown-menu.show {
964	max-height: 35vh;
965}
966.dropdown-item {
967	font-size: 0.95rem;
968	font-weight: 450;
969	letter-spacing: -0.02em;
970}
971
972/* *** Formatierung Bühne *** */
973#stage {
974	min-height: calc(100vh - 258px) !important;
975	height: calc(100vh - 258px) !important;
976	background-color: lightgrey;
977	background-image: url(https://elevate-stg.amoe.de/static_files/img/background-image-sumo-amoe_08.jpg);
978	background-position: center;
979	background-repeat: no-repeat;
980	background-size: cover;
981	z-index: 1;
982	margin-bottom: 55px !important;
983}
984.stage-video-overlay {
985	background-color: rgba(50, 0, 0, 0.12);
986}
987#stage-cover-top {
988	left: 0;
989	position: fixed;
990	z-index: 3;
991}
992#stage-cover-bottom {
993	top: calc(100vh - 225px);
994	z-index: 2;
995}
996#stage-cover-content h1 {
997	margin-bottom: 3px;
998}
999#stage-cover-content {
1000	font-weight: 450;
1001	font-style: normal;
1002	top: calc(100vh - 190px);
1003	width: 33vw;
1004	padding-left: 12px;
1005	z-index: 2;
1006}
1007@media only screen and (max-width: 1250px) {
1008	#stage-cover-content {
1009	width: 39vw; }
1010}
1011@media only screen and (max-width: 992px) {
1012	#stage-cover-content {
1013	padding-left: 2px; }
1014}
1015@media only screen and (max-width: 885px) {
1016	#stage-cover-content {
1017	width: 43vw; }
1018}
1019@media only screen and (max-width: 668px) {
1020	#stage-cover-content {
1021	width: 52vw; }
1022}
1023@media only screen and (max-width: 400px) {
1024	#stage-cover-content {
1025	width: 59vw; }
1026}
1027    </style>
1028
1029
1030</head>
1031<body>
1032
1033    <!-- Navigation -->
1034    
1035
1036
1037<div id="topnav" data-lightbox-off>
1038    <div>
1039        <p data-block-key="ane2l"><a href="https://elevate.amoe.de/members/artikel/">amoe:mitgliederbereich</a></p>
1040    </div>
1041</div>
1042
1043    <nav class="navbar navbar-expand-lg ">
1044        <div class="container">
1045            <div class="collapse navbar-collapse" id="navbarNav">
1046                
1047<ul class="navbar-nav">
1048    
1049        
1050        
1051        <li class="nav-item dropdown ancestor">
1052            <a class="nav-link dropdown-toggle"
1053               href="#"
1054               role="button"
1055               data-bs-toggle="dropdown"
1056               aria-expanded="false">
1057                Mitglieder
1058            </a>
1059            <ul class="dropdown-menu">
1060                
1061                <li>
1062                    <a class="dropdown-item" href="/mitglieder">
1063                        Mitgliederverzeichnis
1064                    </a>
1065                </li>
1066                
1067            </ul>
1068        </li>
1069        
1070        
1071    
1072        
1073        
1074        <li class="nav-item dropdown ancestor">
1075            <a class="nav-link dropdown-toggle"
1076               href="#"
1077               role="button"
1078               data-bs-toggle="dropdown"
1079               aria-expanded="false">
1080                Beiträge
1081            </a>
1082            <ul class="dropdown-menu">
1083                
1084                <li>
1085                    <a class="dropdown-item" href="/artikel/">
1086                        Alle Beiträge
1087                    </a>
1088                </li>
1089                
1090                <li>
1091                    <a class="dropdown-item" href="/articles/category/amoe-grundsatzdokumente/">
1092                        AMÖ Grundsatzdokumente
1093                    </a>
1094                </li>
1095                
1096                <li>
1097                    <a class="dropdown-item" href="/articles/category/amoeakademie/">
1098                        amoe:akademie
1099                    </a>
1100                </li>
1101                
1102                <li>
1103                    <a class="dropdown-item" href="/articles/category/amoedialog/">
1104                        amoe:dialog
1105                    </a>
1106                </li>
1107                
1108                <li>
1109                    <a class="dropdown-item" href="/articles/category/positionen/">
1110                        Positionen
1111                    </a>
1112                </li>
1113                
1114                <li>
1115                    <a class="dropdown-item" href="/articles/category/pressemitteilungen/">
1116                        Pressemitteilungen
1117                    </a>
1118                </li>
1119                
1120                <li>
1121                    <a class="dropdown-item" href="/articles/category/schlichtungsstelle/">
1122                        Schlichtungsstelle
1123                    </a>
1124                </li>
1125                
1126            </ul>
1127        </li>
1128        
1129        
1130    
1131        
1132        
1133        <li class="nav-item dropdown ancestor">
1134            <a class="nav-link dropdown-toggle"
1135               href="#"
1136               role="button"
1137               data-bs-toggle="dropdown"
1138               aria-expanded="false">
1139                Unsere Positionen
1140            </a>
1141            <ul class="dropdown-menu">
1142                
1143                <li>
1144                    <a class="dropdown-item" href="/image-kampagne/">
1145                        Image-Kampagne
1146                    </a>
1147                </li>
1148                
1149            </ul>
1150        </li>
1151        
1152        
1153    
1154</ul>
1155
1156                <ul class="navbar-nav">
1157                    
1158                        <li class="nav-item"><a class="nav-link" href="/account/login/">Login</a></li>
1159                        <li class="nav-item"><a class="nav-link" href="/signup/">Signup</a></li>
1160                    
1161
1162                
1163                </ul>
1164                <form class="d-flex ms-3 me-auto navbar-search" action="/search/" method="get" role="search">
1165                    <div class="navbar-search-wrapper">
1166                        <span class="fa-sharp fa-regular fa-magnifying-glass navbar-search-icon"></span>
1167                        <input class="form-control form-control-sm" type="search" name="q" placeholder="Suche…" aria-label="Suche" value="">
1168                    </div>
1169                </form>
1170            </div>
1171            
1172            <a class="navbar-brand" href="/">
1173                <span class="sign-img-stack">
1174                    <img class="sign-img" src="/static_files/img/Bildmarke-amoe-Bundesverband_RGB.svg" alt="Startseite" titel="AMÖ-Wirtschaftsorganisation sumo GmbH">
1175                    <img class="sign-img sign-img--light" src="/static_files/img/Bildmarke-amoe-Bundesverband_RGB_weiss.svg" alt="" aria-hidden="true">
1176                </span>
1177            </a>
1178            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
1179                <span class="navbar-toggler-icon"></span>
1180            </button>
1181        </div>
1182    </nav>
1183
1184
1185    <!-- Nachrichten (Django Messages Framework) -->
1186    
1187
1188<main>
1189    
1190        
1191<div class="container mt-4">
1192    <h1>amoe:dialog</h1>
1193
1194    
1195    <div class="mb-4">
1196        <div class="block-paragraph"><p data-block-key="65pix">Lasst uns sprechen! Der amoe:dialog ist unser offenes monatliches Austauschformat. Wir sprechen über das, was euch und uns bewegt! Jeden Monat ein neues Thema – mal intern, mal mit AMÖ-Partnern. <b>Jeden 1. Mittwoch im Monat von 10-11 Uhr (via Teams-Termin)!</b></p></div>
1197<div class="block-typed_table">
1198<table>
1199    
1200        <caption>Die Termine direkt im Kalender abspeichern - dafür die .ics-Datei beim jeweiligen Termin herunterladen</caption>
1201    
1202    <thead>
1203        <tr>
1204            
1205                <th scope="col">Termine 2026</th>
1206            
1207                <th scope="col"></th>
1208            
1209                <th scope="col"></th>
1210            
1211        </tr>
1212    </thead>
1213    <tbody>
1214        
1215            <tr>
1216                
1217                    <td><p data-block-key="0wzv0">7. Oktober</p></td>
1218                
1219                    <td><p data-block-key="0wzv0"><b>Kartellrecht: Relevanz für die Praxis</b> mit Kooperationsnetzwerk Möbelindustrie e.V.</p></td>
1220                
1221                    <td><p data-block-key="0wzv0"><a href="/documents/280/amoe_dialog_-_Kartellrecht__Relevanz_fur_die_Praxis.ics">.ics ⤓</a> Termin - <a href="https://teams.microsoft.com/meet/35659265886143?p=MOw61gpcgif6Vp7mqw" target="_blank">Direktlink</a></p></td>
1222                
1223            </tr>
1224        
1225            <tr>
1226                
1227                    <td><p data-block-key="o9xm0">4. November</p></td>
1228                
1229                    <td><p data-block-key="o9xm0"><b>E-Mobilität</b>: 10-Punkte-Plan &amp; Fördermittel mit AMÖ</p></td>
1230                
1231                    <td><p data-block-key="o9xm0"><a href="/documents/318/amoe-dialog2611_E-Mobilitaet-10-Punkte-Plan-und-Foerdermittel.ics">.ics ⤓</a> Termin - <a href="https://teams.microsoft.com/meet/362028981415399?p=0ejzmcQ1G5SRx0sEkd" target="_blank">Direktlink</a></p></td>
1232                
1233            </tr>
1234        
1235            <tr>
1236                
1237                    <td><p data-block-key="2dnq7">2. Dezember</p></td>
1238                
1239                    <td><p data-block-key="2dnq7"><b>Gesetzliche Anpassungen</b> mit AMÖ</p></td>
1240                
1241                    <td><p data-block-key="jkg63"><a href="/documents/317/amoe-dialog2612_Gesetzliche-Anpassungen-und-gesetzliche-Sozialversicherun.ics">.ics ⤓</a> Termin - <a href="https://teams.microsoft.com/meet/329412849908908?p=9YWsTpLaFmBSXdoZrO">Direktlink</a></p></td>
1242                
1243            </tr>
1244        
1245    </tbody>
1246</table>
1247</div>
1248<div class="block-paragraph"><h2 data-block-key="l7xuc">
1248Mehr zu vergangenen amoe:dialogen:</h2></div>
1249    </div>
1250    
1251
1252    
1253    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4 row-cols-xxl-5 article-grid g-4 mt-2">
1254        
1255        <div class="col mb-4 px-3">
1256            <div class="card h-100 shadow-sm">
1257                <a href="/members/amoedialog/wenn-haustiere-umziehen-amoe-dialog-zu-internationalen-haustiertransporten/">
1258                    
1259                    <img alt="Internationale_heimtiertransporte" class="card-img-top" height="450" src="/uploads/images/Internationale_heimtiertransporte.2e16d0ba.fill-600x450.png" width="600">
1260                    
1261                </a>
1262                <div class="card-body">
1263                    <h5 class="card-title">
1264                        <a href="/members/amoedialog/wenn-haustiere-umziehen-amoe-dialog-zu-internationalen-haustiertransporten/" class="text-decoration-none text-dark">Wenn Haustiere umziehen – amoe:dialog zu Internationalen Haustiertransporten</a>
1265                    </h5>
1266                    <div class="text-muted small mb-2">
1267                        14.07.2026 · Carola Brabandt
1268                        
1269                        <a href="/articles/category/amoedialog/"
1270                           class="badge text-white text-decoration-none ms-2"
1271                           style="background-color: var(--amoe-secondary-color);">
1272                            amoe:dialog
1273                        </a>
1274                        
1275                    </div>
1276                    
1277                    <div class="card-text text-muted small"><p data-block-key="z7ubw">Hunde, Katzen, Vögel – wer einen internationalen Umzug begleitet, tut gut daran, auch den tierischen Teil der Familie nicht zu vergessen. Spezialisierte Tierlogistiker wie Heiko Härtel von Intermove organisieren dabei nicht nur den Transport, sondern entlasten Kund:innen […]</p></div>
1278                    
1279                </div>
1280            </div>
1281        </div>
1282        
1283        <div class="col mb-4 px-3">
1284            <div class="card h-100 shadow-sm">
1285                <a href="/members/nachhaltigkeit/nachhaltiger-werkzeugkasten-neuer-ausschuss-nachhaltigkeit/">
1286                    
1287                    <img alt="_17A7402" class="card-img-top" height="450" src="/uploads/images/_17A7402.2e16d0ba.fill-600x450.jpg" width="600">
1288                    
1289                </a>
1290                <div class="card-body">
1291                    <h5 class="card-title">
1292                        <a href="/members/nachhaltigkeit/nachhaltiger-werkzeugkasten-neuer-ausschuss-nachhaltigkeit/" class="text-decoration-none text-dark">amoe:dialog – Neuer Ausschuss Nachhaltigkeit</a>
1293                    </h5>
1294                    <div class="text-muted small mb-2">
1295                        17.06.2026 · Carola Brabandt
1296                        
1297                        <a href="/articles/category/nachhaltigkeit/"
1298                           class="badge text-white text-decoration-none ms-2"
1299                           style="background-color: var(--amoe-secondary-color);">
1300                            Nachhaltigkeit
1301                        </a>
1302                        
1303                    </div>
1304                    
1305                    <div class="card-text text-muted small"><p data-block-key="hr9i7">Nachhaltiger Werkzeugkasten? Beim amoe:dialog am 6. Mai hat sich der neue Ausschuss Nachhaltigkeit vorgestellt – mit künftigen "Werkzeugempfehlungen" für Mitgliedsunternehmen jeder Größe.</p></div>
1306                    
1307                </div>
1308            </div>
1309        </div>
1310        
1311        <div class="col mb-4 px-3">
1312            <div class="card h-100 shadow-sm">
1313                <a href="/members/schlichtungsstelle/amoedialog-schlichtungsstelle-umzug/">
1314                    
1315                    <img alt="Schlichtungsstelle" class="card-img-top" height="450" src="/uploads/images/Schlichtungsstelle.2e16d0ba.fill-600x450.jpg" width="600">
1316                    
1317                </a>
1318                <div class="card-body">
1319                    <h5 class="card-title">
1320                        <a href="/members/schlichtungsstelle/amoedialog-schlichtungsstelle-umzug/" class="text-decoration-none text-dark">
1320amoe:dialog – Schlichtungsstelle Umzug</a>
1321                    </h5>
1322                    <div class="text-muted small mb-2">
1323                        12.03.2026 · Sandra Heber
1324                        
1325                        <a href="/articles/category/schlichtungsstelle/"
1326                           class="badge text-white text-decoration-none ms-2"
1327                           style="background-color: var(--amoe-secondary-color);">
1328                            Schlichtungsstelle
1329                        </a>
1330                        
1331                    </div>
1332                    
1333                    <div class="card-text text-muted small"><p data-block-key="m0jlo">Was passiert, wenn was passiert? Bei Transporten, Umzügen und Einlagerungen kann Umzugs- und Transportgut beschädigt werden und unsere Schlichtungsstelle Umzug wird gebraucht. Beim amoe:dialog am 4. März ging es um die Aufgaben der Schlichtungsstelle […]</p></div>
1334                    
1335                </div>
1336            </div>
1337        </div>
1338        
1339        <div class="col mb-4 px-3">
1340            <div class="card h-100 shadow-sm">
1341                <a href="/members/arbeitsschutz/amoedialog-arbeitsschutz/">
1342                    
1343                    <img alt="Arbeitsschutz4" class="card-img-top" height="450" src="/uploads/images/Arbeitsschutz4.2e16d0ba.fill-600x450.jpg" width="600">
1344                    
1345                </a>
1346                <div class="card-body">
1347                    <h5 class="card-title">
1348                        <a href="/members/arbeitsschutz/amoedialog-arbeitsschutz/" class="text-decoration-none text-dark">amoe:dialog – Arbeitsschutz</a>
1349                    </h5>
1350                    <div class="text-muted small mb-2">
1351                        11.02.2026 · Christian Altpeter
1352                        
1353                        <a href="/articles/category/arbeitsschutz/"
1354                           class="badge text-white text-decoration-none ms-2"
1355                           style="background-color: var(--amoe-secondary-color);">
1356                            Arbeitsschutz
1357                        </a>
1358                        
1359                    </div>
1360                    
1361                    <div class="card-text text-muted small"><p data-block-key="21g25">Arbeitsschutz: Sicher arbeiten, gesunde Mitarbeitende halten, Ausfälle reduzieren und Abläufe stabilisieren! Was gehört eigentlich alles zum Arbeitsschutz? Was gilt es in diesem – streng regulierten Bereich – zu beachten, speziell für die Möbellogistik? […]</p></div>
1362                    
1363                </div>
1364            </div>
1365        </div>
1366        
1367    </div>
1368    
1369
1370    
1371</div>
1372
1373    
1374</main>
1375
1376
1377    
1378
1379
1380<footer>
1381    
1382
1383
1384<footer data-lightbox-off>
1385    <p data-block-key="abhyz"><a href="https://amoe.de/ansprechpartner-amoe-geschaeftsstelle-und-aufsichtsrat/">Kontakt</a> | <a href="https://amoe.de/impressum/">Impressum</a> | <a href="https://amoe.de/datenschutzerklaerung/">Datenschutz</a> | <a href="https://amoe.de/datenschutzerklaerung/">Cookie-Richtlinien</a></p><div style="text-align: center;"><img alt="Bundesverband Möbelspedition und Logistik (AMÖ) e.V." aria-haspopup="dialog" class="richtext-image center medium" data-lightbox="body" data-lightbox-id="169" data-lightbox-src="/uploads/images/tempImage1qq76z.max-2000x2000.png" height="96" role="button" src="/uploads/images/tempImage1qq76z.max-600x600.png" tabindex="0" width="402"></div><h3 data-block-key="8dpve">#alleskönner #problemlöser #zukunftsgestalter</h3><p data-block-key="6prik"><br/>©2026</p>
1386</footer>
1387</footer>
1388
1389
1390
1391<!-- Bootstrap 5 JS -->
1392<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 1392
1392
1393<script src="https://kit.fontawesome.com/23e3044925.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1393
1393
1394<script src="/static_files/js/sorttable.js"></script>
1394
1395
1396
1397<script>
1398window.addEventListener("load", function(){
1399  window.cookieconsent.initialise({
1400    palette: {
1401      popup: { background: "#000" },
1402      button: { background: "#f1d600" }
1403    },
1404    theme: "classic",
1405    type: "info",
1406    content: {
1407      message: "Diese Website verwendet Cookies, um bestmögliche Funktionalität bieten zu können.",
1408      dismiss: "Akzeptieren",
1409      deny: "Ablehnen",
1410      link: "Cookie-Richtlinie",
1411      href: "/privacy"
1412    },
1413    onInitialise: function(status) {
1414      if (status == 'allow') {
1415        enableTracking();
1416      }
1417    },
1418    onStatusChange: function(status) {
1419      if (status == 'allow') {
1420        enableTracking();
1421      }
1422    }
1423  });
1424
1425  function enableTracking() {
1426    // hier Tracking/3rd Party Services laden
1427    // z.B. Google Analytics, YouTube, etc.
1428  }
1429
1430  window.addEventListener('scroll', () => {
1431    const element = document.querySelector('.scroll-hide-logo');
1432    if (!element) return;
1433    if (window.scrollY > 650) {
1434      element.classList.add('hidden');
1435    } else {
1436      element.classList.remove('hidden');
1437    }
1438  });
1439
1440
1441
1442});
1443</script>
1443
1444
1445<script>
1446/* AMOE-339: iPadOS/iOS Safari minimiert die Toolbar beim Scrollen zu einer
1447   transluzenten Leiste, die den oberen Rand des Layout-Viewports überlagert.
1448   visualViewport.offsetTop liefert exakt diese Überlappung (env(safe-area-inset-top)
1449   ist hier 0 und damit nutzlos). Wir spiegeln den Wert in eine CSS-Variable, an
1450   die die sticky .navbar ihren top-Offset bindet (custom.css), sodass sie stets
1451   bündig unter der Browser-Toolbar haftet statt dahinter zu verschwinden.
1452   Auf Desktop/Android ist offsetTop konstant 0 → keine Auswirkung. */
1453(function () {
1454  var vv = window.visualViewport;
1455  if (!vv) return;
1456  var root = document.documentElement;
1457  var scheduled = false;
1458  function apply() {
1459    scheduled = false;
1460    root.style.setProperty(
1461      "--amoe-ios-toolbar-offset", Math.max(0, Math.round(vv.offsetTop)) + "px"
1462    );
1463  }
1464  function schedule() {
1465    if (scheduled) return;
1466    scheduled = true;
1467    window.requestAnimationFrame(apply);
1468  }
1469  apply();
1470  vv.addEventListener("scroll", schedule);
1471  vv.addEventListener("resize", schedule);
1472  window.addEventListener("scroll", schedule, { passive: true });
1473})();
1474</script>
1474
1475
1476
1477
1478<script defer src="/static_files/js/design-system.js?v=1789735880"></script>
1478
1479
1480</body>
1481</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.