@font-face {
  font-family: 'Architects Daughter';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/architects-daughter-regular.woff2) format('woff2');
  src: local('Architects Daughter'), url(fonts/architects-daughter-regular.woff2) format('woff2');
}

@font-face {
  font-family: 'Montserrat Regular';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/montserrat-reg.woff2) format('woff2');
  src: local('Montserrat Regular'), url(fonts/montserrat-reg.woff2) format('woff2');
    
}

@font-face {
  font-family: 'Montserrat Bold';
  font-weight: 700;
  src: url(fonts/montserrat-bold.woff2) format('woff2');
  src: local('Montserrat Bold'), url(fonts/montserrat-bold.woff2) format('woff2');    
}


html { background-color: #ffffff; font-family: "Montserrat Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
body { padding: 0; margin:0 auto; }

strong, b { font-family: "Montserrat Bold"; font-weight:bold;}
h1, h2 { font-family: "Architects Daughter"; font-size: 2em; margin-top: 1em; padding: 0 2em; font-weight: normal;}

.main { max-width: 650px; margin: 0 auto; }
.content { background-image: url(img/hg-hufpflege-krause.jpg); background-repeat: no-repeat; background-position: 0 6.5em; background-size: cover; }

.header {text-align: center; color: #ffffff; font-family: "Architects Daughter"; }
.logo img {width:32%; margin-top:20px; }
.kontakt, .imprint { color: #ffffff; text-align: center; padding-bottom: 30em; }
.kontakt p {line-height:2em; font-size:1em; margin-top: 2em; padding: 0 3em;}
.imprint p {line-height:1.2em; font-size:.8em; margin-top: 2em; padding: 0 3em; }
.imprint ul {list-style-type: none; font-size:.8em; }
.footer { font-size:.8em; text-align: right; background: #ffffff; padding: 3px;}
.footer .dhv {width: 50%; text-align: left; float:left; }
.footer .dhv img {width:50%;}
.footer .footerlink {width: 50%; float:right; margin-top: 2.2em;}
.footer a {text-decoration: none; color: #353535; }
.footer a:hover {font-weight: bold; }

@media (max-width: 720px) {
    .main { width: 100%;}
    .content { height: 100%; background-position: 0 5.8em; }
    .logo img { width:45%; }
    .kontakt, .imprint {padding-bottom: 20em;}
    .kontakt p {padding: 1em 2em; font-size: .9em;}
    .imprint p, .imprint ul {font-size: .75em; }
    .footer .footerlink {margin-top: 1em;}
    h1, h2 {font-size:1.6em;}
    

}