@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);

@charset "utf-8";
/* CSS Document */

	
html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
dfn,
del {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    height: 100%;
    font: 16px/28px  'Lato', sans-serif;
    color: #2e2e2e;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	background-color: #FFF;
}

h1 {
	font: 60px/70px  'Lato', sans-serif;
	color: #0A5D2B;
	font-weight: 600;
	text-transform: none;
}

h2 {
	font: 26px/36px  'Lato', sans-serif;
	color: #2e2e2e;
	font-weight: 600;
	text-transform: none;
}

h3 {
	font: 45px/55px  'Lato', sans-serif;
	color: #FFF;
	font-weight: 400;
	text-transform: none;
}

h4 {
	font: 30px/40px  'Lato', sans-serif;
	color: #0A5D2B;
	font-weight: 600;
	text-transform: none;
}

h5 {
	font: 36px/46px  'Lato', sans-serif;
	color: #FFF;
	font-weight: 400;
	text-transform: none;
}

a {
    color: #2e2e2e;
    cursor: pointer;
    background: transparent;
    text-decoration: none;
}

/* a:hover {
    color: #0A5D2B !important
}

a:active {
    color: #2e2e2e
} */

.mo-div:hover {
	background-color: #FFFFFF !important;
}
	
.wrap {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 100%;
}

.main {
    min-height: 100%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

header {
    padding: 60px 0 10px 0;
    background: url(../img/#) no-repeat 50% 50%;

    font: 16px/28px  'Lato', sans-serif;
    color: white;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.spanning {
    clear: both;
}

.clearfix {
    display: block
}

.promo {
    padding: 30px 0 50px;
}


/* LOGO */

.logo-single {
	height: 40px; 
	width:161px;
	/* visibility: hidden; */
	}
	
	.home .logo-single {
	visibility: hidden;	
		}

.logo-single-sub {
	width: 60px;
	height: 60px; 
	}


.logo {
	margin: 60px;
	width: 300px;
}

.paypal {
	width: 350px;
	height: 131px;
}

.trenner {	
	width: 50px; 
	height: 5px; 
	background-color: #0A5D2B; 
	margin: 10px 0 20px
}

.ahornblatt {
	width: 38px;
	height: 38px; 
	opacity: 0.2; 
	margin-right: 5px;
}

.ahornblatt-kl {
	width: 24px;
	height: 24px; 
	opacity: 0.2; 
	margin-right: 5px;
}

/* NaviLINE */

.navline {
	height: 40px; 
	background-color: #0A5D2B;
	color: #FFF;
	padding: 20px 30px;
	margin: 0px !important;
	}
	
.navline-half {
	width: 50%;
	float: left;
	vertical-align: central;
	}
	
#open_nav {
	font: 20px/24px  'Lato', sans-serif;
	background-color: #0A5D2B;
	padding-bottom: 50px;
	}
	
	
#navtop {
	background:#0A5D2B;
	position: fixed;
	z-index: 999
	}
	
	.home #navtop {
		background-color:#0A5D2B;
	}
	
#navtop-sub {
	position: fixed;
	z-index: 999
	}
	
/*#navtop *{
	background:#0A5D2B;
	}
*/
/* EFFEKTE */

.kreuz:before,
.kreuz:after {
   position:absolute;
   top:50%;
   left:50%;
   width:80%;
   height:1px;
   background:#FFFFFF;
   content:'';
   -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
   transition:opacity 0.35s, transform 0.35s;
   -webkit-transform:translate3d(-50%, -50%, 0) rotate(45deg) scaleX(0);
   transform:translate3d(-50%, -50%, 0) rotate(45deg) scaleX(0);
}

.kreuz:hover:before {
   -webkit-transform:translate3d(-50%, -50%, 0) rotate(45deg) scaleX(1);
   transform:translate3d(-50%, -50%, 0) rotate(45deg) scaleX(1);
}

.kreuz:after {
   -webkit-transform:translate3d(-50%, -50%, 0) rotate(-45deg) scaleX(0);
   transform:translate3d(-50%, -50%, 0) rotate(-45deg) scaleX(0);
}

.kreuz:hover:after {
   -webkit-transform:translate3d(-50%, -50%, 0) rotate(-45deg) scaleX(1);
   transform:translate3d(-50%, -50%, 0) rotate(-45deg) scaleX(1);
}


/* INHALT Teaser */

.inhalt-boxen-3 {
	float: left; 
	width: 33.2%;	
}

.inhalt-boxen-3-abst {
	margin-right: 0.2%;
}

.inhalt-teaser {
	padding: 10px 35px 20px; 
	box-sizing: border-box;
	color: #FFF;
}


/* INHALT Welcome */

.inhalt-ganz {
	padding: 0 15%; 
}


/* INHALT die 3 Kategorien */

.inhalt {
	overflow: hidden;
	font: 20px/30px 'Lato', sans-serif;
	color: #2e2e2e;
}

.inhalt-boxen-links {
	float: left; 
	width: 50%; 
	height: 600px;
}

.inhalt-boxen-rechts {
	float: left; 
	width: 50%; 
	height: 600px;
}

.inhalt-bild-wanderreitstation {
	background-image: url(../img/teaser_wanderreitstation.jpg); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 135% auto;
}

.inhalt-bild-pferdepension {
	background-image: url(../img/teaser_pferdepension.jpg); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 135% auto;
}

.inhalt-bild-ferienwohnung {
	background-image: url(../img/teaser_ferienwohnung.jpg); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 135% auto;
}

.inhalt-bild-kontakt {
	background-image: url(../img/teaser_kontakt2.jpg); 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: 135% auto;
}

.inhalt-boxen-text {
	background-color: #0A5D2B; 
	color: #FFF; 
	padding: 50px; 
	box-sizing: border-box;
}

.inhalt-boxen-footer-rechts {
	float: left; 
	width: 50%; 
	color: #FFF; 
	text-align: right;
	padding: 50px; 
	box-sizing: border-box;
	background-color: #0A5D2B; 
}

.inhalt-boxen-footer-links {
	float: left; 
	width: 50%; 
	color: #FFF; 
	text-align: left;
	padding: 50px; 
	box-sizing: border-box;
	background-color: #0A5D2B; 
}

.butten-w {
	padding: 10px 25px; 
	color: #0A5D2B;
	box-sizing: border-box;
	background-color: #FFF;
	font-weight: 700;
	position: absolute;
}

.butten-gr {
	padding: 10px 15px; 
	color: #2e2e2e;
	box-sizing: border-box;
	background-color: #FFF;
	font-weight: 700;
	position: absolute;
}

.profilbilder {
	width: 50%;
}



@media (max-width: 1279px) { 

h5 {
	font: 26px/36px  'Lato', sans-serif;
}
	
.profilbilder {
	width: 70%;
}
	
	
}

@media (max-width: 1023px) { 
	
h5 {
	font: 36px/46px  'Lato', sans-serif;
}

/* INHALT Teaser */

.inhalt-boxen-3 {
	width: 100%;	
}

.inhalt-boxen-3-abst {
	margin-right: 0.0%;
}

.inhalt-teaser {
	padding: 10px 35px 20px; 
}

/* INHALT die 3 Kategorien */
	
.inhalt-boxen-links {
	height: 500px;
}
	
	
}


@media (max-width: 979px) { 


.logo {
	margin: 50px;
	width: 300px;
	
}

header {
    padding: 60px 0 0 0;
}

.promo {
    padding: 0 0 50px;
}


/* INHALT die 3 Kategorien */
	
.inhalt-boxen-links {
	width: 100%; 
	height: 400px;
}

.inhalt-boxen-rechts {
	width: 100%; 
	height: auto;
}
	
.inhalt-ganz {
	padding: 0 35px; 
}
	
.inhalt-boxen-text {
	padding-left: 35px; 
	padding-right: 35px; 
}
	
.inhalt-bild-wanderreitstation {
	background-size: 100% auto;
}

.inhalt-bild-pferdepension {
	background-size: 100% auto;
}

.inhalt-bild-ferienwohnung {
	background-size: 100% auto;
}

.inhalt-bild-kontakt {
	background-size: 100% auto;
}
	
.profilbilder {
	width: 50%;
}

}

@media (max-width: 800px) { 

h1 {
	font: 40px/50px  'Lato', sans-serif;
}
	
.profilbilder {
	width: 60%;
}

}




@media (max-width: 645px) { 

h3 {
	font: 35px/45px  'Lato', sans-serif;
	font-weight: 600;
}

	
.logo-single {
	height: 40px; 
	}
	
.navcolor {
	background-color:#FFFFFF;
}
	
.inhalt-bild-wanderreitstation {
	background-size: 135% auto;
}

.inhalt-bild-pferdepension {
	background-size: 135% auto;
}

.inhalt-bild-ferienwohnung {
	background-size: 135% auto;
}

.inhalt-bild-kontakt {
	background-size: 135% auto;
}
	
.inhalt-boxen-footer-rechts {
	width: 100%; 
	text-align: left;
	padding: 35px; 
}

.inhalt-boxen-footer-links {
	width: 100%; 
	text-align: left;
	padding: 35px; 
}

	.profilbilder {
	width: 70%;
}

}


@media (max-width: 559px) { 
	
h1 {
	font: 40px/50px  'Lato', sans-serif;
}
	
h3 {
	font: 28px/38px  'Lato', sans-serif;
	font-weight: 600;
}
	
h4 {
	font: 28px/38px  'Lato', sans-serif;
}

h5 {
	font: 28px/29px  'Lato', sans-serif;
	font-weight: 600;
}
	
header {
    padding: 60px 0 0 0;
}
	
.logo {
	margin-top: 50px;
	margin-left: auto;
	width: 220px;
	margin-right: 0;
}
.navline > div:nth-of-type(1){
	position: absolute;
}

.navline-half {
	width: 100%;
	float: left;
	background-color:transparent;
}

.abstand {
	margin-top: 30px !important;	
}
	
/* INHALT die 3 Kategorien */
	
.inhalt-boxen-links {
	height: 300px;
}
	
.inhalt-bild-wanderreitstation {
	background-size: auto 120%;
}

.inhalt-bild-pferdepension {
	background-size: auto 120%;
}

.inhalt-bild-ferienwohnung {
	background-size: auto 120%;
}

.inhalt-bild-kontakt {
	background-size: auto 120%;
}


}


@media (max-width: 399px) { 

h1 {
	font: 30px/40px  'Lato', sans-serif;
	font-weight: 600;
}
	
h2 {
	font: 20px/30px  'Lato', sans-serif;
	font-weight: 600;
}

.inhalt-bild-wanderreitstation {
	background-size: auto 100%;
}

.inhalt-bild-pferdepension {
	background-size: auto 100%;
}

.inhalt-bild-ferienwohnung {
	background-size: auto 100%;
}

.inhalt-bild-kontakt {
	background-size: auto 100%;
}
	
.profilbilder {
	width: 80%;
}

}