.navbar.svelte-4t0ey0.svelte-4t0ey0{position:fixed;top:0;z-index:1000;display:flex;justify-content:center;align-items:center;gap:2rem;background-color:#ffffff;padding:1rem;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);width:100%;opacity:0.9}.navbar.svelte-4t0ey0 a.svelte-4t0ey0{font-family:"Krona One", sans-serif;font-size:1rem;color:#1f2937;text-decoration:none;cursor:pointer;transition:color 0.3s ease}.navbar.svelte-4t0ey0 a.svelte-4t0ey0:hover{color:#6b7280}.navbar.svelte-4t0ey0 a.active.svelte-4t0ey0{color:#1d4ed8;font-weight:bold;text-decoration:underline}@media(max-width: 768px){.navbar.svelte-4t0ey0.svelte-4t0ey0{padding:0.5rem}.navbar.svelte-4t0ey0 a.svelte-4t0ey0{font-size:0.9rem}}
.footer.svelte-g0f9sa{background-color:#191540;color:#e5ecff;text-align:center;padding:2rem 1rem}.footer-content.svelte-g0f9sa{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0.5rem}.footer-text.svelte-g0f9sa{font-family:'Krona One', sans-serif;font-size:1.5rem}.footer-links.svelte-g0f9sa{display:flex;gap:2rem}.footer-link.svelte-g0f9sa{color:#e5ecff;text-decoration:none;font-family:'Roboto', sans-serif;font-size:1.5rem;display:flex;align-items:center;gap:0.5rem;transition:color 0.3s ease}.footer-link.svelte-g0f9sa:hover{color:#c3d2ff}@media(max-width: 768px){.footer-content.svelte-g0f9sa{gap:0.5rem}.footer-links.svelte-g0f9sa{flex-direction:column;gap:1rem}}
.skills-section.svelte-11tqzdb.svelte-11tqzdb{position:relative;padding:4rem 1rem;background-color:#E5ECFF;text-align:center;overflow:hidden}.skills-section.svelte-11tqzdb.svelte-11tqzdb::before,.skills-section.svelte-11tqzdb.svelte-11tqzdb::after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle, #626ec1 60%, #c3d2ff 30%);filter:blur(120px);opacity:0.8;z-index:1}.skills-section.svelte-11tqzdb.svelte-11tqzdb::before{width:400px;height:200px;top:-100px;left:-100px}.skills-section.svelte-11tqzdb.svelte-11tqzdb::after{width:400px;height:300px;bottom:-150px;right:-150px}.skills-section.svelte-11tqzdb h2.svelte-11tqzdb{font-family:"Krona One", sans-serif;font-size:3rem;color:#191540;margin-bottom:2rem;z-index:2}.skills-container.svelte-11tqzdb.svelte-11tqzdb{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;justify-items:center}.skill-card.svelte-11tqzdb.svelte-11tqzdb{padding:2rem;display:flex;align-items:flex-start;gap:1rem;text-align:left}.line.svelte-11tqzdb.svelte-11tqzdb{width:4px;height:100%;background-color:#191540}.content.svelte-11tqzdb h3.svelte-11tqzdb{font-family:"Krona One", sans-serif;color:#191540;font-size:2rem;margin-bottom:0.5rem;text-align:left}.content.svelte-11tqzdb p.svelte-11tqzdb{font-family:"Roboto", sans-serif;color:#191540;font-size:1.25rem;line-height:1.6;text-align:left}@media(max-width: 1024px){.skills-section.svelte-11tqzdb.svelte-11tqzdb::before{width:200px;height:240px}.skills-section.svelte-11tqzdb.svelte-11tqzdb::after{width:320px;height:320px}.content.svelte-11tqzdb h3.svelte-11tqzdb{font-size:2rem}.content.svelte-11tqzdb p.svelte-11tqzdb{font-size:1.25rem}.line.svelte-11tqzdb.svelte-11tqzdb{width:4px;height:100%}}
.intro-section.svelte-nea11r{position:relative;display:flex;flex-direction:column;align-items:flex-start;background-color:#E5ECFF;padding:4rem 2rem 0rem 2rem;box-sizing:border-box;overflow:hidden;z-index:30}.intro.svelte-nea11r{text-align:left;width:100%;margin-bottom:6rem}.greeting.svelte-nea11r{font-family:'Roboto', sans-serif;font-size:1.875rem;color:#191540;margin-bottom:0.5rem;line-height:1.4}.name.svelte-nea11r{font-family:'Krona One', sans-serif;font-size:5rem;color:#191540;line-height:1;margin:0;padding-bottom:2rem}.lower-section.svelte-nea11r{display:flex;justify-content:space-around;width:100%;position:relative}.profile.svelte-nea11r{position:relative;display:flex;justify-content:center;align-items:center;width:502px;height:502px}.profile-image.svelte-nea11r{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.blur-background.svelte-nea11r{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;height:600px;background:radial-gradient(circle, #626ec1 60%, #c3d2ff 30%);filter:blur(100px);opacity:1;z-index:1}.description.svelte-nea11r{padding-top:1rem;text-align:left;max-width:400px}.title.svelte-nea11r{font-family:'Krona One', sans-serif;font-size:5rem;color:#191540;margin:0 0 1rem 0;line-height:1.2}.details.svelte-nea11r{font-family:'Roboto', sans-serif;font-size:1.875rem;color:#191540;line-height:1.25;margin:0}.intro-section.svelte-nea11r::before{content:"";position:absolute;width:300px;height:300px;top:-100px;right:-100px;background:radial-gradient(circle, #626ec1 30%, #c3d2ff 30%);filter:blur(50px);opacity:0.8;z-index:1}@media(max-width: 1024px){.intro-section.svelte-nea11r{display:flex;flex-direction:column;align-items:center;justify-content:center}.intro-section.svelte-nea11r::before{display:none}.lower-section.svelte-nea11r{flex-direction:column;align-items:center;text-align:center;gap:2rem}.profile.svelte-nea11r{width:350px;height:350px;display:flex;justify-content:center;align-items:center}.blur-background.svelte-nea11r{width:360px;height:360px}.description.svelte-nea11r{text-align:center;align-items:center;max-width:90%;margin-top:1rem}.title.svelte-nea11r{font-size:3rem;text-align:center}.details.svelte-nea11r{font-size:1.5rem;padding-bottom:4rem}.intro.svelte-nea11r{margin-bottom:2rem;text-align:center;align-items:center}.greeting.svelte-nea11r{font-size:1.5rem}.name.svelte-nea11r{font-size:4rem}}
.about-me-section.svelte-w93gwt{background-color:#191540;color:#E5ECFF;padding:4rem 2rem;text-align:center}.about-title.svelte-w93gwt{font-family:'Krona One', sans-serif;font-size:3rem;margin-bottom:2rem}.about-text.svelte-w93gwt{font-family:'Roboto', sans-serif;font-size:1.25rem;line-height:1.8;max-width:800px;margin:0 auto}@media(max-width: 1024px){.about-title.svelte-w93gwt{font-size:3rem;text-align:left}.about-text.svelte-w93gwt{font-size:1.25rem;text-align:left}}
.projects-section.svelte-1rrsfe4.svelte-1rrsfe4{padding:4rem 2rem;background-color:#191540;color:#f7f9ff;text-align:center}.section-title.svelte-1rrsfe4.svelte-1rrsfe4{font-family:"Krona One", sans-serif;font-size:3rem;margin-bottom:3rem;color:#e5ecff}.projects-list.svelte-1rrsfe4.svelte-1rrsfe4{display:flex;flex-direction:column;gap:4rem}.project-item.svelte-1rrsfe4.svelte-1rrsfe4{display:flex;justify-content:center;align-items:center;width:100%}.project-content.svelte-1rrsfe4.svelte-1rrsfe4{display:flex;align-items:flex-start;gap:2rem;max-width:1200px;margin:0 auto}.image-slider.svelte-1rrsfe4.svelte-1rrsfe4{position:relative;width:350px;height:250px;display:flex;align-items:center;justify-content:center}.project-image.svelte-1rrsfe4.svelte-1rrsfe4{width:100%;height:100%;object-fit:cover;box-shadow:0 4px 6px rgba(0, 0, 0, 0.2);transition:transform 0.3s ease}.image-slider.svelte-1rrsfe4:hover .project-image.svelte-1rrsfe4{transform:scale(1.1)}.nav-button.svelte-1rrsfe4.svelte-1rrsfe4{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0, 0, 0, 0.6);color:#ffffff;border:none;font-size:1.5rem;padding:0.5rem 1rem;cursor:pointer;opacity:0;transition:opacity 0.3s ease}.image-slider.svelte-1rrsfe4:hover .nav-button.svelte-1rrsfe4{opacity:1}.nav-button.left.svelte-1rrsfe4.svelte-1rrsfe4{left:-20px}.nav-button.right.svelte-1rrsfe4.svelte-1rrsfe4{right:-20px}.nav-button.svelte-1rrsfe4.svelte-1rrsfe4:hover{background:rgba(0, 0, 0, 0.8)}.project-title.svelte-1rrsfe4.svelte-1rrsfe4{font-family:"Krona One", sans-serif;font-size:2rem;color:#e5ecff;margin:0;padding-top:0;align-self:flex-start}.project-description.svelte-1rrsfe4.svelte-1rrsfe4{font-family:"Roboto", sans-serif;font-size:1.25rem;line-height:1.6;color:#e5ecff;margin-top:1rem}.project-divider.svelte-1rrsfe4.svelte-1rrsfe4{border:0;height:3px;background:#e5ecff;opacity:0.2;width:80%;margin:2rem auto}.learn-more-button.svelte-1rrsfe4.svelte-1rrsfe4{display:inline-block;background:none;color:#e5ecff;border:2px solid #e5ecff;border-radius:4px;padding:4px 12px;font-size:1rem;cursor:pointer;text-decoration:none;transition:background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;text-align:center;margin:0}.learn-more-button.svelte-1rrsfe4.svelte-1rrsfe4:hover{background-color:#e5ecff;color:#191540;transform:scale(1.05)}.learn-more-button.svelte-1rrsfe4.svelte-1rrsfe4:focus{outline:none}.text-content.svelte-1rrsfe4.svelte-1rrsfe4{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:600px}.project-detail.svelte-1rrsfe4.svelte-1rrsfe4{font-family:"Roboto", sans-serif;font-size:1.25rem;line-height:1.6;color:#e5ecff;margin-top:1rem}.projects-section.svelte-1rrsfe4.svelte-1rrsfe4{padding:4rem 2rem;background-color:#191540;color:#f7f9ff;text-align:center}.section-title.svelte-1rrsfe4.svelte-1rrsfe4{font-family:"Krona One", sans-serif;font-size:3rem;color:#e5ecff;margin-bottom:3rem}.project-content.svelte-1rrsfe4.svelte-1rrsfe4{display:flex;align-items:flex-start;gap:2rem;max-width:1200px;margin:0 auto}.project-title.svelte-1rrsfe4.svelte-1rrsfe4{font-size:2rem;color:#e5ecff}.project-description.svelte-1rrsfe4.svelte-1rrsfe4{font-size:1.25rem;margin:1rem 0}@media(max-width: 1024px){.projects-list.svelte-1rrsfe4.svelte-1rrsfe4{flex-direction:column;gap:3rem}.project-content.svelte-1rrsfe4.svelte-1rrsfe4{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.image-slider.svelte-1rrsfe4.svelte-1rrsfe4{width:300px;height:200px;display:flex;justify-content:center;align-items:center;position:relative}.text-content.svelte-1rrsfe4.svelte-1rrsfe4{width:90%;max-width:600px;text-align:center;margin-top:1rem}.project-title.svelte-1rrsfe4.svelte-1rrsfe4{font-size:2rem;align-items:center;text-align:center;color:#e5ecff}.project-description.svelte-1rrsfe4.svelte-1rrsfe4{font-size:1.25rem;line-height:1.4;text-align:left}.nav-button.svelte-1rrsfe4.svelte-1rrsfe4{opacity:1;position:absolute;top:50%;transform:translateY(-50%);background:rgba(0, 0, 0, 0.6);color:#d1d5db;border:none;font-size:1.25rem;padding:0.5rem 1rem;cursor:pointer;z-index:10}.nav-button.left.svelte-1rrsfe4.svelte-1rrsfe4{left:-20px}.nav-button.right.svelte-1rrsfe4.svelte-1rrsfe4{right:-20px}.learn-more-button.svelte-1rrsfe4.svelte-1rrsfe4{font-size:1.25rem;text-decoration:underline}.project-detail.svelte-1rrsfe4.svelte-1rrsfe4{font-size:1.25rem;text-align:left}.project-content.svelte-1rrsfe4.svelte-1rrsfe4{flex-direction:column;text-align:center}.text-content.svelte-1rrsfe4.svelte-1rrsfe4{margin-top:1rem}.image-slider.svelte-1rrsfe4:hover .project-image.svelte-1rrsfe4{transform:none}.nav-button.svelte-1rrsfe4.svelte-1rrsfe4{opacity:1}}
@tailwind base;

@tailwind components;

@tailwind utilities;

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Globale Schriftarten definieren */
body {
	font-family: 'Khand', sans-serif;
	line-height: 1.6;
    background-color: f7f9ff;
    margin: 0; /* Entferne Standardabstände */
	padding: 0;
	line-height: 1.6;
    position: relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Krona One', sans-serif;
}

/* Globale Link-Stile */
a {
	text-decoration: none;
	color: inherit;
}

main {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
  }