@charset "UTF-8";

body {
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    height: 100dvh;
}
.uk-section {
    scroll-snap-align: start;
    scroll-snap-stop: always;
}
.uk-heading-2xlarge {
    line-height: 1.27;
}
@media (max-width: 800px) {
   .uk-heading-2xlarge {
       font-size: 3.7rem;
   }
}
@media (max-width: 450px) {
   .uk-heading-2xlarge {
       font-size: 2.8rem;
   }
}
.uk-navbar-toggle:focus,
.uk-navbar-toggle:focus-visible {
    outline: none !important;
}
.uk-nav-default {
	padding-left: 10px;
}
.uk-height-viewport {
    min-height: 100dvh !important;
}
/**************/
.fullscreen-slideshow-section {
    position: relative;
}
.fullscreen-slideshow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.fullscreen-slideshow .uk-slideshow-items {
    min-height: 100dvh !important;
}
.fullscreen-slideshow img[uk-cover] {
    object-fit: contain !important;
}
.fullscreen-slideshow .el-overlay.uk-panel {
    position: static;
}
.fullscreen-slideshow .el-content {
    position: absolute;
    left: 50px;
    bottom: 40px;
    width: auto;
    text-align: left;
    font-size: 13px;
    line-height: 1.5;
}
@media (max-width: 414px) {
	.fullscreen-slideshow .el-content {
		left: 20px;
	}
}
.cd-article-slideshow .cd-has-article-modal {
    cursor: pointer;
}
.cd-article-slideshow .cd-has-article-modal .el-overlay {
    cursor: default;
}
.cd-article-slideshow .cd-has-article-modal .el-overlay a {
    cursor: pointer;
}
.cd-intro-slideshow .el-item {
    background: #fff !important;
}
.cd-intro-slideshow .uk-position-cover {
    background: #fff !important;
}
.cd-intro-slideshow
.uk-slideshow-items > .el-item:first-child .el-image {
    position: absolute !important;
    width: min(900px, 65vw) !important;
    height: auto !important;
    max-width: none !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    object-fit: contain !important;
}

@media (min-width: 320px) and (max-width: 820px) {
    .cd-project-slideshow [uk-cover] {
        top: 15% !important;
    }
}
@media (max-width: 960px) {
    .cd-project-slideshow [uk-cover] {
        position: absolute !important;
        width: 187vw !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        object-fit: contain !important;
        object-position: top center !important;
    }
}
@media (max-width: 320px) and (max-height: 480px) {
    .cd-project-slideshow [uk-cover] {
        top: 0 !important;
    }
}

/**************/
h1, h2, h3, .uk-link,
.el-content a {
    color: #535353;
    text-decoration: none;
    font-weight: 600;
    background-image: linear-gradient(
        90deg,
        #e30713,
        #f39300,
        #9e1a17,
        #41a735,
        #6eb63f,
        #e5007c,
        #ed6ca5,
        #ce1617
    );
    background-size: 300% 100%;
    background-position: 100% 0;
    background-clip: text;
    -webkit-background-clip: text;
    transition: color .2s ease;
}
h1:hover, h2:hover, h3:hover, .uk-link:hover,
.el-content a:hover {
    color: transparent;
    animation: callas-colors 1.2s linear forwards;
}
/* Icons bleiben sichtbar */
.uk-link:hover .uk-icon,
.el-content a:hover .uk-icon {
    color: #888;
}
@keyframes callas-colors {
    from { background-position: 100% 0; }
    to   { background-position: 0% 0; }
}
@media (prefers-reduced-motion: reduce) {
    body {
        scroll-snap-type: none;
    }
    .uk-section {
        scroll-snap-stop: normal;
    }
    h1, h2, h3, .uk-link,
    .el-content a {
        transition: none;
    }
    h1:hover, h2:hover, h3:hover, .uk-link:hover,
    .el-content a:hover {
        animation: none;
        background-position: 0 0;
    }
}
.tm-section-title.uk-visible\@xl {
    display: none !important;
}
@media (min-width: 900px) {
    .tm-section-title.uk-visible\@xl {
        display: block !important;
    }
}
@media (min-width: 900px) and (max-width: 1499px) {
    .sectionTitle {
        padding-left: 80px;
        box-sizing: border-box;
    }
}
.uk-position-top-left {
    top: 40%;
    left: 0;
}
.tm-section-title>::before {
    top: -70px;
    left: calc(50% - (1px / 1));
    height: 58px;
    width: 1px;
}
.tm-section-title {
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.uk-navbar-toggle {
    position: fixed;
    top: 7px;
    right: 30px;
    color: #ff6e00;
}
/* Referenz-Modals */
.uk-modal.cd-article-reference-modal {
    padding: 0;
    background: rgba(28, 24, 26, 0.12);
}

.cd-article-reference-modal .uk-modal-dialog {
    width: 97vw;
    max-width: none;
    min-height: 0;
    height: 96dvh;
    max-height: 96dvh;
    margin: auto;
    padding: 0;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
    z-index: 1011;
}

.cd-modal-backdrop-close {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    z-index: 1010 !important;
}

.cd-article-reference-modal .cd-article-reference-panel {
    width: 100%;
    height: 100%;
    max-height: 96dvh;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.cd-article-reference-modal .cd-article-reference-panel > .uk-grid {
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.cd-article-reference-modal .cd-article-reference-panel > .uk-grid > .uk-width-1-2\@m:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cd-article-reference-modal .refMedia {
    height: fit-content;
}

@media (min-width: 960px) {
    .cd-article-reference-modal .refMedia {
        align-self: center;
    }
}

.cd-article-reference-modal .refLogo {
    text-align: center;
}

.cd-article-reference-modal .refLogo .el-image {
    width: 60%;
    max-width: 60%;
    height: auto;
}

.cd-article-reference-modal .uk-modal-close-default svg line {
    stroke-width: 2.5;
}

.cd-article-reference-modal .uk-modal-close-default:not(.cd-modal-backdrop-close) {
    z-index: 1020;
}

.cd-team-article-modal .cd-team-template-modal-content {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.cd-team-article-modal .large-reference-content {
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.cd-team-article-modal .large-reference-content > .uk-container {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    box-sizing: border-box;
}

/* Das Builder-Template gibt nach der Überschrift zwei Linien aus. */
.large-reference-content h3 + hr + hr {
    display: none;
}

.cd-team-article-modal .cd-team-article-modal-loading {
    min-height: 100%;
    padding: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #535353;
    text-align: center;
}

.cd-team-article-modal-trigger {
    cursor: pointer;
}

@media (max-width: 639px) {
    .uk-modal.cd-article-reference-modal {
        background: #fff;
    }

    .cd-article-reference-modal .uk-modal-dialog {
        width: 100vw;
        height: 100dvh;
        min-height: 100dvh;
        max-height: none;
        margin: 0;
        display: flex;
        align-items: center;
        box-shadow: none;
    }

    .cd-modal-backdrop-close {
        display: none;
    }

    .cd-article-reference-modal .cd-article-reference-panel {
        max-height: 100dvh;
    }
}
@media (max-width: 1024px) {
	.referenzen .el-title.uk-text-small,
	.referenzen .el-content.uk-text-meta p {
		font-size: 11px;
		line-height: 1.1;
	}
}