﻿/** REITSTALL SCHOENBUCH

Farben: Schrift #333333;
        grün: #868b00;
        hellgrün: #a6ac00;
**/

/* libre-baskerville-regular - latin-ext_latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/libre-baskerville-v9-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Libre Baskerville'), local('LibreBaskerville-Regular'),
       url('../fonts/libre-baskerville-v9-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/libre-baskerville-v9-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/libre-baskerville-v9-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/libre-baskerville-v9-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/libre-baskerville-v9-latin-ext_latin-regular.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}
/* libre-baskerville-italic - latin-ext_latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/libre-baskerville-v9-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Libre Baskerville Italic'), local('LibreBaskerville-Italic'),
       url('../fonts/libre-baskerville-v9-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/libre-baskerville-v9-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/libre-baskerville-v9-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/libre-baskerville-v9-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/libre-baskerville-v9-latin-ext_latin-italic.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}
/* libre-baskerville-700 - latin-ext_latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/libre-baskerville-v9-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Libre Baskerville Bold'), local('LibreBaskerville-Bold'),
       url('../fonts/libre-baskerville-v9-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/libre-baskerville-v9-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/libre-baskerville-v9-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/libre-baskerville-v9-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/libre-baskerville-v9-latin-ext_latin-700.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}

p{
  font-family: 'Libre Baskerville';
  font-weight: normal;
  font-size: 14px;
}
h1{
  font-family: 'Libre Baskerville';
  font-weight: normal;
  font-size: 14px;
}
h2{
  font-family: 'Libre Baskerville';
  font-weight: normal;
  font-size: 14px;
}
h3{
  font-family: 'Libre Baskerville';
  font-weight: normal;
  font-size: 14px;
}
h4{
  font-family: 'Libre Baskerville';
  font-weight: normal;
  font-size: 16px;
}
h5{
  font-family: 'Libre Baskerville';
  font-weight: normal;
  font-size: 14px;
}
h6{
  font-family: 'Libre Baskerville';
  font-weight: normal;
  font-size: 14px;
}

li{
  font-family: 'Libre Baskerville';
  font-weight: normal;
}

body{
 background-color: #000000;
 border-top: 5px solid rgba(0,0,0,.2);
 background-image: url("/images/bg1.jpg");
 color: #333333;
 padding: 35px 0px 35px 0px;
}

.body-innerwrapper{
position: relative;
width: 950px;
background-color: transparent;
margin: 0 auto;
}

h4,
div.contact h3{
 font-weight: bold;
 font-size: 16px;
 font-stretch: expanded;
 display: inline;
 padding-right: 28px;
 background-image: url('/images/db2.gif');
 background-repeat: no-repeat;
 background-position: right;
 margin-bottom: 12px;
}
a {
    color: #868b00;
    font-family: 'Libre Baskerville';
}
a:hover{
    color: #a6ac00;
    text-decoration: underline;
    font-family: 'Libre Baskerville';
}

.btn-primary, .btn-secondary {
  border-color: #a6ac00;
  background-color: #868b00;
  width: 95%;
  max-width: 400px;
  color: #fff;
  _margin-right: -50px;
}

.btn-primary:hover, .btn-secondary:hover {
  border-color: #2B2B2B;
  background-color: #a6ac00;
  width: 95%; 
  max-width: 400px;
  color: #fff;
}

.tccontentbefore, .tccontentafter {
  font-family: 'Libre Baskerville';
  font-weight: normal;
  font-size: 12px;
  color: #474747;
  width: 95%;
  max-width: 400px;
  padding: 30px;
}

.ccctc {
  width: 95%;
  max-width: 400px;
}

div.contact{
 padding-top: 30px;
}

img.left{
 position: relative;
 float: left;
 _margin: 0em 1.8em 1.4em 0em;
}

.fotokarte {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.fotokarte img{
  border: 10px solid #fefefe;
}

#sp-top-bar{
  border-top: solid 7px #fff;
  border-left: solid 7px #fff;
  border-right: solid 7px #fff;
}
#sp-top-bar .container {
 width: 100%;
 padding: 0;
}

#upbg{
position: absolute;
top: -5px;
left: 0px;
width: 100%;
height: 275px;
background: #fff url('/images/bg2.jpg') repeat-x;
}

#sp-logo-row{
position: relative;
_width: 100%;
background: #2B2B2B url('/images/topbg.gif') repeat-x;
border-top:2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 7px solid #fff;
border-right: 7px solid #fff;
min-height: 60px;
}

#sp-logo h1,
#sp-logo p{
 margin: 0;
}

img.sp-default-logo{
 height: auto;
 max-height: 120px;
}

#sp-position4.col-xs-2.col-sm-2.col-md-2{
   padding: 1% 0 0 0;
}

.row{
  margin-left:0;
  margin-right:0;
}

#sp-top-bar,
#sp-header.menu-fixed-out,
#sp-header.menu-fixed div.container{
 background: #7F8400 url('/images/menubg.gif') repeat-x top left;
 color: #ffffff;
}

#sp-footer{
 padding-top: 5em;
 background: #FFFFFF url('/images/border2.gif') repeat-x 0em 2.5em;
 font-size: 0.8em;
 color: #333333;
 border-left: 7px solid #fff;
 border-right: 7px solid #fff;
 border-bottom: 7px solid #fff;
 font-family: 'Libre Baskerville';
}

i.fa.fa-bars :hover,
#offcanvas-toggler > i:hover{
 color: #a6ac00;
}

#offcanvas-toggler {
 line-height: 40px;
 padding-top: 5px;
 margin-bottom: -15px;
}

ul.social-icons > li a,
li.sp-contact-phone > a,
li.sp-contact-mobil > a,
li.sp-contact-email > a{
 color: #ffffff;
}

#sp-header{
 height:auto;
 z-index:999;
  border-left: 7px solid #fff;
  border-right: 7px solid #fff;
}

#sp-header > div.container > div.row {
 _margin-right: 15px;
}

#sp-header.menu-fixed{
    background-color: transparent;
    position: fixed;
    top: 0px;
	border-left: 0px;
	border-right: 0px;
	}
#sp-header.menu-fixed .container{
    border-bottom: 8px solid #fff;
}

#sp-slider{
position: relative;
height: auto;
background: #fff url('/images/hdrbg.jpg') repeat top left;
border-top:2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 7px solid #fff;
border-right: 7px solid #fff;
}

#sp-slider p{
 margin:0;
}

#sp-slider > div.container {
padding-left:0;
}

#sp-position1{
 padding:0;
}
#sp-position1 > p{
 margin:0;
}

.sp-megamenu-parent{
 float:left;
}

.sp-megamenu-parent > li > a {
 font-size: 12px;
 color:#ffffff;
 _letter-spacing: 1.5px;
 text-transform: none;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: #868b00;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #868b00;
}

.sp-module ul > li > a:hover {
    color: #868b00;
}

.page-header{
 margin:0;
 _border-bottom: 1px solid #fe0000;
}

#sp-menubottom{
 background: #fff url('/images/border1.gif') repeat-x;
 height: 14px;
 margin-top: -1px;
 border-top: 2px solid #fff;
 border-left: 7px solid #fff;
 border-right: 7px solid #fff;
}

#sp-main-body{
 padding: 40px 0;
 background: #fff;
 border-left: 7px solid #fff;
 border-right: 7px solid #fff;
 font-family: 'Libre Baskerville';
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a{
 text-decoration:underline;
 color:#ffffff;
}

section#sp-fotos > div.container,
#sp-cookies > div.container,
#sp-footer2 {
 padding:0px;
}

#sp-cookies{
  margin-top: 50px;
}

.dl-horizontal dd{
 padding-top: 8px;
}

.dl-horizontal a,
.form-validate a {
    color: #868b00;
}
.dl-horizontal a:hover,
.form-validate a:hover{
    color: #a6ac00;
    text-decoration: underline;
}

.form-validate .control-label{
 _width:130px;
 vertical-align: top;
 width: 20%;
 display:inline-block;
 margin: 0 1% 0 0;
}
.form-validate .controls{
	display: inline-block;
 margin:0;
 width: 78%;
}
a.accordion-toggle {
  color: #868b00;
}

#jform_captcha{
  display:inline-block;
}
.form-validate > fieldset > legend{
  display:none;
}
#jform_com_fields_datenschutz > label.checkbox{
  margin-left: 20px;
}
label{
 display: block;
}
input, textarea{
 width: 70%;
 _margin-left: 40px;
}
button{
 float:right;
}
textarea#jform_contact_message.required{
 height: 200px;
}
.contact-form .optional{
 display:none;
}
.contact-position > dt,
.dl-horizontal dt {
    display: none;
}
.alert-success {
    color: #4f5025;
    background-color: #d1d56b;
    border-color: #7f831e;
}


/**************************************************************************************/
@media (min-width: 1400px) {
	
/*** für sp-header menu-fixed ***/	
.container {
 max-width: 1156px !important;
}

}

@media only screen and (min-width: 1200px) {
div.body-innerwrapper {
 width: 1170px;
}
#sp-position4 img {
 max-height:130px;
}

}

@media only screen and (max-width: 1200px), (max-device-width: 1200px) {
div.body-innerwrapper {
 width: 95%;
}
.sp-megamenu-parent > li > a {
 font-size: 12px;
 _letter-spacing: 1px;
}
#sp-position4 img {
 max-height:100px;
}
}

@media only screen and (max-width: 1164px), (max-device-width: 1164px) {
.sp-megamenu-parent > li > a {
  line-height: 45px;
}
}

@media only screen and (max-width: 1000px), (max-device-width: 1000px) {
.container{
 max-width:95%;
 padding-left:10px;
 padding-right:10px;
}
}

@media only screen and (max-width: 860px), (max-device-width: 860px) {
div.body-innerwrapper {
 width: 95%;
 min-width: inherit;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

.entry-header{
  margin:0;
}
h1{
  margin:0;
  font-size: 18px;
}
h3{
  margin:0;
  padding-top:5px;
  padding-bottom:5px;
  font-size: 18px;
}
table, thead, tbody, th, td, tr {
  display: block;
  width:100%;
}
td {
	/* Behave  like a "row" */
	position: relative;
	_padding-left: 50%;
}
.form-horizontal .form-label{
 display:block;
 text-align: left;
}
input, textarea{
 width: 95%;
 max-width: 95%;
 margin-left: 0px;
}
#jform_com_fields_datenschutz > label.checkbox{
  margin-left: 0px;
  padding-top:30px;
}
}

@media only screen and (max-width: 760px), (max-device-width: 760px) {
#sp-header{
 _background-size: 20%;
 background-position:65% center;
}
#sp-position4.col-xs-2.col-sm-2.col-md-2{
   _padding: 7px 0 0 0;
}
}

@media only screen and (max-width: 320px), (max-device-width: 320px) {
#sp-header{
 background-size: 20%;
 background-position:65% center;
}
#sp-position4.col-xs-2.col-sm-2.col-md-2{
   _padding: 2px 0 0 0;
}
#sp-logo{
 padding-top: 2%;
}
#sp-slider{
  display: none;
}
}
