html{color:#5a4e38;font-size:1em;line-height:1.4}
::selection{background:#8F7C58;color:#fff;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #8F7C58;margin:1em 0;padding:0}
audio, canvas, iframe, img, svg, video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
body{font-size:14px;font-weight:400;line-height:1.65;font-family:'Playfair Display',Georgia,serif;color:#5a4e38;background:#fff;text-align:center;margin:0;padding:0;letter-spacing:0.01em;word-spacing:0.01em;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}
a,a:link,a:hover,a:visited,a:active,a:focus{color:#5A4E38;text-decoration:none;border-bottom:1px dotted #ccc;transition:all .2s linear}
a:hover{border-bottom:1px solid #5A4E38}
h1,h2,h3,h4,h5,h6{line-height:115%;font-weight:600;padding:0;margin:.5em 0;color:#5A4E38}
h1{text-align:center;font-size:2.4em;width:80%;margin:1em auto}
h1#logo a{display:block;border:none}
h2{font-size:1.5em;padding:1.3em 0 0 0}
h3{margin:1em 0 0 0;font-size:1.5em}
strong{display:block;margin:-.75em 0;color:#8F7C58;text-transform:uppercase;font-weight:normal;letter-spacing:.175em}
ul{list-style:none;padding:0;margin:0}
small{font-size:.8em;display:block;line-height:1.25}
hr{display:none}
img{max-width:100%;height:auto !important}

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'),
       url('/fonts/playfair-display-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/playfair-display-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* playfair-display-700 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'),
       url('/fonts/playfair-display-v13-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/playfair-display-v13-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


#seite{padding:2em 1em .5em 1em;text-align:left}
#navi{padding:.75em 0.2em;border-top:2px solid #8F7C58;border-bottom:2px solid #8F7C58}
#navi ul li{padding-left:1.5em;background:transparent url(frisur.gif) 0 3px no-repeat}
img.left{border:2px solid #8F7C58;padding:1px;float:left;margin:.5em 1em 0 0}
.video{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;width: 100%;height: auto}
.video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
#abspann{text-align:center;font-size:.8em;margin-top:4em}
.clearfix:before, .clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

@media only screen and (min-width:35em){
body{font-size:16px}
}

@media only screen and (min-width:45em){
body{font-size:17px}
    h1{max-width:8em}
    #seite{margin:2em 1.5em .5em 1.5em}
}

@media only screen and (min-width:55em){
body{font-size:18px}
#seite{width:50em;margin:2em auto .5em auto}
}


@media print{
*,*:before,*:after,*:first-letter,*:first-line{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after, a[href^="javascript:"]:after{content:""}
pre, blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr, img{page-break-inside:avoid}
img{max-width:100% !important}
p, h2, h3{orphans:3;widows:3}
h2, h3{page-break-after:avoid}
}