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 > div { 432 display: flex; 433 align-items: center; 434 gap: 0.4rem; 435} 436.mehrzeilig > 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. ".card-title a" 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 & 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 & 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="checkbox"][required] { 784 width: auto !important; 785 margin-right: 5px !important; 786} 787input[type="checkbox"] { 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 & 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 & 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.