/* Styles by Dockschiff Digital */

body {  font-family: 'Figtree'; font-size: 18px; color: #2A2625; background-color: #F8F7F3; }
h1, h2, h3, h4, h5, h6 { font-family: 'Arsenal'; }
h2 {margin-bottom: 60px; font-size: 45px; }
p { line-height: 1.8; }

a { color:#4E544E; }
a:hover, button:hover { opacity:0.7; color:#4E544E2;; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out; cursor:pointer; }
a:focus, a:hover { color:#4E544E;; cursor:pointer; }
a.btn-default { font-size:20px; font-weight:400; display:inline-block; text-align:center; font-style:normal; line-height:normal; border-radius:30px; padding:10px 30px; border:1px solid #2A2625; background:transparent; color:#2A2625; }
a.btn-arrow::after { content:""; display:inline-block; width:1.4em; height:1.4em; margin-left:0.35rem; vertical-align:-0.32em; background-color:currentColor; -webkit-mask-image:url("/assets/img/arrow-up-right-light-full.svg"); mask-image:url("/assets/img/arrow-up-right-light-full.svg"); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; transition:transform 0.2s ease; }
a.btn-hell { color: #F8F7F3; border-color: #F8F7F3; }
a.btn-default:hover { opacity: 1; }

a.btn-arrow:hover::after { animation:bounce-arrow 0.45s ease forwards; }
@keyframes bounce-arrow { 0% { transform:translateY(0); } 40% { transform:translateY(-6px); } 60% { transform:translateY(0); } 80% { transform:translateY(-3px); } 100% { transform:translateY(0); } }
.bg-light-green { background-color: #DEE9E3; }
.bg-dark { background-color: #4E544E; color: #F8F7F3; }

header { margin-bottom: 100px; margin-top: 35px; }

#intro { padding-bottom: 150px; }
#intro h1 { margin-bottom: 120px; }
#verwaltung { padding-bottom: 120px; }
#leistungen { padding-top: 120px; padding-bottom: 120px; }
.leistung-single { text-align: center; }
#leistungen h2 { margin-bottom: 100px; text-align: center; }
.leistung-single img { margin-bottom: 40px; }
.leistung-single h3 { font-size: 18px; font-weight: 700; margin-bottom: 20px; }
#instandhaltung { padding-top:120px; padding-bottom: 120px; }
#instandhaltung .btn-default { margin-top: 40px; }
#footer-top { padding-top: 80px; }
.footer-header { margin-bottom: 60px; }
footer h2 { margin-bottom: 0px; font-size: 35px; }
.erlaubnis{ font-size: 14px; border-top: 1px solid #F8F7F3; padding-top: 40px; padding-bottom: 40px; margin-top: 60px; line-height: 1.8; }
#footer-top .erlaubnis h4 { font-size: 14px; font-weight: normal; }
.contact { margin-top: 40px; }
#footer-top h4 { font-family: "Figtree"; font-weight: 700; font-size: 18px; }
#footer-btn a.is-active { font-weight: 700; }
.contact svg { width: 22px; height: 22px; fill: #F8F7F3; display: block; }
.contact a { color: #F8F7F3; text-decoration: none; line-height: 2; }
.contact a:hover { color: #F8F7F3; }

#footer-btn { padding-bottom: 60px; padding-top: 40px; font-size: 14px; }
.legal-content { padding-bottom: 100px; }
.legal-content h1 {margin-bottom: 40px; }
.legal-content h2 { margin-bottom: 10px; font-size: 30px; }
.legal-content h3 { font-size: 25px; }

@media screen and (max-width:639px) {
    body { font-size: 16px; }
    h1 { font-size: 28px; line-height: 1.3; }
    h2 { font-size: 28px; margin-bottom: 30px; }
    h3 { font-size: 20px; }
    header { margin-top: 20px; margin-bottom: 40px; }
    a.btn-default { font-size: 16px; }

    #intro { padding-bottom: 40px; }
    #intro h1 { margin-bottom: 40px; }
    .intro-img { margin-top: 40px; }

    #verwaltung { padding-bottom: 60px; }
    #verwaltung .intro-img, #instandhaltung .intro-img { width: 70%; margin-top: 20px; }
    #leistungen { padding-top: 40px; padding-bottom: 60px; }
    #leistungen h2 { margin-bottom: 40px; }
    .v-img { text-align: center; }
    .leistung-single { margin-bottom: 40px; }
    .leistung-single img { margin-bottom: 20px; width: 150px; height: auto; }

    #instandhaltung { padding-top: 60px; padding-bottom: 60px; }
    #instandhaltung .btn-default { width: 100%; text-align: center; }

    a.btn-default { font-size: 18px; padding: 10px 24px; }

    footer h2 { font-size: 24px; }
    .footer-header { margin-bottom: 40px; }
    .footer-header img { margin-bottom: 30px; }
    #footer-top { padding-top: 40px; }
    .btn-hell { margin-top: 40px; }

    .erlaubnis { font-size: 13px; line-height: 1.6; padding-top: 30px; padding-bottom: 30px; }

    .contact { margin-top: 30px; }
    .contact svg { width: 20px; height: 20px; }
    .contact a { line-height: 2; }

    #footer-btn { font-size: 13px; padding-top: 30px; padding-bottom: 40px; text-align: center; }
    #footer-btn .text-right { text-align: center; margin-top: 10px; }

    .legal-content { padding-bottom: 60px; }
    .legal-content h1 { font-size: 28px; margin-bottom: 30px; }
    .legal-content h2 { font-size: 24px; }
    .legal-content h3 { font-size: 20px; }
}