body,html{margin:0;padding:0} *,*::before,*::after{box-sizing:border-box; position:relative;}
body,html{background-color: #f7f1e7; overflow-x: clip; min-height: 100dvh;
color:#1f9865;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
scroll-behavior: smooth;
}
:root{--size:13px}
.center{margin: 0 auto;}
img{width: 100%; height: auto; display: block;}
.header{max-width:calc(var(--s) * 1px); --s:500;height: calc(var(--s) * .2px);  }
.header img{position: absolute;}
/* .header img{width: 100%; max-width: 600px; outline: 1px solid red; opacity: .5;} */
.pfeil,.datum{position: absolute; top: 0; left: 0; width: 100%;}

.item img{position:absolute ;}
/* .item{width:24vw; min-width: 300px;} */
ul,ol{margin: 0;padding: 0; padding-left: 1rem;}
.mehr{width: 200px;}
.manifest{max-width: 700px; padding: 1rem; padding-bottom: 4rem; padding-top: 3rem; }
.manifest img{position: absolute;}
.footer{text-align: right;padding: 2rem;}
.footer a{color:#1f9865 ; display: block;padding-bottom: .5rem;}

.impressum{display: none; margin: 0 auto; padding: 5vw; line-height: 1.5rem; padding-bottom: 3rem;}
.impressum *{max-width: 1000px; margin-left: auto; margin-right: auto;}
strong{padding-top: 1rem; display: inline-block;}
a{color:inherit}
.impopen .impressum{display: block; position: fixed; width:100%;height:100%;left:0;top:0; overflow-y: scroll; 
background-color: #f7f1e7;}
.impopen .inhalt,
.impopen .top,
.impopen .footer
{display: none;}

.item{
    /* outline: 2px solid red; */
    height:calc(var(--size) * 45); display:flex;align-items:center; justify-content:center;

}
.item img{width: auto; height: 100%; object-fit: contain; object-position: center;}
.close img{width: 1rem; }
.close{position: fixed; top: 1rem; right: 1rem; background-color:#f7f1e7 ; z-index: 10000;}
.item p{position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 0.5rem; background-color: rgba(247, 241, 231, 0.8);}
/* .item img:nth-child(2){transition: top .3s;}
.item:hover img:nth-child(2){top:-30px} */

    .mover{display: flex;  position: absolute;margin-top: 6rem;  }
    .mover > div{
        position: relative; 
        width: calc(var(--size) * calc(var(--c) * .8)); 
        min-width: 190px;
        max-width: 450px;
        max-height: 650px; }
        
        .pCont{ height:calc(var(--size) * 50); max-height: 800px;}
        
        .click{width: 100px;position: absolute; left: 50vw; transform: translate(-50%,200%); bottom: 0;}
        .click img{transition: all .3s;}
        .click img.hide{opacity: 0;}

        
        
        .middle{display:flex; align-items: center; overflow-x: visible;}
        
        .site{width: 100%;min-height: 100dvh; display: grid;grid-template-rows: auto 1fr auto;}
        .bottom{display:flex;align-items:center; justify-content:center;padding: 4rem;}
        
        @media (max-height: 1200px){
            :root{--size:10px}
            
            
        }
        @media (max-height: 900px){
            :root{--size:7px}
            .header{height: calc(var(--s) * .1px);  }
            .bottom{display:flex;align-items:center; justify-content:center;padding: 2rem;}
            .mover > div{
                position: relative; 
                width: calc(var(--size) * calc(var(--c) * 1)); 
                min-width: 100px;
            }
            
            
        }
        @media (max-height: 670px){
    .mover{display: flex;  position: absolute;margin-top: 3rem;  }
.bottom{padding: 1rem;}
            .click{transform: translate(-50%, 60%);}
        }

        .loader{width:100%;height:100%;left:0;top:0; background-color:#f7f1e7 ; position: fixed; z-index: 9999999999999999;}