:root{--color-white:#fff;} *{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none;} body{max-height:100vh;max-height:100dvh;margin:0;padding:0;background-color:#633107;} h1{font-size: clamp(1.7rem, calc(2vw+1rem),3.5rem);}h2{font-size:clamp(1.4rem, calc(1vw+1rem),2.5rem);}.dauben{background-attachment:fixed;background-size:contain;background-image:url("pic/nav/bodyimg/dauben-1920.avif");}.index_container{max-width:75em;height:100%;margin:0 auto;padding:3em 0 2em;background:#000;border-radius:0 0 4px 4px;}.indexshow{position:relative;margin:0 auto;width:37.5em;height:28.125em;background:#000;aspect-ratio:4/3;}.indexslider{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;opacity:0;-webkit-transition:3s;-o-transition:3s;transition:3s;}.indexslider img {display:block;width:100%;height:100%;margin:0;padding:0;}.index_text{position:relative;text-align:center;padding:2em 1em;color:var(--color-white);}.nowrap{white-space:nowrap;}.enter_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:0 0 2em;gap:2em;}.btn-style:hover{color:#e77d47;}.btn-style{height:3em;width:8em;font-size:1.4rem;font-weight:500;margin:0;color:var(--color-white);cursor:pointer;border:2px solid #292828;border-radius:4px;}.enter_container a{background-color:#04460f;}.btn-yes{text-align:center;padding:0.8em 0 0;background-color:transparent;}.btn-no{background:#750606;}.popup{width:25em;background:var(--color-white);border-radius:6px;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-50%)scale(0.1);-ms-transform:translate(-50%,-50%)scale(0.1);transform:translate(-50%,-50%)scale(0.1);text-align:center;padding:0 2em 2em;color:var(--color-white);visibility:hidden;-webkit-transition:top 0.4s,-webkit-transform 0.4s;transition:transform 0.4s,top 0.4s;transition:transform 0.4s,top 0.4s,-webkit-transform 0.4s;z-index:170;}.open-popup{visibility:visible;top:50%;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);}.popup h2{font-size:2.4rem;font-weight:500;margin:2em 0 0.6em;color:#333;}.popup p{line-height:1,4;color:#333;}.popup button{width:100%;margin-top:3em;padding:0.6em 0;background:#2c2c2c;border:0;outline:none;font-size:1.1rem;border-radius:4px;cursor:pointer;color:var(--color-white);}.activ{opacity:1;} @media screen and (max-width:1550px){.dauben{background-image:url("pic/nav/bodyimg/dauben-1550.avif");}} @media screen and (max-width:1250px){.dauben{background-image:url("pic/nav/bodyimg/dauben-1250.avif");}.index_container{max-width: calc(100vw - 8em);}} @media screen and (max-width:1090px){.dauben{background-image:url("pic/nav/bodyimg/dauben-1090.avif");}.indexshow{max-width: calc(100vw - 15em);height:auto;}} @media screen and (max-width:959px){.dauben{background-image:url("pic/nav/bodyimg/dauben-959.avif");}} @media screen and (max-width:840px){.dauben{background-image:url("pic/nav/bodyimg/dauben-840.avif");}} @media screen and (max-width:792px){.dauben{background-image:url("pic/nav/bodyimg/dauben-792.avif");}} @media screen and (max-width:630px){.dauben{background-image:url("pic/nav/bodyimg/dauben-630.avif");}.indexshow{max-width: calc(100vw - 13em);}} @media screen and (max-width:551px){.dauben{background-image:url("pic/nav/bodyimg/dauben-551.avif");}.index_text{padding:1.25em;}.btn-style{width:6em;}} @media screen and (max-width:500px){.dauben{background-image:url("pic/nav/bodyimg/dauben-500.avif");}.index_container{max-width: calc(100vw - 4em);}.indexshow{max-width: calc(100vw - 8em);}} @media screen and (max-width:405px){.enter_container{gap:1.5em;}.btn-style{width:5em;}} @media screen and (max-width:359px){.dauben{background-image:url("pic/nav/bodyimg/dauben-359.avif");}.index_container{max-width: calc(100vw - 2em);}.enter_container{gap:1.5em;}.btn-style{width:4em;}}