@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:115px}body{font-family:Poppins,sans-serif}a,a:hover{text-decoration:none}.hauptbereich{background-color:#303030;padding:50px 20px 20px}.hauptbereich h3{-webkit-text-stroke:.5px #000;color:#fff;font-size:2em;margin-top:70px;padding:10px 0;text-align:center;text-shadow:2px 2px 3px #000}.bottom-bar{align-items:center;background-color:#1888ff;bottom:0;display:flex;justify-content:space-between;padding:10px 25px;position:fixed;width:100%;z-index:1000}.bottom-bar span{color:#fff}.bottom-bar ul{display:flex;list-style:none;margin:0;padding:0}.bottom-bar li{margin:0 15px}.bottom-bar a{color:#fff;text-decoration:none}.bottom-bar a:hover{color:red}.hintergrund{align-items:center;background:url(/static/media/Background.55ef83a404eeb3ec9d26.png);background-attachment:fixed;background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:90vh}.hintergrund h1{font-size:4em;margin-top:-50px;text-align:center;text-shadow:2px 2px 3px #000}.hintergrund h1,.hintergrund h2{-webkit-text-stroke:.5px #000;color:#fff}.hintergrund h2{text-shadow:2px 2px 2px #000}.bewerbungsfoto{border-radius:50%;display:block;height:auto;margin:0 auto;width:200px}.ueber-mich-text{-webkit-text-stroke:.3px #000;color:#fff;font-size:1.2em;line-height:1.6;margin-top:30px;text-align:center;text-shadow:1px 1px 1px #000}.bild-container{justify-content:center}.lebenslauf-bild{border:1px solid #fff;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:auto;max-width:350px;padding:5px;transition:transform .3s ease,box-shadow .3s ease;width:48%}.lebenslauf-bild:hover{box-shadow:0 4px 8px #0003;transform:scale(1.1)}.popup-overlay1{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content1{align-items:center;background:#fff;border-radius:10px;display:flex;flex-direction:column;max-height:90%;max-width:90%;overflow:auto;padding:20px;position:relative}.popup-content1 img{height:auto;max-width:100%}.close-button1{font-size:1.5rem;right:10px;top:10px}.close-button1,.next-button,.prev-button{background:none;border:none;cursor:pointer;position:absolute}.next-button,.prev-button{font-size:2rem;top:95%;transform:translateY(-50%)}.prev-button{left:10px}.next-button{right:10px}#unterlagen h3{margin-bottom:40px}.bild-container{display:flex;flex-wrap:wrap;justify-content:space-around}.unterlagen-item{flex:1 1 200px;margin-bottom:20px;max-width:350px;text-align:center}.unterlagen-bild{border:1px solid #fff;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:auto;padding:5px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.unterlagen-bild:hover{box-shadow:0 4px 8px #0003;transform:scale(1.1)}.unterlagen-item p{color:#fff;font-size:16px;font-weight:700;margin-top:10px;padding-bottom:50px}@media screen and (max-width:600px){.bild-container{align-items:center;flex-direction:column}.unterlagen-item{margin-bottom:20px;max-width:none;width:80%}.unterlagen-bild{width:100%}}.popup-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{padding:20px}.popup-content,.popup-content img{align-items:center;background:#fff;border-radius:10px;display:flex;max-height:90%;max-width:90%;overflow:auto;position:relative}.popup-content img{flex-direction:column;padding-top:65%}.close-button{background:none;border:none;font-size:1.5rem;right:10px;top:10px}.close-button,.slideshow-button{cursor:pointer;position:absolute}.slideshow-button{border-radius:0 3px 3px 0;color:#fff;font-size:18px;font-weight:700;margin-top:-22px;padding:16px;top:95%;transition:.6s ease;-webkit-user-select:none;user-select:none;width:auto}.slideshow-button.prev{border-radius:3px 0 0 3px;left:0}.slideshow-button.next{border-radius:0 3px 3px 0;right:0}.slideshow-button:hover{background-color:#000c}.image-container1{align-items:center;display:flex;height:60vh;justify-content:center}.switcher-image{height:500px;max-height:100%;max-width:100%;width:575px}@media (max-width:600px){.switcher-image{height:auto;width:100%}}.hauptbereich2{align-items:center;background-color:#303030;display:flex;justify-content:center;min-height:100vh;padding:50px 20px 20px}.kontakt{background-color:#b9b9b9;padding:40px;width:100%}.kontakt h3{color:#494949;font-size:40px;margin-bottom:10px;text-align:center}.kontakt hr{background-color:#494949;border:none;height:3px;margin:0 auto 20px;width:50px}.kontakt-formular{margin:0 auto;max-width:600px}.kontakt-formular label{color:#333;display:block;font-weight:700;margin-bottom:10px}.kontakt-formular input[type=email],.kontakt-formular input[type=text],.kontakt-formular textarea{border:2px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:Roboto Slab,serif;margin-bottom:20px;padding:12px;width:100%}.kontakt-formular textarea{height:150px}.checkbox-container{align-items:center;display:flex;margin-bottom:20px}.kontakt-formular input[type=checkbox]{margin-right:10px}.kontakt-formular label[for=datenschutz]{color:#333;font-size:14px}.kontakt-formular input[type=submit]{background-color:#9b9b9b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-family:Roboto,sans-serif;font-weight:700;padding:15px 30px;transition:background-color .3s ease;width:100%}.kontakt-formular input[type=submit]:hover{background-color:#777}@media (max-width:768px){.kontakt{padding:20px}.kontakt h3{font-size:30px}}@media (max-width:400px){.kontakt h3{font-size:24px}.kontakt-formular input[type=submit]{padding:12px 20px}}@media (max-width:375px){.kontakt-formular input[type=submit]{padding:12px 10px}}.section-kontakt{background-color:#b9b9b9;padding:20px;width:auto}@media screen and (max-width:1024px){.section-kontakt{padding:10px}}@media screen and (max-width:768px){.section-kontakt{padding:10px}}@media screen and (max-width:700px){.section-kontakt{margin-bottom:20px;margin-top:20px;padding:0 0 35px}.kontakt h3{font-size:50px}}@media screen and (max-width:400px){.section-kontakt{margin-bottom:20px;padding:-10px 0 20px}}@media screen and (max-width:414px){.section-kontakt{margin-bottom:20px;padding:0 0 15px}}@media screen and (max-width:412px){.section-kontakt{margin-bottom:20px;padding:0 0 5px}}@media screen and (max-width:360px){.section-kontakt{margin-bottom:20px;padding:0 0 20px}}@media screen and (max-width:375px){.section-kontakt{margin-bottom:20px;padding:0 0 30px}}.hauptbereich3{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 20px 150px}.hauptbereich3 h3{-webkit-text-stroke:.5px #000;color:#fff;font-size:2em;margin-top:70px;padding:10px 0;text-align:center;text-shadow:2px 2px 3px #000}#projekte{max-width:1200px;width:100%}#projekte h3{color:gray;font-size:2em;margin-bottom:20px;text-align:center}.karten-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.karte{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 30px #0000001a;cursor:pointer;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:300px}.karte:hover{box-shadow:0 4px 8px #0003;transform:scale(1.05)}.karten-img{border-radius:10px;height:auto;width:100%}.karte h4{color:#333;font-size:1.5em;margin:15px 0 10px}.karte p{color:#666;font-size:1em}.coming-soon-banner{background-color:red;color:#fff;font-size:1.2em;font-weight:700;left:-10px;padding:5px 15px;position:absolute;top:50px;transform:rotate(-45deg);z-index:1}@media (max-width:768px){.karten-container{align-items:center;flex-direction:column}.karte{width:80%}.hauptbereich3{padding-bottom:85px}}.hauptbereich1{align-items:center;background:url(https://source.unsplash.com/random/1600x900) no-repeat 50%/cover;display:flex;height:100vh;justify-content:center}.card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 30px #0000001a;color:#000;max-width:400px;padding:20px;text-align:center;width:100%}.card h3{margin-bottom:10px}.card p{margin-top:10px}.navbar{background-color:#303030;font-size:1.2rem;height:80px;justify-content:center;position:fixed;top:0;z-index:1000}.navbar,.navbar-container{align-items:center;display:flex;width:100%}.navbar-container{justify-content:space-between;padding:0 20px}.navbar-logo{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:2rem;position:relative;text-decoration:none}.navbar-logo-img{height:50px;width:auto}.nav-menu{grid-gap:10px;display:grid;grid-template-columns:repeat(4,auto);list-style:none;margin-right:2rem;text-align:center}.nav-item{align-items:center;display:flex;height:80px}.nav-links{color:#fff;padding:.5rem 1rem;text-decoration:none}.nav-links:hover{background-color:#1888ff;border-radius:4px;transition:all .2s ease-out}.kontakt-link,.menu-icon{display:none}@media screen and (max-width:960px){.nav-menu{display:flex;flex-direction:column;height:90vh;left:-100%;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#242222;left:0;z-index:1}.nav-links{display:table;padding:2rem;text-align:center;width:100%}.nav-links:hover{background-color:#1888ff;border-radius:0}.navbar-logo{left:15px;position:fixed;top:15px;transform:none}.menu-icon{cursor:pointer;display:block;font-size:1.8rem;position:absolute;right:0;top:0;transform:translate(-100%,60%)}.nav-links-mobile{background:#1888ff;border-radius:4px;color:#fff;display:block;font-size:1.5rem;margin:2rem auto;padding:1.5rem;text-align:center;text-decoration:none;width:80%}.nav-links-mobile:hover{background:#fff;color:#1888ff;transition:.25s}.btn-res{bottom:20px;display:block;left:50%;position:absolute;transform:translateX(-50%)}.kontakt-link{display:flex}}:root{--primary:#1888ff}.btn-nav{background-color:#1888ff;background-color:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;outline:none;padding:8px 20px}.btn-nav:hover{background-color:initial;border:2px solid #1888ff;border:2px solid var(--primary);border-radius:4px;color:#fff;padding:6px 18px;transition:all .3s ease-out}@media screen and (max-width:960px){.btn-res{display:none}}
/*# sourceMappingURL=main.1fa636d0.css.map*/