:selection{
background:#01070f;
color:#e6e6e7;
}
::-moz-selection{
background:#01070f;
color:#e6e6e7;
}
a{
text-decoration:none;
cursor:pointer;
}
a[href^="tel"]:link,
a[href^="tel"]:visited{
color:#01070f;
text-decoration:none;
}
a[href^="tel"]:hover,
a[href^="tel"]:active{
color:#01070f;
text-decoration:none;
}
a.nava:link,
a.nava:visited{
color:#01070f;
text-decoration:none;
transition:color 0.2s ease;
}
a.nava:hover,
a.nava.active{
color:#01070f;
transition:color 0.2s ease;
text-decoration:none;
}
a.navb:link,
a.navb:visited{
position:relative;
display:inline-block;
color:#01070f;
transition:color 0.2s ease;
text-decoration:none;
}
a.navb::before{
content:"";
position:absolute;
left:0;
bottom:2px;
width:100%;
height:1px;
background-color:#01070f;
opacity:0.2;
}
a.navb::after{
content:"";
position:absolute;
left:0;
bottom:2px;
width:100%;
height:1px;
background-color:#01070f;
transform:scaleX(0);
transform-origin:left center;
transition:transform 0.25s ease;
}
.h-st-j a[aria-current="page"],
.h-st-j a[aria-current="page"]:link,
.h-st-j a[aria-current="page"]:visited,
.h-st-j a[aria-current="page"]:hover,
.h-st-j a[aria-current="page"]:active{
color:#764291;
}
@font-face{
font-family:'Outfit';
font-style:normal;
font-weight:300;
font-display:swap;
src:url('../fonts/outfit-v11-latin-300.woff2') format('woff2');
}
@font-face{
font-family:'Outfit';
font-style:normal;
font-weight:400;
font-display:swap;
src:url('../fonts/outfit-v11-latin-regular.woff2') format('woff2');
}
@font-face{
font-family:'Outfit';
font-style:normal;
font-weight:500;
font-display:swap;
src:url('../fonts/outfit-v11-latin-500.woff2') format('woff2');
}
*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}
body{
font-family:'Outfit',sans-serif;
font-size:1.8125rem;
font-weight:500;
color:#01070f;
background:#e6e6e7;
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
}
.aus1{
display:none;
}
#einblicke{
scroll-margin-top:150px;
}
.foot-top{
display:none;
}
h1{
font-family:'Outfit',sans-serif;
font-size:39px;
font-weight:450;
line-height:39px;
}
h2{
font-size:29px;
font-weight:500;
font-family:'Outfit',sans-serif;
}
footer{
width:100%;
}
/* Anfang – Start Einblendung */
.start-einblendung{
display:none;
}
html.start-laden .start-einblendung{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:20000;
display:block;
background:#e6e6e7;
opacity:1;
visibility:visible;
pointer-events:auto;
transition:opacity 0.4s ease,visibility 0s linear 0.4s;
}
html.start-laden .h-st-g{
position:relative;
z-index:20001;
}
html.start-laden .start-einblendung.start-ausblenden{
opacity:0;
visibility:hidden;
pointer-events:none;
}
@media (prefers-reduced-motion:reduce){
html.start-laden .start-einblendung{
transition:none;
}
}
/* Ende – Start Einblendung */
.h-st-n{
position:relative;
width:100%;
height:auto;
}
.u-seite-a{
position:relative;
top:auto;
width:100%;
height:auto;
min-height:100svh;
display:flex;
flex-direction:column;
overflow:visible;
}
.h-st-b{
position:relative;
min-height:222px;
display:flex;
align-items:flex-start;
}
.h-st-b-a{
position:relative;
min-height:222px;
display:flex;
align-items:flex-start;
}
.h-st-c{
position:fixed;
top:46px;
left:40px;
z-index:1001;
display:block;
mix-blend-mode:difference;
transition:opacity 0.3s ease,visibility 0.3s ease;
}
.h-st-c img{
display:block;
width:150px;
height:auto;
max-width:100%;
filter:brightness(0) invert(1);
}
.h-st-d{
position:static;
opacity:1;
transition:opacity 0.4s ease;
}
.h-st-d.hinweis-weg{
opacity:0;
pointer-events:none;
}

.h-st-j{
position:fixed;
top:1.895em;
left:50%;
z-index:10000;
width:calc(100% - 2.105em);
max-width:21em;
display:flex;
justify-content:space-between;
align-items:center;
padding:0.947em 2.211em;
font-size:19px;
border-radius:999px;
box-sizing:border-box;
transform:translateX(-50%);
}
.h-st-j::before{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:rgba(1,7,15,0.2);
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px);
border-radius:999px;
transition:background 0.3s ease,border-color 0.3s ease;
}
.h-st-j.h-st-j-dunkel::before{
background:rgba(230,230,231,0.75);
}
.h-st-link{
position:relative;
z-index:1;
flex:0 0 auto;
font-size:1em;
font-weight:500;
line-height:1;
color:#01070f;
text-align:center;
text-decoration:none;
white-space:nowrap;
transition:color 0.3s ease;
}
.h-st-e{
position:fixed;
top:44px;
right:40px;
z-index:1001;
display:flex;
justify-content:flex-end;
align-items:center;
gap:0px;
mix-blend-mode:difference;
transition:opacity 0.3s ease,visibility 0.3s ease;
}
.h-st-e a{
display:flex;
align-items:center;
color:inherit;
text-decoration:none;
}
.h-st-e a:last-child{
margin-left:25px;
}
.h-st-icon-a{
display:block;
width:30px;
height:30px;
filter:brightness(0) invert(1);
}
.h-st-icon-b{
display:block;
width:40px;
height:40px;
filter:brightness(0) invert(1);
}
.h-st-link:focus-visible,
.h-st-e a:focus-visible,
.h-st-c:focus-visible{
outline:2px solid #01070f;
outline-offset:4px;
}
.h-st-c,
.h-st-e{
z-index:10001;
}
.h-st-f{
position:absolute;
top:180px;
left:50%;
width:max-content;
font-size:16px;
line-height:21px;
text-align:center;
color:#808387;
transform:translateX(-50%);
}
.u-seite-b{
flex:1;
min-height:0;
display:flex;
flex-direction:column;
}
.h-st-g{
display:flex;
justify-content:center;
text-align:center;
padding-top:120px;
padding-bottom:80px;
}
.h-st-h{
position:relative;
width:100%;
height:auto;
overflow:visible;
}
.h-st-l{
width:100%;
height:auto;
padding-top:clamp(40px,2vw,140px);
padding-bottom:clamp(80px,7vw,140px);
overflow:visible;
}
.h-st-m{
width:100%;
height:auto;
display:flex;
align-items:flex-start;
gap:0;
}
.h-st-i-wrap{
position:relative;
width:20%;
height:auto;
flex:0 0 20%;
margin:0;
padding:0;
opacity:1;
}
.js .h-st-i-wrap{
opacity:0;
will-change:transform,opacity;
}
.js .h-st-i-wrap.h-st-von-oben{
transform:translate3d(0,-18px,0);
}
.js .h-st-i-wrap.h-st-von-unten{
transform:translate3d(0,18px,0);
}
.js.start-bilder-animation .h-st-i-wrap{
animation:h-st-einschweben 1.1s ease forwards;
}
.js.start-bilder-animation .h-st-i-wrap:nth-child(2){
animation-delay:0.08s;
}
.js.start-bilder-animation .h-st-i-wrap:nth-child(3){
animation-delay:0.16s;
}
.js.start-bilder-animation .h-st-i-wrap:nth-child(4){
animation-delay:0.24s;
}
.js.start-bilder-animation .h-st-i-wrap:nth-child(5){
animation-delay:0.32s;
}
.h-st-i{
position:relative;
width:100%;
height:auto;
flex:none;
margin:0;
padding:0;
overflow:hidden;
background:rgba(1,7,15,0.08);
transform:translate3d(0,0,0);
will-change:transform;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
.h-st-i img{
display:block;
width:100%;
height:auto;
}
.js .h-st-i>img{
opacity:0;
filter:blur(18px) saturate(0.7);
-webkit-filter:blur(18px) saturate(0.7);
transform:scale(1.04);
transition:opacity 0.9s ease,filter 1.2s ease,-webkit-filter 1.2s ease,transform 1.2s ease;
}
.js .h-st-i>img.ist-geladen{
opacity:1;
filter:blur(0) saturate(1);
-webkit-filter:blur(0) saturate(1);
transform:scale(1);
}
@keyframes h-st-einschweben{
to{
opacity:1;
transform:translate3d(0,0,0);
}
}
@media (prefers-reduced-motion:reduce){
.h-st-i-wrap,
.js .h-st-i-wrap{
opacity:1;
transform:none;
animation:none!important;
}
.js .h-st-i>img{
opacity:1;
filter:none;
-webkit-filter:none;
transform:none;
transition:none;
}
}
.h-st-o{
transition:opacity 0.08s linear;
width:100%;
margin-top:5vw;
padding-bottom:120px;
}
.h-st-p{
width:100%;
display:flex;
justify-content:center;
padding-left:40px;
padding-right:40px;
}
.h-st-q{
width:100%;
max-width:min(18em,calc(100vw - 80px));
margin:0;
font-family:'Outfit',sans-serif;
font-size:49px;
font-weight:500;
line-height:1.2;
text-align:center;
}
.h-st-q .word{
display:inline-block;
white-space:nowrap;
}
.h-st-q .letter{
display:inline-block;
opacity:0;
transition:opacity 0.08s linear;
}
.h-st-q .letter.visible{
opacity:1;
}
.h-b-a{
width:100%;
}


.u-seite-a{
position:relative;
width:100%;
height:auto;
min-height:0;
overflow:visible;
}
.u-seite-b{
width:100%;
height:auto;
min-height:0;
display:block;
}

.h-b-b{
width:calc(100% - 80px);
max-width:1490px;
margin-left:auto;
margin-right:auto;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-items:stretch;
gap:100px 30px;
}
.h-b-c{
width:calc((100% - 90px) / 4);
max-width:none;
flex:0 0 calc((100% - 90px) / 4);
display:flex;
flex-direction:column;
align-items:flex-start;
}
.opac{
opacity:0.5;
transition:opacity 0.4s ease;
}
.opac:hover,
.opac:focus-within{
opacity:1;
}
@media (prefers-reduced-motion:reduce){
.opac{
transition:none;
}
}
.h-b-d{
position:relative;
display:block;
width:100%;
height:auto;
aspect-ratio:1 / 1;
object-fit:cover;
}
.h-b-e{
margin-top:1.724em;
margin-bottom:2.069em;
font-family:'Outfit',sans-serif;
font-size:inherit;
font-weight:500;
line-height:1.5;
}
.h-b-f{
width:100%;
max-width:6.053em;
min-height:2.316em;
margin-top:auto;
padding:0.526em 0.895em;
display:flex;
justify-content:space-between;
align-items:center;
box-sizing:border-box;
border:1px solid #01070f;
border-radius:999px;
color:inherit;
font-size:19px;
line-height:1;
}
.h-b-f span{
display:block;
}
.h-b-f img{
display:block;
width:13px;
height:10px;
flex:0 0 13px;
}
.h-b-g{
position:relative;
width:100%;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
color:#01070f;
text-decoration:none;
}
.h-b-neu{
position:absolute;
top:0;
left:0px;
z-index:2;
width:clamp(72px,7vw,100px);
height:clamp(72px,7vw,100px);
display:flex;
justify-content:center;
align-items:center;
border-radius:50%;
font-size:clamp(21px,2vw,29px);
font-weight:400;
line-height:1;
letter-spacing:0.12em;
color:#e6e6e7;
background:#764291;
transform:translateY(-50%);
}
.foot{
width:calc(100% - 80px);
max-width:1490px;
margin-top:7em;
margin-right:auto;
margin-bottom:2em;
margin-left:auto;
}
.footb{
width:49%;
margin-left:auto;
}
.footca{
position:relative;
display:block;
width:29.194520547945206%;
height:auto;
object-fit:cover;
clip-path:circle(50% at 50% 50%);
}
.foota{
width:100%;
margin-top:3.5em;
display:grid;
grid-template-columns:25% 1fr 49%;
grid-template-areas:
"text . kontakt"
". . zeiten";
}
.footd{
grid-area:text;
line-height:1.5;
}
.foote{
grid-area:kontakt;
font-size:2.034em;
line-height:1;
}
.footf,
.footg,
.footh{
width:100%;
}
.footg{
margin-top:0.65em;
opacity:0.6;
}
.footh{
margin-top:0.431em;
opacity:0.3;
}
.footl{
grid-area:zeiten;
margin-top:2.069em;
line-height:1.5;
}
.footi{
width:100%;
margin-top:10em;
display:flex;
justify-content:space-between;
align-items:flex-end;
}
.footj{
display:flex;
align-items:center;
gap:1.724em;
}
.footk{
width:17%;
}
.footk a,
.footk img{
display:block;
width:100%;
height:auto;
}
.blur-image{
display:block;
width:100%;
opacity:0;
-webkit-filter:blur(18px) saturate(0.7);
filter:blur(18px) saturate(0.7);
transform:scale(1.04);
transition:opacity 0.9s ease,-webkit-filter 1.2s ease,filter 1.2s ease,transform 1.2s ease;
position:relative;
z-index:1;
}
.footca.blur-image{
width:29.194520547945206%;
aspect-ratio:1/1;
border-radius:50%;
-webkit-clip-path:circle(50%);
clip-path:circle(50%);
object-fit:cover;
}
.blur-image.loaded{
opacity:1;
-webkit-filter:blur(0) saturate(1);
filter:blur(0) saturate(1);
transform:scale(1);
}

.swiper-slide a{
display:block;
overflow:hidden;
}
@media (prefers-reduced-motion:reduce){
.blur-image{
-webkit-filter:none;
filter:none;
transition:none;
}
.blur-image.loaded{
-webkit-filter:none;
filter:none;
transition:none;
}
}


.h-st-menu-button{
display:none;
}
.h-st-j .h-st-link.h-st-link-start{
display:none;
}

/* Profil */
.pro-a{
width:100%;
padding-left:40px;
padding-right:40px;
}
.pro-b{
width:100%;
max-width:1490px;
margin-left:auto;
margin-right:auto;
padding-bottom:100px;
}
.pro-c{
position:relative;
width:100%;
display:grid;
grid-template-columns:minmax(0,32.2147651007%) minmax(0,50%);
grid-template-rows:auto auto;
justify-content:space-between;
align-items:start;
column-gap:0;
}
.pro-d{
grid-column:2;
grid-row:1;
width:100%;
margin:0 0 75px 0;
font-size:49px;
font-weight:500;
line-height:1.2;
}
.pro-e{
grid-column:1;
grid-row:1 / 3;
width:100%;
max-width:480px;
overflow:hidden;
}
.pro-f{
display:block;
width:100%;
height:auto;
aspect-ratio:480 / 580;
object-fit:cover;
}
.pro-g{
grid-column:2;
grid-row:2;
width:100%;
max-width:745px;
font-size:29px;
font-weight:500;
line-height:1.5;
}
.pro-g p{
margin:0 0 40px 0;
}
.pro-g p:last-child{
margin-bottom:0;
}
.pro-h{
position:absolute;
left:0;
bottom:0;
width:100%;
max-width:480px;
display:flex;
flex-direction:column;
align-items:flex-start;
font-size:29px;
font-weight:500;
line-height:1.5;
}
.pro-i,
.pro-j,
.pro-k{
color:#01070f;
text-decoration:none;
}
.pro-j{
position:relative;
top:2px;
}
.pro-k{
display:inline-flex;
align-items:center;
gap:8px;
}
.pro-k img{
display:block;
width:21px;
height:21px;
flex: 0 0 30px;
margin-top: 7px;
}
.pro-l{
width:100%;
height:1px;
background:#bfc1c3;
margin-bottom: 100px;
}


/* Profil - Leistungen */
.pro-leist-a{
width:100%;
padding-left:40px;
padding-right:40px;
}
.pro-leist-b{
width:100%;
max-width:1490px;
margin-left:auto;
margin-right:auto;
padding-bottom:100px;
}
.pro-leist-c{
width:50%;
margin:0 0 100px 50%;
font-size:19px;
font-weight:500;
line-height:1.3;
text-align:left;
}
.pro-leist-d{
position:relative;
width:100%;
min-height:376px;
display:grid;
grid-template-columns:minmax(0,745px) minmax(0,745px);
grid-template-rows:repeat(4,94px);
align-items:stretch;
}
.pro-leist-h{
grid-column:2;
width:100%;
min-height:94px;
margin:0;
padding:24px 1px;
display:flex;
align-items:center;
border:0;
border-bottom:1px solid #bfc1c3;
border-radius:0;
font-family:inherit;
font-size:29px;
font-weight:500;
line-height:1.35;
text-align:left;
color:#929397;
background:transparent;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
transition:color .25s ease;
}
.pro-leist-h:nth-of-type(1){
grid-row:1;
}
.pro-leist-h:nth-of-type(2){
grid-row:2;
}
.pro-leist-h:nth-of-type(3){
grid-row:3;
}
.pro-leist-h:nth-of-type(4){
grid-row:4;
border-bottom:0;
}
.pro-leist-h:hover,
.pro-leist-h:focus-visible,
.pro-leist-h-aktiv{
color:#01070f;
}
.pro-leist-h:focus-visible{
outline:2px solid #01070f;
outline-offset:5px;
}
.pro-leist-f{
grid-column:1;
grid-row:1 / 5;
align-self:start;
width:100%;
padding:20px 75px 0 0;
font-size:29px;
font-weight:500;
line-height:1.55;
opacity:0;
visibility:hidden;
transform:translateY(10px);
pointer-events:none;
transition:opacity .25s ease,transform .25s ease;
}
.pro-leist-f-aktiv{
opacity:1;
visibility:visible;
transform:translateY(0);
pointer-events:auto;
}
.pro-leist-f-ausblenden{
opacity:0;
visibility:visible;
transform:translateY(-6px);
}
.pro-leist-f p{
margin:0;
}


/* Logos */
.pro-logo-a{
width:100%;
padding-left:40px;
padding-right:40px;
}
.pro-logo-b{
width:100%;
max-width:1490px;
margin-left:auto;
margin-right:auto;
padding-bottom:130px;
}
.pro-logo-d{
width:100%;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
gap:0;
list-style:none;
}
.pro-logo-e{
width:16.6666666667%;
min-height:150px;
margin:0;
padding:10px;
display:flex;
justify-content:center;
align-items:center;
}
.pro-logo-f{
display:block;
width:auto;
max-width:100%;
height:auto;
max-height:100%;
object-fit:contain;
}
.pro-logo-i{
width:100%;
max-width:520px;
margin-bottom:80px;
text-align:center;
margin-left:auto;
margin-right:auto;
padding-top:20px;
}




/* Projekte Übersicht */
.projekte-a{
width:100%;
padding-left:40px;
padding-right:40px;
}
.projekte-b{
width:100%;
max-width:1920px;
margin-left:auto;
margin-right:auto;
display:flex;
flex-wrap:wrap;
align-items:flex-start;
gap:90px 30px;
margin-bottom:100px;
}
.projekte-c{
width:calc((100% - 60px) / 3);
flex:0 0 calc((100% - 60px) / 3);
margin:0;
display:flex;
flex-direction:column;
}
.projekte-d{
display:block;
width:100%;
overflow:hidden;
}
a.projekte-d,
a.projekte-d:link,
a.projekte-d:visited,
a.projekte-d:hover,
a.projekte-d:active{
color:#01070f;
text-decoration:none;
}
.projekte-e{
display:block;
width:100%;
height:auto;
aspect-ratio:590 / 440;
object-fit:cover;
}
.projekte-f{
min-height:76px;
margin:25px 0 40px 0;
font-family:'Outfit',sans-serif;
font-size:29px;
font-weight:500;
line-height:1.3;
}
.projekte-g{
width:100%;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
}
.projekte-h{
min-height:30px;
padding:4px 14px;
display:inline-flex;
justify-content:center;
align-items:center;
border:1px solid #aeb0b4;
border-radius:999px;
font-size:13px;
font-weight:400;
line-height:1;
color:#929397;
white-space:nowrap;
}
.projekte-d:focus-visible{
outline:3px solid #01070f;
outline-offset:5px;
}
.projekte-h-status{
border-color:#01070f;
color:#01070f;
}



/* Projektdetail */
.proj-kopf{
position:relative;
width:100%;
height:0;
min-height:0;
}
.proj-main{
width:100%;
margin:0;
padding:0;
}
.proj-hero{
position:relative;
width:100vw;
height:min(52.0833333333vw,1350px);
margin-left:calc(50% - 50vw);
padding:0;
overflow:hidden;
background:#01070f;
}
.proj-hero-bild{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}
.proj-a{
width:100%;
padding-left:40px;
padding-right:40px;
}
.proj-b{
width:100%;
max-width:1920px;
margin-left:auto;
margin-right:auto;
}
.proj-e{
width:100%;
max-width:1490px;
margin:150px auto 150px auto;
display:grid;
grid-template-columns:calc((100% - 40px) / 3) calc((((100% - 40px) / 3) * 2) + 20px);
column-gap:20px;
align-items:start;
}
.proj-f{
width:100%;
}
.proj-h{
width:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
}
.proj-i{
min-height:30px;
padding:8px 14px;
display:inline-flex;
justify-content:center;
align-items:center;
border:1px solid #01070f;
border-radius:999px;
font-size:19px;
font-weight:500;
line-height:19px;
color:#01070f;
white-space:nowrap;
}
.proj-j{
width:100%;
max-width:none;
font-size:29px;
font-weight:500;
line-height:1.5;
}
.proj-j p{
width:100%;
margin:0 0 35px 0;
}
.proj-j p:last-child{
margin-bottom:0;
}
.proj-j-mehr{
width:100%;
height:0;
overflow:hidden;
opacity:0;
transition:height .6s ease,opacity .4s ease;
}
.proj-j-mehr-inhalt{
padding-bottom:35px;
}
.proj-j-button{
min-height:50px;
padding:10px 20px;
display:inline-flex;
justify-content:center;
align-items:center;
border:1px solid #01070f;
border-radius:999px;
background:transparent;
font:inherit;
font-size:19px;
font-weight:500;
line-height:1;
color:#01070f;
cursor:pointer;
transition:background-color .25s ease,color .25s ease,opacity .25s ease;
}
.proj-j-button:hover{
background:#01070f;
color:#fff;
}
.proj-j-button:focus-visible{
outline:3px solid #01070f;
outline-offset:4px;
}
.proj-j-button:disabled{
opacity:.5;
cursor:not-allowed;
}



.proj-j p:last-child{
margin-bottom:0;
}
.proj-k{
width:100%;
max-width:1490px;
margin-left:auto;
margin-right:auto;
}
.proj-l{
width:100%;
margin-bottom:20px;
display:flex;
align-items:stretch;
gap:20px;
}
.proj-m{
width:calc((100% - 40px) / 3);
flex:0 0 calc((100% - 40px) / 3);
margin:0;
overflow:hidden;
}
.proj-o{
width:100%;
margin-bottom:20px;
display:flex;
align-items:stretch;
gap:20px;
}
.proj-p{
width:calc((200% - 20px) / 3);
flex:0 0 calc((200% - 20px) / 3);
margin:0;
overflow:hidden;
}
.proj-q{
width:calc((100% - 40px) / 3);
flex:0 0 calc((100% - 40px) / 3);
display:flex;
flex-direction:column;
gap:20px;
}
.proj-r{
width:100%;
height:calc((100% - 20px) / 2);
margin:0;
overflow:hidden;
}
.proj-n{
display:block;
width:100%;
height:100%;
min-height:100%;
object-fit:cover;
}
.proj-l .proj-n{
aspect-ratio:590 / 410;
}
.proj-p .proj-n{
aspect-ratio:2 / 1.45;
}
.proj-s{
width:100%;
max-width:1490px;
margin:100px auto 0 auto;
display:flex;
justify-content:space-between;
align-items:center;
}
.proj-t{
min-height:50px;
padding:10px 20px;
display:inline-flex;
justify-content:center;
align-items:center;
border:1px solid #01070f;
border-radius:999px;
background:transparent;
font-size:19px;
font-weight:500;
line-height:1;
color:#01070f;
transition:background-color .25s ease,color .25s ease;
}
.proj-t:hover{
background-color:#01070f;
color:#fff;
}
.proj-t:focus-visible{
outline:3px solid #01070f;
outline-offset:4px;
}
.proj-u{
width:56px;
height:56px;
display:flex;
justify-content:center;
align-items:center;
border:1px solid #01070f;
border-radius:50%;
color:#01070f;
}
.proj-u img{
display:block;
width:18px;
height:auto;
}
.proj-t:focus-visible,
.proj-u:focus-visible{
outline:3px solid #01070f;
outline-offset:5px;
}
.proj-u-inaktiv{
opacity:0.25;
pointer-events:none;
cursor:default;
}



/* 404-Fehlerseite */
.fehler-bild{
display:block;
width:100%;
max-width:1024px;
height:auto;
margin:80px 0 80px 0;
}
.fehler-f{
min-height:50px;
margin-top:40px;
padding:10px 20px;
display:inline-flex;
justify-content:center;
align-items:center;
border:1px solid #01070f;
border-radius:999px;
font-family:'Outfit',sans-serif;
font-size:19px;
font-weight:500;
line-height:1;
color:#01070f;
background:transparent;
text-decoration:none;
transition:background-color 0.25s ease,color 0.25s ease;
}
.fehler-f:hover{
color:#e6e6e7;
background:#01070f;
}
.fehler-f:focus-visible{
outline:3px solid #01070f;
outline-offset:5px;
}
.fehler-g{
width:100%;
margin:0 0 20px 0;
font-size:49px;
font-weight:500;
line-height:1.2;
}




@media (min-width:601px) and (max-width:1376px){
.h-st-n{
height:auto!important;
}
.u-seite-a{
position:relative;
top:auto;
height:auto;
min-height:auto;
overflow:visible;
}
.h-st-h{
width:100%;
height:auto;
overflow:hidden;
}
.h-st-l{
width:100%;
height:auto;
padding-top:0;
padding-bottom:0;
overflow:hidden;
}
.h-st-m{
width:100%;
height:auto;
display:flex;
flex-wrap:nowrap;
align-items:flex-start;
gap:0;
overflow-x:auto;
overflow-y:hidden;
scroll-snap-type:x mandatory;
scroll-behavior:smooth;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
transform:none!important;
will-change:auto;
}
.h-st-m::-webkit-scrollbar{
display:none;
}
.h-st-i-wrap{
height:auto;
margin:0;
padding:0;
scroll-snap-align:start;
scroll-snap-stop:always;
}
.h-st-i{
height:auto;
margin:0;
padding:0;
overflow:hidden;
transform:none!important;
will-change:auto;
}
.h-st-i img{
display:block;
width:100%;
height:auto;
}
.h-st-o{
margin-top:10vw;
}
}


.einb-a{
width:100%;
}
.einb-b{
width:calc(100% - 80px);
max-width:1024px;
margin-left:auto;
margin-right:auto;
}
.einb-c{
display:block;
width:100%;
height:auto;
}
.einb-d{
width:100%;
margin-top:110px;
text-align:center;
}
.einb-e{
margin:0;
font-family:'Outfit',sans-serif;
font-size:29px;
font-weight:500;
line-height:normal;
}
.einb-f{
margin-top:35px;
font-size:19px;
font-weight:500;
line-height:1.5;
}
.einb-g{
width:100%;
margin-top:100px;
margin-bottom:150px;
display:flex;
align-items:flex-start;
gap:50px;
}
.einb-h{
width:calc((100% - 50px) / 2);
flex:0 0 calc((100% - 50px) / 2);
}
.einb-h p{
margin:0 0 28px 0;
/*font-size:19px;*/
line-height:1.5;
font-weight:500;
}
.einb-h p:last-child{
margin-bottom:0;
}
.einb-h-einzug{
text-indent:3em;
}

/* Impressum */
.imp-a{
width:100%;
}
.imp-b{
width:100%;
margin:0 0 100px 0;
font-size:49px;
font-weight:500;
line-height:1.2;
}
.imp-c{
width:100%;
max-width:1490px;
font-size:24px;
font-weight:500;
line-height:1.5;
}
.imp-d{
width:100%;
margin-bottom:35px;
}
.imp-d:last-child{
margin-bottom:0;
}
.imp-e{
font-family:'Outfit',sans-serif;
font-size:24px;
font-weight:500;
line-height:1.4;
}
.imp-f{
margin:25px 0 0 0;
font-family:'Outfit',sans-serif;
font-size:24px;
font-weight:500;
line-height:1.4;
}
.imp-g{
margin:0;
font-family:'Outfit',sans-serif;
font-size:24px;
font-weight:500;
line-height:1.4;
}
.imp-d p{
margin:0 0 25px 0;
}
.imp-d p:last-child{
margin-bottom:0;
}
.imp-d p.imp-g{
margin:0;
}
.imp-d a{
color:#01070f;
}
.imp-liste{
margin:0 0 25px 0;
padding-left:21px;
}
.imp-liste li{
margin:0;
padding:0;
}

@media (min-width:1032px) and (max-width:1376px){
.h-st-i-wrap{
width:calc(100% / 2.6);
flex:0 0 calc(100% / 2.6);
}
}
@media (min-width:768px) and (max-width:1031px){
.h-st-i-wrap{
width:calc(100% / 2.1);
flex:0 0 calc(100% / 2.1);
}
}
@media (min-width:360px) and (max-width:767px){
.h-st-i-wrap{
width:calc(100% / 1);
flex:0 0 calc(100% / 1);
}
}
@media (min-width:2601px){
.inhalt{
width:100%;
max-width:2560px;
margin:0 auto;
}
.h-st-c{
position:relative;
left:0px;
}
.h-st-e{
position:absolute;
right:0px;
}
}
@media (min-width:1921px){
.einb-b{
max-width:1224px;
}
.proj-k,.proj-s,.proj-e,.foot,.pro-b,.pro-leist-b,.pro-logo-b,.imp-c{
max-width:min(1690px,calc(100vw - 100px));
}
.h-b-b{
width:calc(100% - 100px);
max-width:1690px;
margin-left:auto;
margin-right:auto;
justify-content:space-between;
gap:100px 30px;
}
.h-b-c{
width:calc((100% - 90px) / 4);
max-width:none;
flex:0 0 calc((100% - 90px) / 4);
}
.pro-e{
max-width:580px;
}
.pro-leist-d{
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.pro-leist-c{
width:50%;
margin-left:50%;
}
.pro-leist-f{
padding:20px 150px 0 0;
}
.h-b-e{
padding-right:50px;
}
}
@media (max-width:1376px){
.proj-j-button{
min-height: 42px;
padding:10px 20px;
}
.footca.blur-image {
width: 47%;
}
.projekte-f{
min-height:46px;
}
.projekte-b{
gap:80px 30px;
}
.projekte-c{
width:calc((100% - 30px) / 2);
flex:0 0 calc((100% - 30px) / 2);
}
.projekte-b{
margin-bottom:0px;
}
.pro-leist-h,
.pro-leist-f{
font-size:24px;
line-height:1.4;
}
.pro-leist-h{
min-height:84px;
}
.pro-leist-d{
min-height:336px;
grid-template-rows:repeat(4,84px);
}
.pro-logo-e{
width:20%;
min-height:140px;
}
.pro-logo-c{
position:relative;
width:100%;
max-height:560px;
overflow:hidden;
transition:max-height .8s ease;
}
.pro-logo-g{
position:absolute;
left:0;
right:0;
bottom:0;
z-index:2;
height:180px;
display:block;
pointer-events:none;
opacity:1;
visibility:visible;
background:linear-gradient(to bottom,rgba(230,230,231,0),rgba(230,230,231,.75) 55%,rgba(230,230,231,1) 100%);
transition:opacity .5s ease,visibility .5s ease;
}
.pro-logo-h{
position:relative;
z-index:3;
margin:100px auto 0 auto;
padding:12px 24px 11px 23px;
display:block;
border:1px solid #01070f;
border-radius:999px;
font-family:inherit;
font-size:16px;
font-weight:500;
line-height:1.2;
color:#01070f;
background:transparent;
cursor:pointer;
}
.pro-logo-h:hover{
color:#e6e6e7;
background:#01070f;
}
.pro-logo-h:focus-visible{
outline:2px solid #01070f;
outline-offset:5px;
}
.pro-logo-b.pro-logo-offen .pro-logo-g{
opacity:0;
visibility:hidden;
}
.footl {
margin-top: 4em;
}
.footd,
.h-b-e,
.pro-g,
.pro-h,
.footl,
.einb-h p,
.pro-leist-f,
.pro-leist-h,
.proj-j{
font-size:24px;
line-height:1.4;
width:100%;
}
.footb{
width:48.5%;
}
.foota{
grid-template-columns:33% 1fr 48.5%;
}
.h-b-b{
width:calc(100% - 80px);
max-width:none;
margin-left:auto;
margin-right:auto;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-items:stretch;
gap:60px 40px;
}
.h-b-c{
width:calc((100% - 120px) / 4);
max-width:none;
flex:0 0 calc((100% - 120px) / 4);
}
}
@media (max-width:1032px){
.proj-hero{
height:80vw;
max-height:none;
}
.proj-hero-hsb .proj-hero-bild{
object-position:25% center;
}
.proj-hero-coppi .proj-hero-bild{
object-position:60% center;
}
.proj-hero-ortho .proj-hero-bild{
object-position:60% center;
}
.proj-hero-liftastic .proj-hero-bild{
object-position:60% center;
}
.footca.blur-image {
width: 45%;
}
.footca {
width:45%;
}
.pro-leist-e{
padding-right:105px;
}
.pro-logo-a{
padding-left:30px;
padding-right:30px;
}
.pro-logo-b{
padding-bottom:100px;
}
.pro-logo-e{
width:25%;
min-height:125px;
}
.pro-leist-f{
padding-right:0px;
}
.pro-c{
display:flex;
flex-direction:column;
align-items:center;
}
.pro-d{
order:1;
width:100%;
margin:0 0 100px 0;
text-align:center;
}
.pro-e{
order:2;
width:100%;
max-width:480px;
margin-bottom:100px;
}
.pro-g{
order:3;
width:100%;
max-width:none;
margin-bottom:100px;
column-count:2;
column-gap:60px;
}
.pro-g p{
break-inside:avoid;
}
.pro-h{
position:static;
order:4;
width:100%;
max-width:none;
align-items:flex-start;
}
}
@media (max-width:834px){
.projekte-b{
gap:50px 30px;
}
.footd,.h-b-e,.pro-g,.pro-h,.footl,.einb-h p,.pro-leist-f,.pro-leist-h{
width:95%;
}
.footca.blur-image {
width: 37.5%;
}
.pro-leist-a{
padding-left:30px;
padding-right:30px;
}
.pro-leist-b{
padding-bottom:65px;
}
.pro-leist-c{
width:100%;
margin:0 0 70px 0;
font-size:19px;
text-align:left;
}
.pro-leist-d{
min-height:0;
display:flex;
flex-direction:column;
}
.pro-leist-h{
position:relative;
order:initial;
width:100%;
min-height:0;
margin:0;
padding:0 0 25px 44px;
display:block;
border:0;
border-radius:0;
font-size:24px;
font-weight:500;
line-height:1.4;
text-align:left;
color:#01070f;
background:transparent;
cursor:default;
pointer-events:none;
transition:none;
}
.pro-leist-h::before{
content:"";
position:absolute;
left:0;
top:0.7em;
width:30px;
height:2px;
background:#01070f;
}
.pro-leist-h:first-child{
padding-top:0;
}
.pro-leist-f{
order:initial;
width:100%;
margin:0;
padding:0 0 45px 0;
border-bottom:none;
font-size:24px;
font-weight:500;
line-height:1.5;
opacity:1;
visibility:visible;
transform:none;
pointer-events:auto;
transition:none;
}
.pro-leist-f-aktiv,
.pro-leist-f-ausblenden{
opacity:1;
visibility:visible;
transform:none;
pointer-events:auto;
border-bottom:none;
}
.pro-leist-f p{
margin:0;
}
.pro-logo-a{
padding-left:30px;
padding-right:30px;
}
.pro-logo-b{
padding-bottom:100px;
}
.pro-logo-e{
width:33.3333333333%;
min-height:125px;
}
.pro-g p{
margin:0 0 30px 0;
}
.pro-g{
column-count:1;
}
.einb-b{
width:calc(100% - 80px);
}
.einb-d{
margin-top:80px;
}
.einb-g{
margin-top:80px;
display:flex;
flex-direction:column;
gap:0;
}
.einb-h{
width:100%;
flex:0 0 100%;
}
.einb-h:first-child{
margin-bottom:28px;
}
.footk{
width:32%;
}
.footj{
width:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:0.3em;
}
.h-st-b{
min-height:272px;
}
.footb{
width:100%;
}
.foota{
width:100%;
margin-top:2.5em;
display:flex;
flex-direction:column;
}
.footd{
width:100%;
line-height:1.6;
}
.foote{
width:100%;
margin-top:2.069em;
font-size:49px;
line-height:1;
}
.footl{
width:100%;
margin-top:4em;
line-height:1.6;
}
.h-b-b{
width:calc(100% - 80px);
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:stretch;
gap:60px 40px;
}
.h-b-c{
width:calc((100% - 40px) / 2);
max-width:none;
flex:0 0 calc((100% - 40px) / 2);
}
.h-st-p{
padding-left:80px;
padding-right:80px;
}
.h-st-q{
max-width: min(16em,calc(100vw - 80px));
font-size:39px;
line-height:1.3;
}
.h-st-o{
margin-top:17.5vw;
padding-bottom:60px;
}
.h-st-menu-button{
position:fixed;
top:32px;
right:40px;
left:auto;
z-index:10002;
width:64px;
height:64px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:8px;
padding:0;
border:0;
border-radius:50%;
background:rgba(1,7,15,0.2);
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px);
transform:none;
cursor:pointer;
}
.h-st-menu-linie{
display:block;
width:25px;
height:2px;
background:#01070f;
transform-origin:center;
filter:none;
transition:transform 0.4s ease,filter 0.4s ease;
}
.h-st-menu-button.aktiv{
background:rgba(230,230,231,0.14);
}
.h-st-menu-button.aktiv .h-st-menu-linie{
filter:brightness(0) invert(1);
}
.h-st-menu-button.aktiv .h-st-menu-linie:first-child{
transform:translateY(5px) rotate(45deg);
}
.h-st-menu-button.aktiv .h-st-menu-linie:last-child{
transform:translateY(-5px) rotate(-45deg);
}
.h-st-j{
position:fixed;
inset:0;
z-index:10000;
width:100%;
max-width:none;
margin:0;
padding:120px 40px 60px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:30px;
background:#01070f;
border-radius:0;
opacity:1;
visibility:hidden;
pointer-events:none;
transform:none;
-webkit-transform:none;
-webkit-backdrop-filter:none;
backdrop-filter:none;
transition:none;
}
.h-st-j.aktiv{
opacity:1;
visibility:visible;
pointer-events:auto;
transition:none;
}
.h-st-j .h-st-link.h-st-link-start{
position:absolute;
top:38px;
left:40px;
width:50px;
height:50px;
min-height:50px;
display:flex;
justify-content:center;
align-items:center;
opacity:1;
filter:none;
-webkit-filter:none;
transform:none;
}
.h-st-j .h-st-link.h-st-link-start img{
display:block;
width:50px;
height:50px;
}
.h-st-j .h-st-link{
min-height:auto;
display:block;
font-size:clamp(38px,8vw,64px);
font-weight:500;
line-height:1.1;
color:#e6e6e7;
text-align:center;
opacity:0;
filter:blur(10px);
-webkit-filter:blur(15px);
transform:translateY(4px);
transition:none;
}
.h-st-j.aktiv .h-st-link{
opacity:1;
filter:blur(0);
-webkit-filter:blur(0);
transform:translateY(0);
transition:opacity 0.35s ease,filter 0.90s ease,-webkit-filter 0.90s ease,transform 0.90s ease;
}
.h-st-j .h-st-link:link,
.h-st-j .h-st-link:visited,
.h-st-j .h-st-link:hover,
.h-st-j .h-st-link:active{
color:#e6e6e7;
}
.h-st-j a[aria-current="page"],
.h-st-j a[aria-current="page"]:link,
.h-st-j a[aria-current="page"]:visited,
.h-st-j a[aria-current="page"]:hover,
.h-st-j a[aria-current="page"]:active{
color:#764291;
}
.h-st-e{
display:none;
}
.h-st-c{
z-index:1001;
}
body.menu-offen{
overflow:hidden;
}
.h-st-menu-button:focus-visible{
outline:2px solid #01070f;
outline-offset:4px;
}
.h-st-menu-button.aktiv:focus-visible{
outline-color:#e6e6e7;
}
}
@media (prefers-reduced-motion:reduce){
.h-st-j{
filter:none;
-webkit-filter:none;
transition:none;
}
.h-st-menu-linie{
transition:none;
}
}
@media (max-width:600px){
.fehler-bild{
margin: 35px 0 50px 0;
}
.fehler-f{
margin-top:30px;
}
.aus1{
display:inline;
}
.pro-logo-h{
margin:30px auto 0 auto;
}
.imp-d p:last-child{
margin-top:0px;
}
.proj-j-button{
min-height:38px;
padding:5px 15px;
}
.imp-b{
margin:0 0 60px 0;
}
.footca.blur-image{
width:50%;
}
.proj-hero{
height:85vh;
height:85svh;
min-height:570px;
max-height:860px;
}
.proj-hero-hsb .proj-hero-bild{
object-position:18% center;
}
.proj-e{
width:100%;
margin:60px auto 70px auto;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:35px;
}
.proj-j{
order:2;
width:100%;
max-width:none;
flex:0 0 100%;
}
.proj-f{
order:1;
width:100%;
flex:0 0 100%;
}
.proj-h{
width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
gap:7px;
}
.proj-i{
min-height:26px;
padding:6px 10px;
display:inline-flex;
justify-content:center;
align-items:center;
font-size:12px;
line-height:1;
white-space:nowrap;
}
.proj-s,.proj-e{
padding-left:25px;
padding-right:25px;
}
.proj-k{
width:100%;
max-width:none;
margin-left:auto;
margin-right:auto;
}
.proj-l,
.proj-o{
width:100%;
margin:0;
display:block;
}
.proj-m,
.proj-p,
.proj-q,
.proj-r{
width:100%;
height:auto;
margin:1px 0 0 0;
display:block;
overflow:hidden;

}
.proj-n{
display:block;
width:100%;
height:auto;
min-height:0;
object-fit:cover;
}
.proj-l .proj-n,
.proj-p .proj-n,
.proj-r .proj-n{
aspect-ratio:auto;
}
.projekte-c{
width:100%;
flex:0 0 100%;
}
.projekte-d{
width:100%;
height:auto;
max-height:none;
overflow:hidden;
}
.projekte-e{
width:100%;
height:100vw;
max-height:520px;
aspect-ratio:auto;
object-fit:cover;
object-position:center;
}
.projekte-f{
min-height:0;
margin:25px 0 30px 0;
}
.projekte-g{
width:100%;
gap:7px;
}
.projekte-b{
gap:50px 15px;
}
.projekte-h{
min-height:26px;
padding:6px 10px;
font-size:12px;
line-height:12px;
}
.projekte-a{
padding-left:25px;
padding-right:25px;
}
.proj-a{
padding-left:0px;
padding-right:0px;
}
.pro-k img{
width:26px;
height:18px;
margin-top:4px;
flex:0 0 25px;
}
.pro-logo-a{
padding-left:20px;
padding-right:20px;
}
.pro-logo-b{
padding-bottom:80px;
}
.pro-logo-e{
width:50%;
min-height:110px;
padding:0px;
}
.pro-leist-a{
padding-left:25px;
padding-right:25px;
}
.pro-leist-b{
padding-bottom:80px;
}
.pro-leist-c{
margin-bottom:60px;
font-size:17px;
}
.pro-leist-h{
font-size:19px;
line-height:1.5;
}
.pro-leist-h::before{
height:1px;
}
.pro-leist-f{
padding-bottom:35px;
font-size:19px;
line-height:1.5;
}


h1{
line-height:45px;
}
.h-st-g{
padding-left:50px;
padding-right:50px;
}
.pro-e{
max-width:250px;
}
.foota{
margin-top:2em;
}
.footd,.h-b-e,.pro-g,.pro-h,.footl,.einb-h p,.footj,.proj-j p,.imp-c,.proj-j-mehr,.imp-g,.imp-f,.imp-e{
font-size: 19px;
line-height: 1.5;
}
.pro-e,.pro-g{
margin-bottom: 80px;
}
.pro-d{
font-size:39px;
line-height:1.2;
margin:0 0 80px 0;
}
.pro-a{
padding-left:25px;
padding-right:25px;
}
.footi{
position:relative;
}
.foot-top{
position:absolute;
right:0;
bottom:0;
display:block;
}
.foot-top-link{
width:64px;
height:64px;
display:flex;
justify-content:center;
align-items:center;
border-radius:50%;
background:rgba(1,7,15,0.2);
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px);
}
.foot-top-link img{
display:block;
width:25px;
height:25px;
}
.h-b-b{
width:calc(100% - 50px);
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:stretch;
gap:60px 20px;
}
.h-b-c{
width:calc((100% - 20px) / 2);
max-width:none;
flex:0 0 calc((100% - 20px) / 2);
}
.einb-b{
width:calc(100% - 50px);
}
.einb-d{
margin-top:60px;
}
.einb-f{
margin-top:25px;
font-size:14px;
}
.einb-g{
margin-top:60px;
}
.einb-h p{
margin-bottom:24px;
}
.einb-h:first-child{
margin-bottom:24px;
}
.h-st-b-a {
min-height: 125px;
}
.h-st-c{
position:absolute;
}
.h-b-f{
max-width:5.5em;
min-height:auto;
padding:0.45em 0.9em;
}
.footi{
margin-top:4em;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.footk{
width:50%;
order:-1;
margin-bottom:2em;
}
.footj{
width:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
margin-top:50px;
gap: 0.2em;
}
.footca{
width:47.5%;
}
.h-b-e{
font-size:19px;
}
.foote{
font-size:clamp(49px,11vw,59px);
line-height:1;
margin-top:1.75em;
}
.h-st-g{
padding-bottom:70px;
}
.h-st-j .h-st-link.h-st-link-start{
top:22px;
left:25px;
}
.h-st-menu-button{
top:15px;
right:25px;
}
.h-st-c{
top:26px;
left:25px;
}
.foot{
width:calc(100% - 50px);
margin-bottom:1.25em;
}
.h-st-b{
min-height:182px;
}
.h-st-q{
font-size:29px;
max-width:min(22em,calc(100vw - 70px));
}
.h-st-p{
padding-left:0px;
padding-right:0px;
}
.h-st-f{
font-size:14px;
line-height:19px;
top:172px;
}
.h-st-n{
height:auto!important;
}
.u-seite-a{
position:relative;
top:auto;
height:auto;
min-height:100svh;
overflow:visible;
}
.h-st-h{
width:100%;
height:auto;
overflow:hidden;
}
.h-st-l{
width:100%;
height:auto;
padding-top:0;
padding-bottom:0;
overflow:hidden;
}
.h-st-m{
width:100%;
height:auto;
display:flex;
align-items:flex-start;
gap:0;
overflow-x:auto;
overflow-y:hidden;
scroll-snap-type:x mandatory;
scroll-behavior:smooth;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
transform:none!important;
will-change:auto;
flex-wrap:nowrap;
}
.h-st-m::-webkit-scrollbar{
display:none;
}
.h-st-i-wrap{
height:auto;
margin:0;
padding:0;
scroll-snap-align:start;
scroll-snap-stop:always;
}
.h-st-i{
height:auto;
margin:0;
padding:0;
overflow:hidden;
transform:none!important;
will-change:auto;
}
.h-st-i img{
display:block;
width:100%;
height:auto;
}
}



/* Start-Einblendung 5 Bilder */
.start-einblendung{
display:none;
}
html.start-laden .start-einblendung{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:20000;
display:block;
background:#e6e6e7;
opacity:1;
visibility:visible;
pointer-events:auto;
transition:opacity 0.4s ease,visibility 0s linear 0.4s;
}
html.start-laden .h-st-g{
position:relative;
z-index:20001;
}
html.start-laden .start-einblendung.start-ausblenden{
opacity:0;
visibility:hidden;
pointer-events:none;
}
html.start-laden #h-st-titel{
visibility:hidden;
}
html.start-laden #h-st-titel.start-titel-bereit{
visibility:visible;
}
#h-st-titel .start-wort{
display:inline-block;
white-space:nowrap;
}
#h-st-titel .start-buchstabe{
display:inline-block;
opacity:0;
transition:opacity 0.1s linear;
}
#h-st-titel .start-buchstabe.ist-sichtbar{
opacity:1;
}
@media (prefers-reduced-motion:reduce){
html.start-laden .start-einblendung{
transition:none;
}
#h-st-titel .start-buchstabe{
opacity:1;
transition:none;
}
}


/* Barrierefrei */
.visually-hidden{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0 0 0 0);
white-space:nowrap;
border:0;
}
.skip-link{
position:fixed;
top:12px;
left:12px;
z-index:20000;
padding:12px 18px;
color:#e6e6e7;
background:#01070f;
border-radius:999px;
text-decoration:none;
transform:translateY(-150%);
transition:transform 0.2s ease;
}
.skip-link:focus{
transform:translateY(0);
}
a,
button,
[tabindex="0"]{
-webkit-tap-highlight-color:transparent;
}
a:focus-visible,
button:focus-visible,
[tabindex="0"]:focus-visible{
outline:3px solid #01070f;
outline-offset:4px;
}
.h-st-link{
min-height:24px;
display:flex;
align-items:center;
}
.h-st-e a{
min-width:44px;
min-height:44px;
justify-content:center;
}
.h-pr-e{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0 0 0 0);
white-space:nowrap;
border:0;
}
.h-pr-e:focus-visible{
position:absolute;
top:50%;
width:50px;
height:50px;
margin:0;
display:flex;
justify-content:center;
align-items:center;
overflow:visible;
clip:auto;
white-space:normal;
border:1px solid #01070f;
border-radius:50%;
color:#01070f;
background:#e6e6e7;
transform:translateY(-50%);
}
.h-pr-e-links:focus-visible{
left:30px;
}
.h-pr-e-rechts:focus-visible{
right:30px;
}
.h-pr-punkt{
min-width:24px;
min-height:24px;
position:relative;
background:transparent;
}
.h-pr-punkt::before{
content:"";
position:absolute;
top:50%;
left:50%;
width:8px;
height:8px;
border-radius:50%;
background:#01070f;
opacity:0.25;
transform:translate(-50%,-50%);
}
.h-pr-punkt.aktiv::before{
opacity:1;
}
@media (prefers-reduced-motion:reduce){
html{
scroll-behavior:auto;
}
*,
*::before,
*::after{
scroll-behavior:auto!important;
animation-duration:0.01ms!important;
animation-iteration-count:1!important;
transition-duration:0.01ms!important;
}
.h-st-q .letter{
opacity:1!important;
}
.h-st-m,
.h-pr-g{
transform:none;
}
}
@media (forced-colors:active){
.h-st-j,
.h-b-f,
.h-pr-e{
border:2px solid CanvasText;
}
a:focus-visible,
button:focus-visible,
[tabindex="0"]:focus-visible{
outline:2px solid Highlight;
}
}