body{width:100%;font-family:Arial,sans-serif;background-color:#f2f2f2}.app{width:100%;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#212121;color:#fff;height:10vh;position:fixed;top:0;left:0;z-index:100;width:100%}.navli:hover{border-bottom:4px solid #f3d06fc6;color:#f3d06fc6;transition:.1s ease-out}.navli a{display:flex;justify-content:center;align-items:center;width:100%;height:10vh;color:#fff;text-decoration:none}.navli a:hover{color:#f3d06fc6}.title{margin-left:8vw;letter-spacing:2px;cursor:pointer}.nav-links{list-style:none;display:flex;align-items:center;margin-right:5vw;padding:0;height:10vh}.navli{display:flex;align-items:center;justify-content:center;font-size:15px;letter-spacing:1px;cursor:pointer;height:10vh;width:10vw;position:relative}.main{margin-top:10vh;min-height:90vh}.section{scroll-margin-top:10vh;box-shadow:0 2px 8px #0000001a;width:100%}#intro{display:flex;height:90vh;width:100%}#intro_left{display:flex;flex-direction:column;justify-content:center;gap:5vh;align-items:center;width:48%;padding:5%;background-color:#efe8e8}.btnintro_location{padding:1.5%;letter-spacing:1px;font-weight:700;border-radius:5px;cursor:pointer;background-color:#ede4ce;border:2px solid #ac9b6d;font-size:15px}.btnintro_location:hover{background-color:#d4c5a0;transition:.2s ease-out}#intro_left p{font-size:18px;line-height:1.8;text-align:center}#intro_right{background-color:#efe8e8;width:52%}.img1{width:100%;border-radius:45% 0 0 45%;height:90vh}#location{display:flex;flex-direction:column;justify-content:start;padding-top:4vh;height:90vh;align-items:center;background-color:#efe8e8}#location *:not(.h2loc){margin-top:10px}.h2loc{font-size:30px;letter-spacing:5px;color:#c6a342}#container{display:flex;align-items:center;width:100%;height:70vh}#border{border:1px solid #c6a342;height:40vh}#left{width:49%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:75vh;padding-top:3vh}.stadt{min-width:80%}.stadt:nth-of-type(2){width:90%}span{border:1px solid #cbcaca;padding:1.5%;font-size:17px;border-radius:5px;background-color:#f2f2f2;letter-spacing:2px}#right{width:49%;display:flex;flex-direction:column;height:75vh;align-items:center}.map{width:80%;border-radius:5px;height:60vh}#about{display:flex;height:auto;background-color:#f5f5f5}#about_left{width:40%;padding:11vh 4vh;display:flex;flex-direction:column;justify-content:start;gap:5vh;align-items:start}#about_left h1{font-size:1.8rem;text-align:center;width:100%}#about_left p:first-of-type,#about_left p:last-of-type{font-size:1rem;line-height:1.8;text-align:center}#about_left p b{text-decoration:underline}#about_right{width:60%;position:relative;display:flex;align-items:center;justify-content:center}.image-carousel{display:flex;overflow-x:hidden;scroll-behavior:smooth;gap:1rem;width:75%}.image-carousel img{flex-shrink:0;width:100%;height:80vh;border-radius:4px}.scroll-button{position:absolute;z-index:1;background-color:#ba9a44c6;color:#fff;border:none;font-size:2rem;cursor:pointer;padding:.5rem 1rem;border-radius:50%}.scroll-button:hover{background-color:#ac9b6d;transition:.2s ease}.scroll-button.left{left:3%}.scroll-button.right{right:3%}#img15{object-fit:cover}#contact{color:#fff;display:flex;flex-direction:column;align-items:center;gap:5vh;padding-top:5vh;background-color:#212121;height:45vh}#contact h2{letter-spacing:10px;color:#ac9b6d}#contact p:nth-of-type(1){font-size:17px}#contact p{letter-spacing:1px;text-align:center}#contact p b{text-decoration:underline}#impress{padding:2vh;display:flex;justify-content:center;align-items:center;background-color:#585555;letter-spacing:1px}#impress a{color:#9f8f64}@media (max-width: 1024px){.navli{width:auto;padding:0 1rem;font-size:14px}#intro{flex-direction:column;height:auto}#intro_left,#intro_right{width:100%;height:auto;border-radius:0}.img1{height:auto;border-radius:0}#location{height:auto}.h2loc+p{text-align:center}#container{flex-direction:column;height:auto}#left,#right{width:100%;height:auto}.stadt{text-align:center;margin-bottom:1rem}#border{height:0;width:70%}.map{width:60%;height:40vh;margin-bottom:2rem}#about{flex-direction:column;height:auto}#about_left,#about_right{width:100%;padding:2rem}.image-carousel img{height:40vh}#contact{height:auto;padding-bottom:5vh}#contact p{text-align:center;padding:0 2rem}}@media (max-width: 768px){.navbar{display:flex;justify-content:center;align-items:center}.nav-links{display:none}.navli{width:100%;text-align:center;border-top:1px solid #444;height:7vh}.title{margin-left:5vw;font-size:18px}.btnintro_location{font-size:14px}.h2loc{font-size:22px;letter-spacing:2px}#about_left h1{font-size:24px}#about_left p,#intro_left p{font-size:16px;line-height:1.6}.image-carousel img{height:30vh}.scroll-button{display:none}.image-carousel{width:100%;overflow-x:auto}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{margin:0;padding:0;box-sizing:border-box}.navul{list-style:none;display:flex;align-items:center;margin-right:5vw;padding:0;height:10vh}body{background-color:#dcdcdc;width:100%;font-family:Arial,sans-serif}.title2{margin-left:8vw;letter-spacing:2px;cursor:pointer}.border2{display:none}.app2{width:100%;display:flex;flex-direction:column}.li2{display:flex;align-items:center;justify-content:center;font-size:15px;letter-spacing:1px;cursor:pointer;height:10vh;width:10vw;position:relative}.li2:hover{border-bottom:4px solid #f3d06fc6;color:#f3d06fc6;transition:.1s ease-out}.li2 a{display:flex;justify-content:center;align-items:center;width:100%;height:10vh;color:#fff;text-decoration:none}.li2 a:hover{color:#f3d06fc6}.impressum{scroll-margin-top:10vh;height:auto;width:100%;margin-top:10vh;display:flex;flex-direction:column;padding:5vh 0;min-height:90vh}.impressum h1{text-align:center}.impressum h1{letter-spacing:2px}.info{line-height:1.3;margin:2vh 20%}.gesellschaft{margin-top:12vh}@media (max-width: 768px){.nav2{display:flex;flex-direction:column;justify-content:center;align-items:center;height:20vh}.title2{height:10vh;display:flex;align-items:center;margin:0}.border2{display:block;width:30%;border:1px solid #f3d06fc6}.navul{display:flex;height:10vh;width:50%;margin:0}.li2{width:100%;height:5vh;text-align:center;border-top:none;height:10vh}.li2:hover{border:none;color:#fff}.li2:active{color:#f3d06fc6}.impressum{padding-top:15vh}.gesellschaft{margin-top:8vh}}