@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600");
html, body { margin: 0; padding: 0; font-weight: 300; font-size: 14pt; }

body { background: #ffffff; color: #52575c; font-family: "Source Sans Pro", "sans-serif"; }

a { transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; color: inherit; text-decoration: none; border-bottom: dotted 1px #62676c; }

a:hover { color: #f35858; border-bottom-color: rgba(255, 255, 255, 0); }

main { display: grid; grid-template-columns: 1fr min(1200px, 100%) 1fr; }

main > * { margin: 0 16px; grid-column: 2; }

main .full-bleed { margin: 0; grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; }

main .full-bleed > * { margin-left: 16px; margin-right: 16px; grid-column: 2; }

.logo-section .logo { content: url("/assets/svg/kanzlei-liebing.svg"); width: min(80vw, 20rem); display: block; margin: 2rem auto; border-bottom: 0; }

.title-section { background-image: url("/assets/svg/header.svg"), linear-gradient(75deg, #A60078 15%, #00AEFF 55%); background-color: #00AEFF; background-repeat: no-repeat, no-repeat; color: #fff; text-align: center; padding: 4rem 0; }

.title-section h2 { font-size: 3rem; font-weight: 300; padding-top: 0; margin-top: 0; }

.title-section span { font-size: 1.5rem; }

.footer-section { background-image: url("/assets/svg/footer.svg"); background-color: #f5f7fa; background-repeat: no-repeat; color: #52575c; padding: 4rem 0; }

.footer-section h3 { font-size: 1.5rem; font-weight: 300; padding-top: 0; margin-top: 0; }

.footer-section .contacts { display: grid; grid-template-columns: auto 1fr; gap: 1rem .5rem; }

.footer-section .contacts h4 { padding: 0; margin: 0; font-weight: inherit; }

.footer-section .contacts span ~ h4 { margin-top: 1rem; }

.footer-section .contacts span.material-symbols-outlined { margin-top: .1rem; font-size: 2.5rem; }

.footer-section ul { list-style-type: none; padding: 0; margin: 0; }

.footer-section ul li { padding-bottom: .5rem; }

.content-section { padding: 4rem 0; }

.content-section + .content-section { padding-top: 0; }

.banner-section { background-color: #00AEFF; color: #fff; padding: 4rem 0; text-align: center; }

.flex-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 3rem; }

.hero img { width: 100%; }

.hero h2 { font-size: 2rem; font-weight: 300; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }

.hero h3 { font-size: 1.5rem; font-weight: 300; padding-top: 0; margin-top: 0; }

.highlight { color: #A60078; }

.uppercase { text-transform: uppercase; }

.centered { text-align: center; }

.card .card-image { width: 100%; margin-bottom: 1.5rem; }

.card h3 { font-size: 1.5rem; font-weight: 300; padding-top: 0; margin-top: 0; }

.panel { background: rgba(255, 255, 255, 0.05); border: solid 1px rgba(255, 255, 255, 0.25); border-radius: 0.5rem; padding: 1.75rem 2.5rem 1.75rem 2.5rem; display: inline-block; }

.panel h2 { padding: 0; display: inline-block; margin: 0 1rem 0 0; font-weight: 300; font-size: 1.75rem; }

.panel a { background: #fff; color: #27636B; font-size: 1.25em; transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; display: inline-block; text-decoration: none; border: 1px solid #c2c7cc; border-radius: 0.35em; padding: 0.8em 2em 0.8em 2em; cursor: pointer; outline: 0; }

.panel a:hover { border-color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.15); color: #fff; }

/*# sourceMappingURL=main.css.map */