/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/pt-sans-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* pt-serif-regular - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'),
       url('../fonts/pt-serif-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/pt-serif-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

* { margin:0; padding:0; }
body { font:13px 'PT Sans', Courier New, Arial, Helvetica, sans-serif; background:url(../images/bg.gif); color:#5a422e; }
img { border:0; }
h1 , h2 , h3 { font:24px 'PT Serif', Courier New, Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 15px 0; color:#7f3f14; }
h2 { font-size:20px; }
p { margin:0 0 20px 0; }
.clear { clear:both; }
.spacer { display:block; float:left; width:55px; }
.page , .pageEnding , .footer { width:660px; margin:auto; padding:0 85px; background:url(../images/pagebg.png) 0 0 repeat-y; }
.header { height:516px; background:url(../images/headerbg.jpg); position:relative; left:-80px; top:0; width:820px; }
.header .quote { padding:10px 25px; position:absolute; left:60px; bottom:180px; color:#7f3f14; font:16px 'PT Serif', Courier New, Arial, Helvetica, sans-serif; }
.header .quote a{ color:#7f3f14; font:16px 'PT Serif', Courier New, Arial, Helvetica, sans-serif; text-decoration:none;}
.header ul.menu { width:816px; padding:9px 0 0 124px; height:56px; background:url(../images/ribbon.png); position:absolute; left:-60px; top:10px; }
.header ul.menu li { float:left; list-style:none; font:16px 'PT Serif', Courier New, Arial, Helvetica, sans-serif; }
.header ul.menu li a { text-shadow: 1px 1px 2px #333; height:38px; padding:15px 17px 0 17px; display:block; float:left; color:#ffd; text-decoration:none; }
.header ul.menu li a:hover , .header ul.menu li a.current { color:#f6886f; background:url(../images/transparent35.png); }
.slider { background:url(../images/transparent26.png); position:absolute; right:25px; top:124px; }
.sliderInner { width:464px; height:286px; }
.sliderInner img { display:block; }
#prevBtn a , #nextBtn a { display:block; width:42px; height:42px; text-indent:-3000px; position:absolute; top:127px; }
#prevBtn a { left:10px; background:url(../images/prev.png); }
#prevBtn a:hover { background:url(../images/prev2.png); }
#nextBtn a { right:10px; background:url(../images/next.png); }
#nextBtn a:hover { background:url(../images/next2.png); }
.main { padding:40px 0 50px 0; }
.content , .contact { float:left; line-height:16px; }
.content { width:420px; text-align:justify; margin-right:60px; }
.content ul { margin:0 0 0 25px; }
.content a { color:#000; }
.content a:hover { text-decoration:none; }
.contact { width:160px; }
.contact a { color:#5a422e; text-decoration:none; }
.contact a:hover { text-decoration:underline; }
.pageEnding { height:5px; background:url(../images/pageendbg.png); }
.footer { padding:10px 0; background:transparent; }
.footer ul { list-style:none; }
.footer ul a { color:#8b6648; text-decoration:none; }
.footer ul a:hover { text-decoration:underline; }
.footer li {float:left;padding-right:20px}
fieldset { border:0; }
label { display:block; float:left; width:100px; padding:1px 0 0 0; }
input , textarea { color:#5a422e; float:left; padding:2px; font:13px 'PT Sans', Courier New, Arial, Helvetica, sans-serif; display:block; width:200px; margin:0 0 5px 0; border:1px solid #ccc; }
textarea { height:100px; width:300px; resize:none; }
input.senden { width:90px; background:#d4664b; color:#fff; padding:2px 0; border:none; }
.datenschutz {display: none;}
iframe.kf {border: none; width: 100%; height: 550px;}

@media screen and (min-width: 769px) {
    .responsive {display: none;}
}

@media screen and (max-width: 768px) {
    * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .slider , .quote , .display-r , .menu , .pageEnding {display: none;}
    .page { width:90%; margin: 0 5%; padding:0;}
    .header {background: url("../images/headerbg-2.png") no-repeat 0 -80px; height: 300px; width: 100%;	position: static; left: 0;}
    .menu-r li {background-color: #9e2200; width: 25%; float: left; padding: 1.5% 0; list-style: none; text-align: center;}
    .menu-r li a {text-decoration: none; color: #fff;}
    .main { padding:40px 4% 50px 4%; }
    .content { width:100%; text-align:justify; margin-right:0; float: none;}
    .contact { width:100%; }
    a.button-r {background: #9e2200; padding: 1.5%; color: #fff;}
    .footer { padding:10px 6%; margin: 0 0 30px 0;}
    .datenschutz {display: block; position: fixed; bottom: 0; right: 0; z-index: 9999; width: 100%;}
    .datenschutz ul li {width: 50%; float: left; background: #a02400; text-align: center; padding: 5px 0; list-style: none;}
.datenschutz a {color: #fff; text-decoration: none;}
}

@media screen and (max-width: 420px) {
	.menu-r li {width: 100%; float: none; padding: 2% 0;}
	.footer li {float:none;padding-right:20px}
	label {float:left; width:30%; padding:1px 0 0 0; }
	input , textarea { color:#5a422e; float:left; padding:2px; font:13px 'PT Sans', Courier New, Arial, Helvetica, sans-serif; display:block; width:60%; margin:0 0 5px 0; border:1px solid #ccc; }
	textarea { height:100px; width:60%; resize:none; }
	input.senden { width:90px; background:#d4664b; color:#fff; padding:2px 0; border:none; }
}