html, body, #sb-site, .sb-site-container, .sb-slidebar { margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
width: 100%;
overflow-x: hidden; }
html {
height: 100%; }
body {
min-height: 100%;
height: auto;
position: relative; }
html.sb-scroll-lock.sb-active:not(.sb-static) {
overflow: hidden; } #sb-site, .sb-site-container { width: 100%;
position: relative;
z-index: 1; background-color: #ffffff; } .sb-slidebar {
height: 100%;
overflow-y: auto; position: fixed;
top: 0;
z-index: 0; display: none; background-color: #222222; -webkit-transform: translate(0px); }
.sb-left {
left: 0; }
.sb-right {
right: 0; }
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
position: absolute; }
.sb-slidebar.sb-active {
display: block; }
.sb-style-overlay {
z-index: 9999; }
.sb-momentum-scrolling {
-webkit-overflow-scrolling: touch; } .sb-slidebar {
width: 30%;
}
.sb-width-thin {
width: 15%;
}
.sb-width-wide {
width: 45%;
}
@media (max-width: 480px) { .sb-slidebar {
width: 70%;
}
.sb-width-thin {
width: 55%;
}
.sb-width-wide {
width: 85%;
}
}
@media (min-width: 481px) { .sb-slidebar {
width: 55%;
}
.sb-width-thin {
width: 40%;
}
.sb-width-wide {
width: 70%;
}
}
@media (min-width: 768px) { .sb-slidebar {
width: 40%;
}
.sb-width-thin {
width: 25%;
}
.sb-width-wide {
width: 55%;
}
}
@media (min-width: 992px) { .sb-slidebar {
width: 30%;
}
.sb-width-thin {
width: 15%;
}
.sb-width-wide {
width: 45%;
}
}
@media (min-width: 1200px) { .sb-slidebar {
width: 20%;
}
.sb-width-thin {
width: 5%;
}
.sb-width-wide {
width: 35%;
}
} .sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
-webkit-transition: -webkit-transform 400ms ease;
-moz-transition: -moz-transform 400ms ease;
-o-transition: -o-transform 400ms ease;
transition: transform 400ms ease;
-webkit-transition-property: -webkit-transform, left, right; -webkit-backface-visibility: hidden; } .sb-hide { 
display: none; }body {
font-family: Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 10px;
color: #3c3c3b;
line-height: 1.5em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media(max-width:768px) {
body {
-ms-word-break: break-all;
word-break: break-all; word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
}
h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
font-weight: 400;
}
a, .wpcf7-submit, img, input {
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
text-decoration: none;
outline: none;
}
.clear {
clear: both;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
max-width: 1200px;
} img.alignright {
float: right;
margin: 0 0 2em 2em
}
img.alignleft {
float: left;
margin: 0 1em 1em 0
}
img.aligncenter {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: auto;
margin-right: auto
}
a img.alignright {
float: right;
margin: 0 0 1em 1em
}
a img.alignleft {
float: left;
margin: 0 1em 1em 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
@media(max-width:767px) {
img.alignright, img.alignleft, img.aligncenter {
width: 100%;
height: auto;
}
}
a:hover img {
opacity: 0.5;
filter: alpha(opacity=50); }
header { background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 17%, rgba(255,255,255,0.51) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 17%, rgba(255,255,255,0.51) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 17%, rgba(255,255,255,0.51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#82ffffff', GradientType=1 ); display: block;
}
.logoWrap {
width: 250px;
position: absolute;
z-index: 999;
}
.logoWrap img {
width: 100%;
height: auto;
}
@media(max-width:767px) {
header {
position: static !important;
}
.logoWrap {
width: 50%;
position: absolute;
}
}
.mainNavi {
list-style-type: none;
margin: 0 !important;
padding: 0 !important;
text-align: right !important;
}
.mainNavi li {
display: inline-block;
}
.mainNavi a {
display: block;
color: #000;
font-size: 1.7em;
font-weight: 300;
padding: 50px 10px 20px 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
.mainNavi a:hover, .mainNavi a:focus, .mainNavi .current-menu-item a, .mainNavi .current_page_parent a {
background: #95c11f;
}
.navLink {
text-align: right;
font-size: 4em;
padding: 25px 15px 25px 15px;
}
.navLink a {
color: #95c11f;
}
.navLink a:hover, .navLink a:focus {
color: #95c11f;
}
@media(max-width:360px) {
.navLink {
font-size: 3em;
padding: 15px 15px 15px 15px;
}
.logoWrap {
width: 70%;
position: absolute;
}
}
.bannerWrap {
height: 600px;
box-sizing: border-box;
width: 100%;
position: fixed;
top: 0;
z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
}
.bannerWrap .schriftzugOverlay {
max-width: 1000px;
padding: 0 20px 0 20px;
margin: 0 auto;
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.bannerWrap .schriftzugOverlay img {
max-width: 100%;
height: auto;
}
.bannerWrapSammlung {
height: 600px;
width: 100%;
position: fixed;
top: 0;
z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
}
.bannerWrapSammlung .schriftzugOverlaySammlung {
max-width: 700px;
padding: 0 20px 0 20px;
margin: 0 auto;
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.bannerWrapSammlung .schriftzugOverlaySammlung img {
max-width: 100%;
height: auto;
}
.bannerWrapSammlung .textOverlaySammlung {
position: absolute;
width: 100%;
bottom: 0;
box-sizing: border-box;
padding: 20px;
background: rgba(96,87,60,0.85);
z-index: 999;
color: #fff;
font-size: 2em;
line-height: 1.5em;
text-align: center;
font-weight: 400;
}
section.content {
margin-top: 600px;
background: #fff;
}
.page-id-11 .bannerWrap{ height:420px;}
.page-id-11 section.content{ margin-top: 420px; }
@media(max-width:767px) {
section.content {
margin-top: 305px;
}
.bannerWrap {
height: 400px;
}
.bannerWrapSammlung {
height: 400px;
}
.bannerWrapSammlung .textOverlaySammlung {
font-size: 1.5em;
line-height: 1.5em;
}
}
@media(max-width:360px) {
section.content {
margin-top: 340px;
}
}
section.content h1 {
font-size: 15em;
line-height: 1em;
text-transform: uppercase;
font-weight: 300;
color: #cede98;
margin-bottom: 30px;
}
section.content h2 {
font-size: 2.3em;
line-height: 1.3em;
text-transform: uppercase;
font-weight: 600;
}
section.content h3 {
font-size: 1.5em;
line-height: 1.3em;
text-transform: uppercase;
font-weight: 600;
}
section.content p {
font-size: 1.8em;
line-height: 1.5em;
}
section.content img {
max-width: 100%;
height: auto;
} @media(max-width:800px) {
h1 {
font-size: 14vw !important;
line-height: 1em;
}
section.content p {
font-size: 1.5em;
line-height: 1.5em;
}
}
footer {
margin-top: -15px;
border-top: 15px solid #fff; background: #60573c; background: -moz-radial-gradient(center, ellipse cover, #60573c 1%, #36311f 77%); background: -webkit-radial-gradient(center, ellipse cover, #60573c 1%, #36311f 77%); background: radial-gradient(ellipse at center, #60573c 1%, #36311f 77%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60573c', endColorstr='#36311f', GradientType=1 ); color: #fff;
padding: 30px 0 30px 0;
}
footer h3 {
font-size: 2.1em;
line-height: 1.5em;
font-weight: 600;
}
footer p {
font-size: 1.5em;
line-height: 1.5em;
font-weight: 400;
}
footer a {
color: #95c11f;
}
footer a:hover, footer a:focus {
color: #5c7216;
}
footer .footerLinks {
margin-top: 25px;
}
@media(max-width:767px) {
footer .footerCols {
margin-bottom: 35px !important;
}
}  .rev_slider_wrapper .galleryNaviWrap, .rev_slider_wrapper .overlayText {
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transition-delay: 2000ms;
-moz-transition-delay: 2000ms;
-o-transition-delay: 2000ms;
transition-delay: 2000ms;
}
.rev_slider_wrapper:hover .galleryNaviWrap, .rev_slider_wrapper:hover .overlayText {
opacity: 1;
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay: 200ms;
}
.rev_slider_wrapper .galleryNaviWrap {
position: absolute;
width: 100%;
top: 110px;
z-index: 999;
}
.galleryNavi {
list-style-type: none;
margin: 0 auto !important;
padding: 0 !important;
max-width: 700px;
}
.galleryNavi li {
display: inline-block;
width: calc(25% - 2px);
padding-right: 10px;
}
.galleryNavi li:last-child {
padding-right: 0;
}
.galleryNavi a {
display: block;
color: #ffffff;
font-size: 1.2em;
font-weight: 300;
padding: 5px 10px 5px 10px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
background: rgba(96,87,60,0.85);
}
.galleryNavi a:hover, .galleryNavi a:focus, .galleryNavi .current-menu-item a {
background: rgba(149,193,31,0.85);
}
.rev_slider_wrapper .overlayText {
position: absolute;
width: 100%;
bottom: 0;
padding: 20px;
background: rgba(149,193,31,0.85);
z-index: 999;
color: #fff;
font-size: 2em;
line-height: 1.5em;
text-align: center;
font-weight: 400;
}
@media(max-width:767px) {
.rev_slider_wrapper .galleryNaviWrap,  .rev_slider_wrapper .overlayText {
display: none;
}
} .sb-slidebar {
background: #95c11f;
}
.mobileNavi, .mobileNavi ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.mobileNavi a {
color: #ffffff;
font-weight: 600 !important;
text-transform: uppercase;
letter-spacing: 1px;
}
.mobileNavi ul a {
font-weight: 400 !important;
}
.mobileNavi a:hover, .mobileNavi a:focus, .mobileNavi ul a:hover, .mobileNavi ul a:focus {
text-decoration: none;
background: rgba(255,255,255,0.1);
color: #fff;
}
.mobileNavi li.current_page_item a {
text-decoration: none;
background: rgba(255,255,255,0.1);
}
.mobileNavi li.current_page_item ul a {
background: none;
}
.mobileNavi li {
border-bottom: 1px solid rgba(0,0,0,0.1);
border-top: 1px solid rgba(255,255,255,0.1);
}
.mobileNavi a {
display: block;
padding: 10px 0 10px 0;
}
.mobileNavi li a {
padding-left: 20px;
font-size: 1.5em !important;
font-weight: 600;
}
.mobileNavi ul li a {
padding-left: 30px;
font-size: 0.9em;
}
.mobileNavi ul ul li a {
padding-left: 40px;
font-size: 0.9em;
}