@import"variables.css";@import"header.css";@import"footer.css";@import"startpage.css";@import"impressum.css";@import"datenschutz.css";@import"ueber-mich.css";@import"arbeitsfelder.css";@import"kontakt.css";html{box-sizing:border-box;overflow-y:scroll}*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh;font-family:"Calibri",sans-serif;line-height:1.6}input,textarea,button{font-family:inherit}p{color:var(--color-text-muted)}main{flex:1}h1,h2,h3,h4{font-family:"Times New Roman",serif;color:var(--color-text-primary)}h1{font-weight:600}h2{font-weight:500}h1{font-size:64px;margin-bottom:24px}h2{font-size:36px;margin-bottom:16px}h3,h4{font-size:24px;margin-bottom:12px;font-weight:400}h4{font-size:18px;margin-bottom:8px}h4,label,button{font-weight:500}html,body,p,input,textarea{font-weight:400}a{text-decoration:none}.button-primary,.button-secondary{display:inline-block;font-size:16px;padding:10px 24px;border-radius:8px;text-align:center;transition:background-color .3s}.button-primary{background-color:var(--color-primary);color:var(--color-white);border:1px solid rgba(0,0,0,0)}.button-primary:hover{background-color:var(--color-primary-light)}.button-secondary{color:var(--color-primary);background-color:var(--color-background);border:1px solid var(--color-primary)}.button-secondary:hover{background-color:var(--color-primary-light);color:var(--color-white)}.cards{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}.cards .card{background-color:var(--color-white);border-radius:8px;padding:24px;width:280px;text-align:center;transition:transform .3s ease;color:var(--color-text-primary)}.cards .card p{font-size:18px}.cards .card h3{margin-bottom:16px;font-weight:400}.cards .card .icon-container{display:flex;margin-bottom:16px;justify-content:center}.icon-circle{width:64px;height:64px;min-width:64px;min-height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-gold);background:var(--color-gold-light)}.icon-circle .card-image{width:32px;height:32px}@media(max-width: 768px){h1{font-size:40px;line-height:1.2}h2{font-size:28px}h3{font-size:22px}.icon-circle{width:48px;height:48px;min-width:48px;min-height:48px}.icon-circle .card-image{width:24px;height:24px}.cards{flex-direction:column;align-items:center;gap:0}.cards .card{width:100%;max-width:400px}.cards .card h3{margin-bottom:12px}.cards .card .icon-container{margin-bottom:12px}}