/* cmsms stylesheet: 01_Resets modified: Sonntag, 17. Mai 2026 22:28:57 */
/* Box sizing */*, *::before, *::after { box-sizing: border-box; }/* Remove default margins */body, h1, h2, h3, h4, p,figure, blockquote, dl, dd {margin: 0;}/* Core body defaults */html:focus-within { scroll-behavior: smooth; }html { -webkit-text-size-adjust: 100%; }body {min-height: 100vh;text-rendering: optimizeLegibility;line-height: 1.5;}/* Media defaults */img, picture, svg,canvas, video {display: block;max-width: 100%;height: auto;}/* Form controls inherit typography */input, button,textarea, select {font: inherit;}/* Avoid text overflows */p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }/* Better list handling only when used as lists with classes/roles */ul[role="list"], ol[role="list"] {list-style: none;margin: 0;padding: 0;}/* Anchor defaults */a:not([class]) { text-decoration-skip-ink: auto; }/* Textarea usability */textarea:not([rows]) { min-height: 10em; }/* Respect reduced motion */@media (prefers-reduced-motion: reduce) {html:focus-within { scroll-behavior: auto; }*, *::before, *::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;}}/* cmsms stylesheet: 03_Header modified: Sonntag, 17. Mai 2026 23:01:13 */
body > header {position: relative;background: #fff;border-bottom: .25rem solid rgb(106 13 173);}@media (min-width: 62em ) {body > header { position: fixed; width: 100%; z-index: 7; }}#top-bar {position: relative;width: 100%; height: 80px;max-width: 72rem;margin: 0 auto;padding: 0 1.5rem;-webkit-transition: .3s; transition: .3s;}#top-bar img {position: absolute;height: 40px; width: auto;top: 50%; left: 1rem;clip: rect(0px,42px,42px,0px);-webkit-transform: translateY(-50%); transform: translateY(-50%);-webkit-transition: .3s; transition: .3s;}@media (min-width: 20em ) {#top-bar img { clip: rect(0px,200px,60px,0px); }}@media (min-width: 32em ) {#top-bar img { height: 60px; left: 1.25rem; }#top-bar { height: 100px; }}@media (min-width: 62em ) {#top-bar { height: 140px; }#top-bar img { height: 70px; left: 2rem; clip: rect(0px,350px,100px,0px); }}header nav {position: relative;display: block;background: rgb(51 51 51);z-index: -1;}header nav > ul {max-height: 0; opacity: 0;-webkit-transition: max-height .2s .2s, opacity .4s; transition: max-height .2s .2s, opacity .4s;}header  nav ul li {position: relative;display: block;border: 0 solid rgba(255, 255, 255, .2);}header  nav ul li:hover { background: rgba(0,0,0,.1); }header nav ul li a, nav ul .sectionheader span {color: white;font-size: 1rem;padding: 1rem;display: flex;text-decoration: none;justify-content: space-between;}header  nav > ul > li > a, nav > ul > .sectionheader > span { text-transform: uppercase; }.sectionheader:hover { cursor: default; }header nav ul ul {width: 0;border-width: 1px 0 0;visibility: hidden;opacity: 0;transition: visibility .25s, opacity .25s ease-in-out;}header nav ul ul li { visibility: hidden; padding-left: 1.5rem; }header nav ul ul ul {width: 0;border-width: 1px 0 0;visibility: hidden;opacity: 0;transition: visibility .25s, opacity .25s ease-in-out;}header nav input { display: none; }.dropdown-icon {position: absolute;top: 0; right: 0;width: 70px; height: 70px;line-height: 0;border-left: 1px solid rgba(255,255,255,.2);}.dropdown-icon i {position: absolute;top: 25px; right: 20px;width: 32px; height: 19px;-webkit-transition: .3s; transition: .3s;}.dropdown-icon i:before, .dropdown-icon i:after {position: absolute;left: 15px;content: '';height: 19px;width: 2px;background-color: #ddd;-webkit-transition: .3s; transition: .3s;}.dropdown-icon i:after { transform: rotate(90deg); }#nav-cb { display: none; }#nav-icon {position: absolute;display: inline-block;top: 40px; right: 3.5rem; right: 1rem;width: 40px; height: 40px;padding-top: .5rem;-webkit-transform: translateY(-50%); transform: translateY(-50%);background: rgba(0,0,0,.15);border-radius: .3rem;cursor: pointer;-webkit-transition: .3s; transition: .3s;}#nav-icon span {position: absolute;left: 0; top: 9px;display: block;width: 70%;left: 15%;height: 5px;    ;background: #fff;border-radius: 8px;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .3s; transition: .3s;opacity: 1;}#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 18px; }#nav-icon span:nth-child(4) { top: 27px; }#nav-cb:checked + #nav-icon { background: rgba(0,0,0,.15); }#nav-cb:checked + #nav-icon span:nth-child(1),#nav-cb:checked + #nav-icon span:nth-child(4) { top: 14px; left: 50%; width: 0; }#nav-cb:checked + #nav-icon span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }#nav-cb:checked + #nav-icon span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }#nav-cb:checked ~ nav { opacity: 1; z-index: 1; }#nav-cb:checked ~ nav > ul { max-height: 55rem; opacity: 1; transition: max-height .4s, opacity .2s .2s; }@media (min-width: 32em) {#nav-icon { width: 60px; height: 60px; }#nav-icon span { top: 14px; }#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 27px; }#nav-icon span:nth-child(4) { top: 40px; }}@media (max-width: 62em) {nav > ul { overflow-y: hidden; }#nav-dropdown-2:checked ~ ul, #nav-dropdown-2:checked ~ ul li,#nav-dropdown-3:checked ~ ul, #nav-dropdown-3:checked ~ ul li {max-height: 32rem;width: auto;opacity: 1;visibility: visible;-webkit-transition: .3s; transition: .3s;}header nav ul li { border-bottom-width: 1px; }header nav ul ul { max-height: 0; }header nav ul li ul li { border-width: 1px 0 0 0; }header nav ul li ul li:not(:first-child) { border-color: rgba(255,255,255,.1); }header nav ul ul ul li { padding-left: 3rem; margin-left: -1.5rem; }#nav-dropdown-2:checked ~ .dropdown-icon i:before,#nav-dropdown-3:checked ~ .dropdown-icon i:before { transform: rotate(135deg); }#nav-dropdown-2:checked ~ .dropdown-icon i:after,#nav-dropdown-3:checked ~ .dropdown-icon i:after { transform: rotate(225deg); }}@media (min-width: 32em) { #nav-icon { top: 50px; } }@media (min-width: 62em) {#nav-icon, label.dropdown-icon { display: none; }header nav {position: absolute;top: 50%; right: 1rem;height: 3.5rem;display: inline-block;-webkit-transform: translateY(-50%); transform: translateY(-50%);background: transparent;opacity: 1;z-index: 20;}header nav > ul {height: auto;height: 100%;max-height: initial;opacity: 1;}header nav > ul > li {position: relative;height: 100%;height: 3.5rem;width: 11rem;display: inline-block;border: none;line-height: 1.6;-webkit-transition: .3s; transition: .3s;}header nav > ul > li:hover, nav > ul > li:focus, nav > ul > .focused { background: rgb(106 13 173); }header nav > ul > li > a, nav > ul > .sectionheader > span {position: absolute;top: 50%; left: 50%;width: 100%;display: block;padding: 0;color: rgb(106 13 173);font-size: 1.1rem;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);display: flex;justify-content: center;flex-direction: column;}header nav > ul > li > a, nav > ul > .sectionheader > span {height: 100%;font-weight: 700;text-align: center;}header nav > ul > li:hover > a, nav > ul > .sectionheader:hover > span,header nav > ul > li:focus > a, nav > ul > .sectionheader:focus > span,header nav > ul > .focused > a, nav > ul > .focused > span {color: #fff;visibility: visible;}header nav ul ul {position: absolute;min-width: 100%;margin-top: 3.5rem;border: 3px solid rgb(106 13 173);border-top: 0;background: white;-webkit-transition: .3s; transition: .3s;}header nav ul ul li { padding: 0; }header nav > ul > li:hover > ul,header nav > ul > li:active > ul,header nav > ul > li:focus > ul,header nav ul .focused ul {padding: 1rem 0;background: white;box-shadow: 0 1rem 2rem rgba(0,0,0,.75);visibility: visible;opacity: 1;}header nav > ul > li:hover > ul li,header nav > ul > li:active > ul li,header nav > ul > li:focus > ul li,header nav ul .focused ul li {visibility: visible;}header nav ul ul li a, nav ul ul .sectionheader span {display: block;padding: .5rem 0;color: rgb(106 13 173);font-size: 1rem;font-weight: 500;text-align: center;}header nav ul ul .sectionheader span { text-transform: uppercase; }header nav ul ul li a:hover {color: white;background: rgb(106 13 173);}header nav ul ul ul {position: absolute;top: 0;min-width: 100%;margin: 0 0 0 12.6rem;border: 1px solid rgb(106 13 173);border-left: 0;background: white;-webkit-transition: .3s; transition: .3s;z-index: -1;}header nav ul ul ul li { padding: 0; }header nav > ul ul > li:hover > ul,header nav > ul ul > li:active > ul,header nav > ul ul > li:focus > ul,header nav ul ul .focused ul {padding: 1rem 0;padding: 0;background: white;box-shadow: 0 1rem 2rem rgba(0,0,0,.75);visibility: visible;opacity: 1;z-index: 1;}header nav > ul ul > li:hover > ul li,header nav > ul ul > li:active > ul li,header nav > ul ul > li:focus > ul li,header nav ul ul .focused ul li {visibility: visible;}header nav ul ul ul li a {display: block;padding: .5rem 0;color: rgb(51 51 51);font-size: 1rem;font-weight: 500;text-align: center;}header nav ul ul ul li a:hover {color: white;background: rgb(106 13 173);}.currentpage, .activeparent, .activeparent.sectionheader span { color: rgb(106 13 173); }.currentpage { font-weight: 700; }}@media (min-width: 80em) {header nav > ul > li { width: 13rem; }header nav > ul > li > a, header nav > ul > .sectionheader > span { font-size: 1.2rem; }header nav ul ul li a, header nav ul ul .sectionheader span { font-size: 1.1rem; }}
/* cmsms stylesheet: 05_Content modified: Sonntag, 17. Mai 2026 20:33:02 */
main {
    max-width: 72rem;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

section .block-two {
    position: relative;
    left: -50%;
    width: 200%;
    background: rgba(157, 78, 221, .15);
}

section .block-two div {
    position: relative;
    max-width: 50%;
    left: 25%;
    margin: 3rem 0;
    padding: .5rem 0;
}
    

.two-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.two-columns > div {
    position: relative;
    display: inline-block;
    vertical-align: top;
}


/* ----- Glass Card ----- */
.glass-card {
    backdrop-filter: blur(6px);
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    padding: 2rem;
    margin-bottom: 1.5rem;
    transition: .3s;
}

.glass-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transform: translateY(-4px);
}

.glass-card-cta {
    padding: 3rem;
    text-align: center;
}


/* ----- Contact ----- */
.contact-icon-bg {
    display: flex;
    margin-right: 1rem;
    padding: .75rem;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgb(106 13 173);
    border-radius: 9999px;
    background-color: rgb(208 170 232);
}

.contact-item {
    display: flex;
    gap: 1;
    align-items: center;
    margin-bottom: 1rem;
}
.contact-item a {
    color: rgb(106 13 173);
}


/* ----- Trace Items ----- */
.traces-list {
    margin-bottom: 3rem;
}

.trace-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: .75rem;
}

.trace-icon {
    padding: .75rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.trace-icon-post {
    background-color: #6a0dad;
    color: #ffffff;
}

.trace-icon-thought {
    background-color: #d0aae8;
    color: #6a0dad;
}

.trace-icon-snippet {
    background-color: rgba(157, 78, 221, 0.2);
    color: #9d4edd;
}

.trace-meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.trace-cat {
    color: #aaa; font-size: 1.2rem;
    /*text-transform: uppercase;*/
}

.trace-author {
    color: #aaa; font-size: 1.2rem;
}

.trace-date {
    font-size: .85rem;
    color: rgb(51 51 51);
}

.meta-dot {
    font-size: 0.75rem;
    color: rgb(51 51 51);
}

.trace-spur {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background-color: rgba(180, 25, 25, 0.1);
    color: rgb(180 25 25);
}

/*.trace-content {
    padding-left: 3.5rem;
}*/

/*.trace-title {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
    color: #6a0dad;
}*/

/*.trace-text {
    color: #333333;
    line-height: 1.75;
}*/

.trace-quote {
    font-size: 1.125rem;
    font-style: italic;
}




/* ACCORDION */
.accordion { border-top: 1px solid rgb(51 51 51); }

.accordion__summary {
    position: relative;
    padding: 1rem 2rem 1rem 0;
    cursor: pointer;
    list-style: none;
}

.accordion.detail_more { border: none; }

.accordion.detail_more .accordion__summary { color: rgb(106 13 173); }

.accordion.detail_more .accordion__summary::after {
    content: "";
    position: absolute;
    top: 53%;
    left: 5.25rem;
    width: 0.55rem;
    height: 0.55rem;
    border-left: 0.12rem solid currentColor;
    border-bottom: 0.12rem solid currentColor;
    transform: translateY(-60%) rotate(-135deg);
    transition: transform 0.2s ease;
}

.accordion.detail_more[open] .accordion__summary::after {
    transform: translateY(-70%) rotate(-45deg);
}

.accordion.transparency * { font-size: .9rem; }
.accordion.transparency p { line-height: 1.2; margin-bottom: .5rem; }

.accordion__summary::-webkit-details-marker { display: none; }

.accordion.transparency .accordion__summary { padding-left: 1.5rem; }

.accordion.transparency .accordion__summary::after { /* Triangle */
    content: "";
    position: absolute;
    top: 50%;
    left: 0.25rem;
    width: 0;
    height: 0;
    border-top: 0.3rem solid transparent;
    border-bottom: 0.3rem solid transparent;
    border-left: 0.45rem solid currentColor;
    transform: translateY(-50%);
    transform-origin: 35% 50%;
    transition: transform 0.2s ease;
}

.accordion.transparency .accordion[open] .accordion__summary::after {
    transform: translateY(-50%) rotate(90deg);
}

.accordion.transparency .accordion__content {
    padding-left: 1rem;
    border-left: 1px solid #333;
    margin-left: .35rem;
}


/* TEAM OVERVIEW */

.team-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.team-member { position: relative; overflow: hidden; }

.team-member a {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(to top, #6a0dad 10%, transparent 40%);
    opacity: .5;
}

.team-member img { -webkit-transition: .3s; transition: .3s; }

.team-member:hover img, .team-member:focus img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.team-member h3 {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: block;
    margin: 0;
    padding: 1rem .5rem;
    color: #fff;
    text-align: center;
    border-top: 1px solid #fff;
    background-color: rgba(255,255,255,.3);
    -webkit-backdrop-filter: blur(6px);
         --tw-backdrop-blur: blur(6px);
            backdrop-filter: blur(6px);
    z-index: 1;
}


@media (min-width: 60em) {
    .team-overview { grid-template-columns: repeat(3, 1fr); }
}



/* TEAM DETAIL */
.team-detail { 
    position: relative;
    top: -30rem;
}

.team-detail-header {
    position: relative;
    z-index: 3;
}

.team-detail-header > div { position: relative; }

.team-detail-main-pic img { border-radius: .5rem; }


.team-detail-header .team-detail-email {
    display: flex;
    color: rgb(106 13 173);
}
    
.team-detail-header .team-detail-email svg { display: inline; margin-right: .75rem; }

.team-detail-header .team-detail-email a { position: relative; top: -.4rem; }

.team-detail .zugang {
    position: relative;
    left: -50%;
    width: 200%;
    background: rgba(157, 78, 221, .15);
}

.team-detail .zugang > div {
    position: relative;
    max-width: 50%;
    left: 25%;
    margin: 3rem 0;
    padding: .5rem 0;
}


.team-detail .about-me blockquote {
    position: relative;
    margin: 0;
    margin: 2rem -1rem 0 -1rem;
    padding: .5rem 0 .5rem 1rem;
    border-left: 4px solid rgb(180 25 25);
}


@media (min-width: 60em) {
    .team-detail-header {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
    .team-detail-header-info {
        bottom: 4rem;
        margin-left: 10%;
        align-self: end;
        z-index: 2;
    }
    .team-detail-main-pic {
        margin-left: -10%;
        z-index: 1;
    }
    .team-detail .about-me blockquote {
        margin: 4rem 0 2rem 7rem;
        padding: 1rem 2rem 1rem 1rem;
    }
    .team-detail .about-me blockquote:before {
        content: "\201C";
        position: absolute;
        top: -5rem;
        left: -7rem;
        color: rgba(215, 215, 220, 1);
        font-family: 'Georgia', 'Calibri', 'Arial', sans-serif;
        font-size: 12rem;
        opacity: .75;
    }
}
/* cmsms stylesheet: 06_Form modified: Dienstag, 31. März 2026 00:39:35 */
#contact-form {
    
}

form#contact-form input,
form#contact-form textarea,
form#contact-form select {
    width: 100%;
    max-width: 100%;
    display: block;
    padding: .25rem .5rem;
    background: rgba(0, 76, 153, .075);
    border: 1px solid #ccc;
    border-radius: .5rem;
    color: #444;
    font-size: 1rem;
    -webkit-transition: .3s;
    transition: .3s;
}

form#contact-form button {
    display: flex;
    margin: 1rem 0;
    padding: .5rem 1rem;
    color: #fff;
    background-color: rgb(106 13 173);
    border-radius: .25rem;
    cursor: pointer;
}

form#contact-form button svg {
    position: relative;
    margin: .2rem .75rem 0 0;
}

form#contact-form button * {
    display: inline;
}
/* cmsms stylesheet: 07_Footer modified: Mittwoch, 18. März 2026 20:15:08 */
/* ----- Footer ----- */
.footer {
    position: relative;
    z-index: 10;
    border-top: 1px solid rgba(106, 13, 173, 0.2);
    margin-top: 4rem;
}

.footer-container {
    max-width: 72rem;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.footer-copyright {
    font-size: 0.875rem;
    color: #666666;
}

.footer-nav {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.footer-link {
    font-size: 0.875rem;
    color: #666666;
    transition: color 0.3s;
}

.footer-link:hover {
    color: #6a0dad;
}