*{font-family:"Source Serif 4",serif;font-optical-sizing:auto;color:#faf5b9;box-sizing:border-box;margin:0;padding:0;text-decoration:none}html,body{background-color:#000a14;margin:0;padding:.5rem 1rem;height:100%}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}p{font-weight:400;font-style:italic}.navbar .active{background-color:#faf5b9;color:#000a14}.navbar{position:sticky;top:0;z-index:1000;background-color:#000a14;margin-bottom:2rem}.navbar nav{display:flex;align-items:baseline}.navbar nav .title{margin-right:1rem;font-size:2.5rem;font-weight:800;font-style:italic;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar nav ul{display:flex}.navbar nav ul li{list-style:none;font-style:normal;font-size:.75rem;font-weight:300;letter-spacing:.1em}.navbar nav ul li a{display:block;padding:0 .2rem;margin:0 .8rem;border-radius:.4rem}.navbar nav ul li a:not(.active):hover{background-color:#bdb98d}hr{height:.05rem;background-color:#faf5b9;border:none}.navbar nav .menu{display:none;position:absolute;top:.75rem;right:.5rem;flex-direction:column;justify-content:space-between;width:2.25rem;height:2rem}.navbar nav .menu span{height:.4rem;width:100%;background-color:#faf5b9;border-radius:.2rem}@media (max-width: 600px){.navbar nav .menu{display:flex;cursor:pointer}.navbar nav{flex-direction:column;align-items:start}.navbar nav ul{display:flex;flex-direction:column;width:100%;margin-bottom:.25rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .4s ease}.navbar nav ul.open{max-height:200px;opacity:1}.navbar nav ul li{width:100%;text-align:center}.navbar nav ul li a{margin:.2rem;padding:0}}@media (min-width: 601px){.navbar nav ul{display:flex;max-height:none;opacity:1}}footer{padding-top:1rem;padding-bottom:1rem;width:100%;margin-top:auto}footer ul{display:flex;justify-content:space-between;align-items:baseline}.persinfo,.rights{display:flex;flex-direction:row;gap:1rem;align-items:baseline}footer li{list-style:none;font-style:normal;font-size:.8rem;font-weight:200;padding:auto}.linkedin{font-size:1rem}.rights li,.rights a{color:gray}@media (max-width: 600px){.linkedin{font-size:2rem}}.intro-text{margin-bottom:1rem}.row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.column{position:relative;z-index:0;overflow:hidden;padding:.5rem;-ms-flex:23%;flex:23%;max-width:23%}.column img{width:100%;height:auto;display:block;transition:transform .5s ease;transform:scale(4);object-position:center center;margin:0}.column img:hover{transform:scale(1);opacity:.5}.container{position:relative;width:100%;height:100%;z-index:1}.middle{opacity:0;transition:opacity .5s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000a14b3;color:#faf5b9;text-align:center;border-radius:1rem;width:68%;max-width:100%;height:auto;padding:.3rem}.middle .text{white-space:normal;word-wrap:break-word;text-align:center;font-size:1rem}.container:hover .middle{opacity:1}@media screen and (max-width: 800px){.row{gap:.7rem}.column{-ms-flex:32%;flex:32%;max-width:32%}}@media screen and (max-width: 700px){.row{gap:1.2rem}.column{-ms-flex:48%;flex:48%;max-width:48%}}@media screen and (max-width: 600px){.column{flex:1 1 100%;max-width:100%}.middle.show{opacity:1}.column img.show{transform:scale(1);opacity:.5}.middle .text{font-size:1.8rem}}.content{font-family:"Source Serif 4",serif;font-optical-sizing:auto;color:#faf5b9;line-height:1.6;margin:0 auto}.content p{margin-bottom:10px;font-size:1.1rem;text-align:left}.content .customer{font-style:normal;font-weight:200}.content strong{font-weight:600}.profile-image{float:left;max-width:30%;height:auto;margin-right:3rem;margin-bottom:1rem}.contact-form-container{width:100%;max-width:600px;margin:0 auto;padding:2rem;border-radius:8px}.contact-form-container .contact-intro{font-style:italic;margin-bottom:1rem}.contact-form-container a{font-style:italic}.contact-form .form-group{margin-bottom:1rem}.contact-form label{display:block;font-weight:700;margin-bottom:.5rem;font-style:normal;font-weight:300}.contact-form input,.contact-form textarea{width:100%;padding:.8rem;border:1px solid #FAF5B9;border-radius:4px;font-size:1rem;color:#000}.contact-form textarea{resize:vertical;height:150px}.contact-form .submit-btn{width:100%;padding:1rem;background-color:#faf5b9;color:#000;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-bottom:4rem}.contact-form .submit-btn:hover{background-color:gray}.contact-form .status-message{text-align:center;margin-top:1rem;font-size:1.2rem;color:#28a745}.visitenkarte{display:flex;align-items:center}.visitenkarte .left img{min-width:110px;max-width:200px;height:auto;margin-right:2rem}.disclaimer h3,.disclaimer h2{font-weight:200}button{border:none;background-color:#000a14;padding-right:2rem;cursor:pointer}.images img{width:100%;margin-bottom:1rem}.iframe-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#000;margin-bottom:20px}.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
