/* ========================================= */
/* 9. LISTS & RESULTS GRID */
/* ========================================= */
.search-results { display: flex; flex-flow: column nowrap; padding: 4rem 6.25vw 0; width: 100% }
@media only screen and (min-width:64em) { .search-results { padding: 6rem 6.25vw 0 } }
.search-results__title { margin-top: 4rem }
.search-results__title:first-child { margin-top: 0 }
.search-results__title:last-child { margin-bottom: 0 }
.search-results__item { border-top: .0625rem solid #dedddd; margin-top: 2rem; padding-top: 2rem; display: flex }
.search-results__item:first-child { margin-top: 0 }
.search-results__item:last-child { margin-bottom: 0 }
.search-results__item__text { width: 100% }
.search-results__item__icon { flex: 0 0 auto; width: 4rem }
.search-results__item h2 { margin-bottom: 0 }
.search-results__item p { color: #0d0d0d }
.news-list { display: flex; flex-flow: column nowrap; padding: 4rem 6.25vw 0; width: 100% }
@media only screen and (min-width:64em) { .news-list { padding: 6rem 6.25vw 0 } }
.news-list__title { margin-top: 4rem }
.news-list__title:first-child { margin-top: 0 }
.news-list__title:last-child { margin-bottom: 0 }
.news-list__tags { align-items: center; display: flex; flex-flow: row wrap; margin-top: 4rem }
.news-list__tags:first-child { margin-top: 0 }
.news-list__tags:last-child { margin-bottom: 0 }
.news-list__tags__tag { align-items: center; border: .0625rem solid #ef6c26; border-radius: 1.125rem; color: #ef6c26; display: inline-flex; font-weight: 200; height: 2.25rem; margin: .5rem .5rem 0 0; padding: 0 .75rem; transition: background-color .2s ease-out, color .2s ease-out; white-space: nowrap; will-change: background-color, color }
.news-list__tags__tag--active, .news-list__tags__tag:hover { background-color: #ef6c26; color: #fff }
.news-list__item { border-top: .0625rem solid #dedddd; display: flex; flex-flow: row wrap; margin-top: 2rem; padding: 2rem 4rem 0 0 }
.news-list__item:first-child { margin-top: 0 }
.news-list__item:last-child { margin-bottom: 0 }
@media only screen and (min-width:64em) { .news-list__item { flex-flow: row nowrap } }
.news-list__item__date { width: 100% }
@media only screen and (min-width:64em) { .news-list__item__date { width: 20% } }
.news-list__item__image { padding-bottom: 1rem; padding-right: 1rem; width: 4rem }
@media only screen and (min-width:32em) { .news-list__item__image { width: 5rem; padding-right: 2rem } }
.news-list__item__text { width: 100% }
.news-list__item__text h3 { margin-bottom: 0 }
.news-list__item__image + .news-list__item__text { width: calc(100% - 4rem) }
@media only screen and (min-width:32em) { .news-list__item__image + .news-list__item__text { width: calc(100% - 5rem) } }
.news-list__item__link { display: flex; height: 100%; justify-content: flex-end; left: 0; padding-top: 1.5rem; position: absolute; top: 0; width: 100%; z-index: 1 }
.canvas-ui { align-items: center; display: flex; flex-flow: row wrap; height: calc(100vh - 5rem); justify-content: center; left: 0; padding: 6.25vw; pointer-events: none; position: fixed; top: 5rem; width: 100vw; z-index: 5 }
@media only screen and (min-width:64em) { .canvas-ui { height: 100vh; left: 6rem; top: 0; width: calc(100% - 6rem) } }
.canvas-ui__breadcrumb { left: 6.25vw; pointer-events: all; position: fixed; top: 6rem; width: auto }
@media only screen and (min-width:64em) { .canvas-ui__breadcrumb { left: calc(6.25vw + 6rem); top: 4rem } }
.canvas-ui__title { -webkit-animation: fadeOut 1s ease-in-out; animation: fadeOut 1s ease-in-out; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; text-align: center }
@-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } }
@keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } }
.canvas-ui__view { align-items: flex-start; display: flex; pointer-events: all; position: absolute; right: 6.25vw; top: 1rem }
@media only screen and (min-width:64em) { .canvas-ui__view { top: 4rem } }
.canvas-ui__view__note { background-color: #ef6c26; color: #fff; display: none; flex: 0 0 auto; font-weight: 200; margin-left: 1rem; margin-top: -.75rem; padding: .75rem 1rem; width: 18rem }
@media only screen and (min-width:64em) { .canvas-ui__view__note { display: block } }
.canvas-list { background-color: #0d0d0d; cursor: -webkit-grab; cursor: grab; display: block; height: 100vh; left: 0; overflow: auto; position: fixed; scroll-behavior: auto; top: 0; width: 100%; z-index: 1 }
.canvas-list__items { align-items: center; -webkit-animation: fadeIn 1s ease-in-out; animation: fadeIn 1s ease-in-out; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; cursor: -webkit-grab; cursor: grab; display: flex; flex-flow: row wrap; height: auto; justify-content: center; min-height: 100vh; opacity: 0; padding: 6.25vw 3.125vw; width: 300%; z-index: 2 }
@-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } }
@keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } }
@media only screen and (min-width:32em) { .canvas-list__items { width: 250% } }
@media only screen and (min-width:64em) { .canvas-list__items { width: 200% } }
@media only screen and (min-width:80em) { .canvas-list__items { width: 150% } }
.canvas-list__item { -webkit-animation: float 8s ease-in-out infinite; animation: float 8s ease-in-out infinite; padding: 0 3.125vw; transition: transform .2s ease-out; width: 20%; will-change: transition }
.canvas-list__item:hover { -webkit-animation-play-state: paused; animation-play-state: paused }
.canvas-list__item:nth-child(10n+1), .canvas-list__item:nth-child(10n+2), .canvas-list__item:nth-child(10n+3), .canvas-list__item:nth-child(10n+4), .canvas-list__item:nth-child(10n+5) { order: 1 }
.canvas-list__item:nth-child(10n+6), .canvas-list__item:nth-child(10n+7), .canvas-list__item:nth-child(10n+8), .canvas-list__item:nth-child(10n+9), .canvas-list__item:nth-child(10n+10) { order: -1 }
.canvas-list__item:nth-child(8n) { -webkit-animation-delay: 0; animation-delay: 0; margin-bottom: 0 }
.canvas-list__item:nth-child(8n+1) { -webkit-animation-delay: .25s; animation-delay: .25s; margin-bottom: 4rem }
.canvas-list__item:nth-child(8n+2) { -webkit-animation-delay: .5s; animation-delay: .5s; margin-bottom: 12rem }
.canvas-list__item:nth-child(8n+3) { -webkit-animation-delay: .75s; animation-delay: .75s; margin-bottom: 8rem }
.canvas-list__item:nth-child(8n+4) { -webkit-animation-delay: 1s; animation-delay: 1s; margin-top: 12rem }
.canvas-list__item:nth-child(8n+5) { -webkit-animation-delay: 1.25s; animation-delay: 1.25s; margin-top: 4rem }
.canvas-list__item:nth-child(8n+6) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; margin-top: 8rem }
.canvas-list__item:nth-child(8n+7) { -webkit-animation-delay: 1.75s; animation-delay: 1.75s; margin-top: 0 }
.canvas-list__item:nth-child(8n) img { transform: rotate(2.5deg) }
.canvas-list__item:nth-child(8n+1) img { transform: rotate(-1.25deg) }
.canvas-list__item:nth-child(8n+2) img { transform: rotate(-2.5deg) }
.canvas-list__item:nth-child(8n+3) img { transform: rotate(1.25deg) }
.canvas-list__item:nth-child(8n+4) img { transform: rotate(2.5deg) }
.canvas-list__item:nth-child(8n+5) img { transform: rotate(-1.25deg) }
.canvas-list__item:nth-child(8n+6) img { transform: rotate(-2.5deg) }
.canvas-list__item:nth-child(8n+7) img { transform: rotate(1.25deg) }
@-webkit-keyframes float { 0% { transform: translateY(0) } 50% { transform: translateY(-5%) } to { transform: translateY(0) } }
@keyframes float { 0% { transform: translateY(0) } 50% { transform: translateY(-5%) } to { transform: translateY(0) } }
.canvas-list__center { height: 2rem; margin-top: -2rem; order: 0; width: 100%; z-index: 1 }
.canvas-list__background { align-items: center; display: flex; height: 100vh; justify-content: center; left: 0; position: fixed; top: 0; width: 100vw; z-index: 1 }
.canvas-list__background__image { background-size: cover; height: 100%; opacity: .5; width: 100% }
.track-ui { align-items: center; display: flex; flex-flow: column nowrap; height: auto; justify-content: center; padding: 2rem 6.25vw 0; pointer-events: none; width: 100vw; z-index: 5 }
@media only screen and (min-width:64em) { .track-ui { align-items: flex-start; height: 100vh; justify-content: flex-start; left: 6rem; padding: 0 6.25vw; position: fixed; top: 0; width: calc(100% - 6rem) } }
.track-ui__breadcrumb { align-self: flex-start; pointer-events: all; width: 50% }
@media only screen and (min-width:64em) { .track-ui__breadcrumb { left: calc(6.25vw + 6rem); position: fixed; top: 4rem; width: auto } }
/* ── xmind-style page entry load animation (global) ── */
.page-header .main-header__content__title, .main-header__content__title { opacity: 1; transform: none; filter: none; transition: none; }
.page-header .img-zoom { opacity: 1; transform: none; filter: none; transition: none; }
body.is-loaded .page-header .main-header__content__title, body.is-loaded .main-header__content__title { opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important; }
body.is-loaded .page-header .img-zoom { opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important; }
[data-scroll] { opacity: 0; transform: translateY(50px); transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); transition-delay: 0.1s; }
[data-scroll="in"], [data-scroll].is-revealed { opacity: 1 !important; transform: translateY(0) !important; }
/* Button-Container nie durch data-scroll verstecken */
.btn-container[data-scroll], .cta-row[data-scroll], .karate-buttons[data-scroll] { opacity: 1 !important; transform: none !important; }