html{scroll-behavior:smooth}section{padding:0;margin:0;overflow:hidden}h1{font-size:60px;font-weight:100;color:bisque;padding-top:30px;padding-bottom:30px}h2{font-size:48px;font-weight:100;color:bisque}h1,h2,h3{text-align:center}ul{list-style-type:none;padding:0}body{margin:0;font-family:Helvetica,sans-serif;background-color:#181818;color:#181818}.page-flex-container{display:flex;flex-direction:column;align-items:center}.page-container{max-width:800px}p{font-weight:100}a{color:bisque;text-decoration:none;font-weight:700}.header{position:fixed;top:0;width:100%;margin:auto;z-index:9999;border-bottom:1px solid bisque;background-color:rgba(24,24,24,.9);display:flex;flex-direction:column;align-items:center;justify-content:center}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer .navigation{background-color:rgba(24,24,24,.9)}.navigation{width:100%;max-width:800px;height:3.5rem;display:flex;align-items:center}.navigation .navigation-entries-container{display:flex;list-style-type:none;padding:0;margin:0;width:100%;height:100%}.navigation .navigation-entry{list-style-type:none;flex-basis:100%;text-align:center}.navigation .navigation-link{height:100%;display:flex;justify-content:center;align-items:center;gap:20px;color:bisque;font-weight:700;text-decoration:none}@media (max-width:767px){.navigation .navigation-bezeichnung{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}.navigation .navigation-icon{width:24px;height:24px}.navigation .isActive{background:linear-gradient(90deg,bisque,#181818);background-size:400% 400%;-webkit-animation:AnimationName 5s ease infinite;animation:AnimationName 5s ease infinite}@-webkit-keyframes AnimationName{0%{background-position:14% 0}50%{background-position:87% 100%}100%{background-position:14% 0}}@keyframes AnimationName{0%{background-position:14% 0}50%{background-position:87% 100%}100%{background-position:14% 0}}@-webkit-keyframes initScale{0%{transform:scale(5)}100%{transform:scale(1)}}@keyframes initScale{0%{transform:scale(5)}100%{transform:scale(1)}}.welcome{position:fixed;width:100%;margin:auto;background-image:url(/img/burg_sw.JPG);background-size:cover;height:100vh;z-index:-2;top:0;color:#8e4a49;filter:blur(5px)}.welcome-ueberschrift-container{position:fixed;width:100%;margin:auto;height:100vh;z-index:-1;top:0;color:#8e4a49;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-ueberschrift-container h1{margin:0;background-color:rgba(142,74,73,.8);width:100%}.initialAnimation{-webkit-animation-name:initScale;animation-name:initScale;-webkit-animation-duration:.5s;animation-duration:.5s}.distance-top{padding-bottom:100vh;width:100%}.layout-1-res{display:flex;flex-direction:column;background-color:transparent;color:#000;align-items:center;min-height:100vh}.uebermich{width:100%;color:#181818;background:linear-gradient(0deg,#e8e9eb 17%,rgba(232,233,235,.1) 63%)}.uebermich .uebermich-header{height:100vh;width:100%;max-width:800px;background-color:transparent;position:-webkit-sticky;position:sticky;top:0}.uebermich .uebermich-header h2{color:bisque;margin:0;margin-block:0;margin-top:calc(4 * 3.5rem);font-weight:100}.uebermich .uebermich-header .background-image{width:100%;height:100%;background:url(/img/icons/uebermich.svg);background-size:30vw 30vh;background-repeat:no-repeat;background-position:50% 50%;background-color:#181818;display:flex;align-items:flex-start;justify-content:center}@media screen and (orientation:landscape) and (max-width:800px){.uebermich .uebermich-header h2{color:bisque;margin:0;margin-block:0;margin-top:calc(1.5 * 3.5rem);font-weight:100}.uebermich .uebermich-header .background-image{width:100%;height:100%;background:url(/img/icons/uebermich.svg);background-size:30vw 30vh;background-repeat:no-repeat;background-position:50% calc(50% + (1 * 3.5rem));background-color:#181818;display:flex;align-items:flex-start;justify-content:center}}.uebermich .uebermich-text-container{background-color:rgba(142,74,73,.8);color:#e8e9eb;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.uebermich .uebermich-text-container .uebermich-text:last-child{margin-bottom:0}.uebermich .uebermich-text{padding:1.5em;text-align:left}.uebermich .uebermich-text p:first-child{border-top:solid 1px;margin-top:0;padding-top:1.5em}.uebermich .uebermich-text p:last-child{border-bottom:solid 1px;margin-bottom:0;padding-bottom:1.5em}.leistungen{width:100%;background:linear-gradient(0deg,#e8e9eb 17%,rgba(232,233,235,.1) 63%)}.leistungen .leistungen-header{height:100vh;width:100%;max-width:800px;background-color:transparent;position:-webkit-sticky;position:sticky;top:0}.leistungen .leistungen-header h2{color:bisque;margin:0;margin-block:0;margin-top:calc(4 * 3.5rem);font-weight:100}.leistungen .leistungen-header .background-image{width:100%;height:100%;background:url(/img/icons/leistungen.svg);background-size:30vw 30vh;background-repeat:no-repeat;background-position:50% 50%;background-color:#181818;display:flex;align-items:flex-start;justify-content:center}@media screen and (orientation:landscape) and (max-width:800px){.leistungen .leistungen-header h2{color:bisque;margin:0;margin-block:0;margin-top:calc(1.5 * 3.5rem);font-weight:100}.leistungen .leistungen-header .background-image{width:100%;height:100%;background:url(/img/icons/leistungen.svg);background-size:30vw 30vh;background-repeat:no-repeat;background-position:50% calc(50% + (1 * 3.5rem));background-color:#181818;display:flex;align-items:flex-start;justify-content:center}}.leistungen .leistungen-container{background-color:rgba(142,74,73,.8);color:#e8e9eb;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.leistungen .leistungen-text{padding:1.5em;text-align:left;margin-top:45px}.leistungen .leistungen-text p:first-child{border-top:solid 1px;margin-top:0;padding-top:1.5em}.leistungen .leistungen-text p:last-child{border-bottom:solid 1px;margin-bottom:0;padding-bottom:1.5em}.projekte{--details-transition-time:500ms;color:#e8e9eb;background:linear-gradient(0deg,#e8e9eb 17%,rgba(232,233,235,.1) 63%);text-align:left}@-webkit-keyframes slideDown{0%{height:0}100%{height:var(--details-height-open, "100%")}}@keyframes slideDown{0%{height:0}100%{height:var(--details-height-open, "100%")}}.projekte .projekte-header{height:100vh;width:100%;max-width:800px;background-color:transparent;position:-webkit-sticky;position:sticky;top:0}.projekte .projekte-header h2{color:bisque;margin:0;margin-block:0;margin-top:calc(4 * 3.5rem);font-weight:100}.projekte .projekte-header .background-image{width:100%;height:100%;background:url(/img/icons/projekte.svg);background-size:30vw 30vh;background-repeat:no-repeat;background-position:50% 50%;background-color:#181818;display:flex;align-items:flex-start;justify-content:center}@media screen and (orientation:landscape) and (max-width:800px){.projekte .projekte-header h2{color:bisque;margin:0;margin-block:0;margin-top:calc(1.5 * 3.5rem);font-weight:100}.projekte .projekte-header .background-image{width:100%;height:100%;background:url(/img/icons/projekte.svg);background-size:30vw 30vh;background-repeat:no-repeat;background-position:50% calc(50% + (1 * 3.5rem));background-color:#181818;display:flex;align-items:flex-start;justify-content:center}}.projekte .projekte-container{margin-top:25px;padding-top:16px}.projekte details{overflow:hidden;background-color:rgba(24,24,24,.8);margin-bottom:3px;transition:height linear var(--details-transition-time,0);height:80px;overflow:hidden}.projekte details.is--open{height:var(--details-height-open,auto)}.projekte .projekt-details-summary{display:flex;align-items:center;padding-left:1.5em;padding-right:1.5em}.projekte .projekt-details-summary-header{flex-basis:90%}.projekte .projekt-details-summary-button{flex-basis:10%;display:flex;align-items:center;justify-content:flex-end}.projekte .projekt-details-summary-button-wrapper{border:1px solid bisque;box-shadow:1px 2px 17px 1px rgba(255,228,196,.77);border-radius:10px}.projekte .projekt-details-summary-button-wrapper.isDisabled{box-shadow:none;border-color:transparent}.projekte summary{position:relative;height:var(--details-height-closed);overflow:hidden}.projekte button{padding:20px;cursor:pointer;background-color:transparent;margin:0;height:24px;width:24px;border-style:none;background-image:url(/img/icons/pfeil_unten.svg);background-size:24px 24px;background-repeat:no-repeat;background-position:50% 50%;transition:transform var(--details-transition-time,0) linear;transform:scaleY(1)}.projekte button.scale{transition:transform var(--details-transition-time,0) linear;transform:scaleY(-1)}.projekte button:focus{outline:0;outline:none -webkit-focus-ring-color}.projekte details dl{background-color:rgba(142,74,73,.8);height:auto;overflow:hidden}.projekte details summary{list-style:none}.projekte details summary h3{width:calc(100% - (.5 * 1.5em));font-weight:100;text-align:left;color:bisque;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.projekte details summary:focus{outline:0}.projekte details summary::-webkit-details-marker{display:none}.projekte dl{margin:0;padding-bottom:.5em;font-weight:100}.projekte dt{margin:.5em;color:bisque}.projekte dd{margin:0;padding-left:1.5em}.projekte .projekt-app{display:flex;flex-direction:column;flex-basis:100%}.kontakt{min-height:100vh;width:100%;background:linear-gradient(0deg,#e8e9eb 17%,rgba(232,233,235,.1) 63%)}.kontakt .kontakt-header{height:100vh;width:100%;max-width:800px;background-color:transparent;position:-webkit-sticky;position:sticky;top:0}.kontakt .kontakt-header h2{color:bisque;margin:0;margin-block:0;margin-top:calc(4 * 3.5rem);font-weight:100}.kontakt .kontakt-header .background-image{width:100%;height:100%;background:url(/img/icons/kontakt.svg);background-size:30vw 30vh;background-repeat:no-repeat;background-position:50% 50%;background-color:#181818;display:flex;align-items:flex-start;justify-content:center}@media screen and (orientation:landscape) and (max-width:800px){.kontakt .kontakt-header h2{color:bisque;margin:0;margin-block:0;margin-top:calc(1.5 * 3.5rem);font-weight:100}.kontakt .kontakt-header .background-image{width:100%;height:100%;background:url(/img/icons/kontakt.svg);background-size:30vw 30vh;background-repeat:no-repeat;background-position:50% calc(50% + (1 * 3.5rem));background-color:#181818;display:flex;align-items:flex-start;justify-content:center}}.kontakt .kontakt-container{background-color:rgba(142,74,73,.8);color:#e8e9eb;width:100%;min-height:calc(100vh - 3.5rem);display:flex;align-items:center}.kontakt .kontakt-formular-container{display:flex;justify-content:center;width:100%;height:100%;margin-top:3.5rem}.kontakt .kontakt-formular-list-item{padding:5px}.kontakt .kontakt-formular{width:100%;padding:1.5em;display:flex;flex-direction:column;margin-top:16px}.kontakt .kontakt-formular-label{font-weight:100;font-family:inherit}.kontakt .kontakt-formular-input{background-color:rgba(142,74,73,.8);color:#e8e9eb;height:2rem;margin-top:.5rem;width:calc(100% - 30px);border-style:none;padding-left:30px;padding-right:0;font-weight:100;border-radius:0;font-family:inherit}.kontakt .kontakt-formular-textarea{background-color:rgba(142,74,73,.8);color:#e8e9eb;height:20vh;margin-top:.5rem;resize:none;width:calc(100% - 60px);border-style:none;font-weight:100;padding:30px;border-radius:0;font-family:inherit}.kontakt .kontakt-formular-input:focus-visible,.kontakt .kontakt-formular-input:focus-visible:focus,.kontakt .kontakt-formular-textarea:focus,.kontakt .kontakt-formular-textarea:focus-visible{outline:1px solid bisque}.kontakt .kontakt-formular-submit{border-style:none;border-radius:0;height:2rem;font-weight:100;cursor:pointer}.impressum{display:flex;flex-direction:column;align-items:center;justify-content:center}.impressum .impressum-content{padding:1.5em;background-color:rgba(142,74,73,.8);color:#e8e9eb;max-width:800px;min-height:100vh}.datenschutz{display:flex;flex-direction:column;align-items:center;justify-content:center}.datenschutz .datenschutz-content{background-color:rgba(142,74,73,.8);color:#e8e9eb;padding:1.5em;max-width:800px}html{scroll-behavior:smooth}section{padding:0;margin:0;overflow:hidden}