@charset "utf-8"; :root { font-size: 16px;
} * { margin: 0; padding: 0; box-sizing: border-box;
} body { color: #323232; font-family: "Arial", sans-serif; font-size: .937rem; line-height: 1.5rem; font-weight: 400; background: #ebebeb;
} img { max-width: 100%; height: auto; display: block;
} #wrapper { position: relative; max-width: 50rem; margin: 1rem auto; overflow: hidden; background: transparent;
} h1 { font-size: 1.6rem; line-height: 120%; margin: 1rem 0 .5rem; color: #9d001f; text-align: center;
} h2 { font-size: 1.2rem; color: #9d001f;
} :is(a:link, a:visited, a:hover, a:active) { color: inherit; text-decoration: none; white-space: nowrap;
} p { margin: .5rem 0;
} span { white-space: nowrap
} ul { margin: .5rem 0 0 1rem; list-style: none;
} ul li:before { content: "\25A0"; color: #9d001f; font-size: .625rem; float: left; margin: 0 0 0 -.937rem;
}
a.color {color: #9e001f}
header { background: #fff; padding: 1.5rem; display: flex;
} section { background: #fff; margin: .5rem 0; padding: 1rem 1.5rem;
} .kontakt { display: flex; flex-direction: column;
} .kontakt-inner,
.details-standort { display: flex; justify-content: flex-start;
} .ansprechpartner { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 1.5rem 1rem;
} .details { display: flex; justify-content: flex-start; margin-right: 5rem;
} .details h3,
.details-standort h3 { font-size: 1.2rem; margin-bottom: 0.5rem;
} .kontakt-inner > figure { margin: .625rem 1.562rem 0 0;
} section .fa-solid { font-size: 3rem;
} section > .details figure { margin: 0 1.562rem 0 0;
} .details-standort figure { margin: 0 1.437rem 0 0;
} @-moz-document url-prefix() { .details-standort figure { margin: 0 1.562rem 0 0; }
} .benefits { display: flex; justify-content: space-between; margin: 1rem 0 0.5rem; flex-wrap: wrap; gap: 1rem;
} .benefits p { line-height: 1.3; margin: 0;
} .benefit { display: flex; flex-direction: column; align-items: center; font-size: 0.875rem; width: 23%; text-align: center;
} .iframe-wrapper { width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 1.875rem; height: 0; overflow: hidden;
} .iframe-wrapper iframe { border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
} footer { background: #fff; padding: 1rem; margin-top: .5rem;
} footer p { text-align: center;
} footer .social { display: flex; justify-content: center; align-items: center; gap: 1rem; font-size: 1.5rem; padding-top: .5rem;
} a.apply { background: #9d001f; font-size: 1.1rem; text-align: center; color: #fff; border: solid 2px #9d001f; padding: .7rem 2rem; display: block; width: 14.375rem; margin: 2rem auto 1rem;
} a.apply:hover { background: #fff; color: #9d001f;
} @media only screen and (max-width: 799px) { #wrapper { border: none; margin: 0 auto; padding: .5rem; } p, ul { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
} @media only screen and (max-width: 768px) { header { justify-content: center; } .kontakt-inner, .details, .details-standort { display: block; justify-content: center; width: 100%; margin: 0; } .ansprechpartner { justify-content: center; gap: 1rem; } section :is(.kontakt-inner, .details, .details-standort) figure { width: 100%; margin: 0; display: flex; justify-content: center; } section :is(.kontakt-inner, .details-inner, .details-standort) { text-align: center; } section:nth-of-type(5) h2 { text-align: center } .details-inner div { display: flex; justify-content: center; padding-bottom: 1rem; }
} @media only screen and (max-width: 480px) { ul { padding: 0; } .benefit { width: 47%; } section, footer { padding: 1rem; } .none { display: none; }
} @media only screen and (max-width: 376px) { a.apply { margin: .625rem auto; width: 100%; }
}