@media screen and (max-width: 1500px) {
#start .wrap .left,
#start .zweige {
width: 70%;
}
#start .wrap .right {
width: 25%;
}
#instagram .wrap {
padding: 7em 2em 5em
}
#gaestehaus .block4 .right {
padding-left: 19vw;
padding-right: 4vw;
}
.grambow-news-wrapper .grid .news-column {
max-width: 100%;
}
}
@media screen and (max-width: 1400px) {
#start .wrap .right {
position: absolute;
right: 40px;
top: 0;
}
#start {
min-height: 850px;
height: auto;
padding: 6em 20px 3em;
}
#landwirtschaft .part1 .wrap {
right: 20px;
}
#landwirtschaft .wrap .one-half {
float: right;
}
#landwirtschaft .part1 > img {
width: calc(100% - 320px);
object-position: left;
}
#landwirtschaft h2,
#landwirtschaft .part1::after {
left: auto;
transform: none;
right: 20px;
}
#gaestehaus .block4 .right {
padding: 0 3vw 0 16vw;
}
}
@media screen and (max-width: 1300px) { #newssection h2 {
left: auto;
text-align: right;
right: 20px;
}
#newsletter {
width: 100%;
margin: 0;
}
#newsletter form {
width: calc(100% - 350px);
}
.nav-secondary {
padding: 1em 0;
width: calc(100% + 60px);
margin-left: -30px;
background: #262626;
margin-right: -30px;
}
#gaestehaus.detailhaus .wrap::after {
left: 2%;
}
#gaestehaus .block4 .right {
padding: 0 20px 0 5em;
}
}
@media screen and (max-width: 1200px) {
#landwirtschaft .part1 .wrap {
bottom: 2em;
}
#newsletter form {
width: 90%;
}
#start h2 {
font-size: 3.5vw;
}
#start p {
padding-left: 1em;
}
#start img {
right: 1em;
}
#start .zweige li span {
font-size: 12px;
}
#mapsection #pointer {
width: 40%;
}
#mapsection #imagemap {
width: 60%;
}
#add_info .wrap #presentation {
width: 80%;
}
.addresses {
width: calc(100% - 300px);
margin-left: -60px;
}
#gaestehaus .wrap::after {
right: 5vw;
}
#gaestehaus.detailhaus h1 {
margin-right: 2%;
}
#gaestehaus .block4 .right {
padding: 0 20px 0 4em;
}
#gaestehaus .block4 h2 {
margin-left: -4em;
}
#gaestehaus .block4 h2::first-letter {
font-size: 5em;
}
body:not(.home):not(.page-template-gaestehaus) .content-sidebar-wrap::after {
width: 23vw;
top: -50px;
background-size: contain;
}
}
@media screen and (max-width: 1150px) {
body #responsive-menu-container #responsive-menu-title {
text-align: center;
}
body #responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
margin-bottom: 0;
}
#genesis-nav-primary a {
padding-left: 1em;
padding-right: 1em;
}
.site-header.sticky .title-area {
left: 50%;
transform: translateX(-50%);
}
.sticky .menu-toggle {
display: block;
color: #000;
}
.site-header.sticky {
position: fixed;
}
.site-header.sticky:after {
position: absolute;
content: '';
background: #fff;
width: 100%;
height: 70px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
header .genesis-nav-menu {
margin: 85px 0 0 0;
width: 100%;
}
.sticky #genesis-nav-primary {
padding: 0;
}
header .genesis-nav-menu > li::before {
top: auto;
bottom: 0;
}
header .genesis-nav-menu .current-menu-item a::after {
display: none;
}
#genesis-nav-primary a {
padding-left: 2em;
}
.sub-menu-toggle {
padding: 34px 10px;
}
header .genesis-nav-menu .sub-menu li a,
header .genesis-nav-menu .sub-menu {
width: 100%
}
.genesis-nav-menu .menu-item.current-menu-item {
background: var(--gutgrambow);
color: #fff;
}
.genesis-nav-menu > .menu-item.current-menu-item > a,
.genesis-nav-menu .menu-item.current-menu-item .sub-menu-toggle {
color: #fff;
}
header .genesis-nav-menu > li:hover::after {
display: none;
}
button#responsive-menu-button {
left: 15px !important;
}
button#responsive-menu-button {
top: 10px;
color: #000;
background: transparent;
left: 10px;
}
#responsive-menu-title-image {
text-align: center;
}
.sticky #newsnumber {
top: 22px;
}
}
@media screen and (max-width: 960px) {
#kontakt .wrap {
flex-wrap: wrap;
}
#kontakt #form.showform {
width: 100%;
padding-right: 30px;
}
#kontakt #form.showform .wpcf7 {
right: 30px;
}
#kontakt .one-half {
width: 100%;
}
#kontakt .one-half.first {
display: none;
}
#start .wrap .right,
#start .wrap .left,
#start .zweige {
width: 100%;
}
#start .wrap .right {
position: relative;
padding: 30px 0;
display: flex;
right: auto;
}
#start .wrap .right img {
min-width: 200px;
margin-left: -1em;
margin-right: 10px;
}
#mapsection #pointer li a {
padding: 1em 1.5em 1em 6.5em;
font-size: 16px;
}
#mapsection #pointer li a::before {
left: 0;
transform: scale(.8);
}
#mapsection #pointer li p {
margin-left: 7em;
}
#mapsection #pointer li.jagdschule::before {
display: none;
}
#add_info .wrap #presentation {
width: 100%;
}
#newsletter form {
flex-wrap: wrap;
justify-content: flex-end;
}
#gaestehaus .wrap::after {
z-index: -1;
right: 0;
top: -30px;
}
#instagram {
padding-top: 1em;
}
#instagram .wrap::before {
top: 1em;
right: auto;
left: 10%;
}
#genesis-mobile-nav-primary {
display: none;
}
body:not(.home) .site-inner .wrap {
padding: 1em 4em;
}
body:not(.home) .site-inner::after {
top: 3.5em;
}
body.page-template-gaestehaus .site-inner::after {
top: .5em;
}
#gaestehaus.detailhaus .wrap::after {
width: 24vw;
background-size: contain;
top: 2em;
}
#gaestehaus.detailhaus h1 {
font-size: 1.1em;
max-width: 100%;
}
.detailhaus#gaestehaus .block2 h3 {
width: 100%;
padding: 10px;
}
#gaestehaus .block4 .right {
width: 100%;
padding: 0 3vw;
order: 2;
}
.block4 {
flex-wrap: wrap;
width: 100%;
}
#gaestehaus .block4 h2 {
text-align: left;
margin-left: 0;
}
.block4 img {
width: 100%;
margin: 0;
order: 1;
}
#gaestehaus .block4 h2::after {
right: auto;
}
#gaestehaus .wrap .block4 p {
margin-left: 70px;
}
.header-nothome .image {
height: 50vh;
}
.header-nothome .image img {
min-height: 50vh;
}
.entry-content ul.copyrightimages > li {
width: calc(33% - 20px);
}
}
@media screen and (max-width: 830px) {
#newsletter {
flex-wrap: wrap;
}
#newsletter form {
margin: 1em 0 0 0;
width: 100%;
}
}
@media screen and (max-width: 767px) {
#start .wrap .right {
flex-wrap: wrap;
}
#start p {
padding: 0;
text-align: center;
}
#start .zweige li {
width: calc(100% / 5 - 10px);
}
#start .wrap .right p:first-child {
text-align: center;
margin-top: -100px;
}
#start .wrap .right img {
margin: 0;
min-width: inherit;
width: 260px;
max-width: 30%
}
#landwirtschaft .part1 .wrap {
right: 0;
}
#start p {
width: 100%;
padding-right: 1em;
}
#start h2 {
margin-bottom: 1em;
color: #5B3217;
}
#start {
padding-bottom: 3em;
margin-bottom: 3em;
}
#start .buttonarrow {
bottom: -3em;
}
#newsletter .musthave:first-child {
width: 100%;
}
#newsletter input[type=text] {
width: 100%;
margin-left: 0;
margin-bottom: 10px;
}
#mapsection #pointer {
width: 120%;
}
#mapsection #imagemap {
width: 100%;
}
#mapsection #pointer li p {
margin-left: 0;
}
#mapsection .slick-list li {
margin: 0 10px 10px;
padding: 4em 0 10px;
text-align: center;
font-size: 15px;
}
#mapsection .slick-list li p {
position: relative;
text-align: center;
padding-top: 40px;
margin: 10px 0;
}
#mapsection .slick-list li img {
margin: 0 auto;
}
#mapsection #pointer li a {
padding: 1em 1.5em 1em 5.5em;
font-size: 14px;
text-align: left;
}
#mapsection .slick-list li p:after {
position: absolute;
width: 26px;
height: 26px;
top: 0;
left: 50%;
color: #fff;
padding: 2px;
transform: translateX(-50%);
border-radius: 50%;
font-family: "Font Awesome 5 Pro";
}
#mapsection #pointer li a::before {
transform: scale(.7);
left: 5px;
transform-origin: bottom left;
}
#mapsection .slick-list li p:before {
position: absolute;
content: '';
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.2);
left: 0;
top: 12px;
}
#mapsection .fa-chevron-right {
display: none !important;
}
#mapsection .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
left: -10px;
}
.defaultpage {
width: 100%;
overflow-x: hidden;
}
#mapsection h2 {
margin: 2em 1em .5em 0;
}
#gaestehaus .wrap h2 {
width: 100%;
}
#gaestehaus .wrap {
padding-top: 3em;
}
#gaestehaus .wrap .left,
#gaestehaus .wrap .right {
width: 100%;
}
#gaestehaus h3 {
width: 100%;
}
#gaestehaus .wrap .right ul {
justify-content: center;
}
#gaestehaus .wrap .right ul li {
width: auto;
max-width: 48%;
margin: 0 .8%
}
#gaestehaus.detailhaus h1 {
margin-right: 0;
margin-left: 0;
max-width: 95%;
padding-left: 20%;
}
.detailhaus .block1,
.detailhaus .block3 {
flex-wrap: wrap;
}
.detailhaus#gaestehaus .wrap .block1 .left {
margin-right: 0;
}
.detailhaus#gaestehaus .wrap .block1 .left > p {
padding-left: 50px;
font-size: 16px;
}
.detailhaus#gaestehaus .block1 {
position: relative;
padding: 0;
}
.detailhaus#gaestehaus .block1 .left + img {
max-width: 32.5%;
position: absolute;
right: 0;
bottom: 0;
}
.detailhaus#gaestehaus .block1 .left img {
max-width: 66.5%;
}
.detailhaus#gaestehaus .left {
margin-left: 0;
}
.detailhaus .block2 ul {
width: 100%;
}
.detailhaus .block2 ul li {
margin-left: 10px;
}
.detailhaus .block2 ul:before {
display: none;
}
.detailhaus .block3 .image {
width: 100%;
}
.detailhaus .block3 img {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
#gaestehaus.detailhaus .block3 p {
width: calc(100% - 20px);
}
#newsletter .cr_button {
margin: 0;
}
}
@media screen and (max-width: 640px) {
h1,
h2,
body:not(.home) h1,
#gaestehaus.detailhaus .block3 h3 {
font-size: 18px;
line-height: 1.4;
}
h1::first-letter,
.home h2::first-letter {
vertical-align: baseline;
}
#start .zweige {
flex-wrap: wrap;
justify-content: center;
margin: 0 -20px;
width: calc(100% + 40px);
}
#start .zweige li {
width: calc(100% / 3 - 20px);
margin: 10px;
}
#landwirtschaft .part1 .wrap {
position: relative;
bottom: auto;
}
#landwirtschaft .wrap .one-half {
background: transparent;
padding: 1.5em 0em;
text-align: center;
box-shadow: none;
}
#landwirtschaft .wrap .one-half:after {
position: absolute;
content: '';
width: 100%;
height: 1px;
background-color: rgba(0, 0, 0, 0.2);
left: 0;
bottom: 5px;
z-index: -1;
}
#newssection h2:first-letter {
font-size: 4em;
}
#newssection h2 {
line-height: 1.5;
}
#start .buttonarrow {
bottom: -4em;
}
#mobilefilter {
display: none;
margin-top: -3.5em;
}
#newssection {
padding: 8em 20px 6em;
}
#kontaktformbutton {
font-size: 5vw;
}
#kontakt #form.showform #kontaktformbutton {
right: 89%
}
#kontakt #slidecontent {
right: 10%;
}
#kontakt #form.showform #slidecontent {
right: 89%;
}
.buttonarrow {
width: 28px;
height: 28px;
font-size: 16px;
}
#kontakt #form {
overflow: visible;
}
#kontakt {
padding: 8em 0 5em;
overflow: hidden;
}
.wp-custom-logo .site-container .title-area {
max-width: 50%;
}
#video iframe {
height: 50vh;
}
h3 {
font-size: 6.5vw
}
#presentation h3 {
font-size: 6vw;
padding-left: 4vw;
}
.sticky #genesis-nav-primary {
width: 100%;
}
#landwirtschaft .part1 .wrap.activ {
top: 0 !important;
}
#landwirtschaft .part1 > img {
width: 100%;
height: auto
}
#landwirtschaft h2 {
margin: 20px 0 30px 20px;
position: relative;
right: auto;
letter-spacing: 1px;
width: 270px;
}
#landwirtschaft .part1::after {
z-index: -1;
bottom: 0px;
opacity: .5;
right: -80px;
}
.addresses,
#wpcf7-f371-o1 {
width: 100%;
float: none;
}
.addresses {
margin-bottom: 60px;
}
#newsletter,
#newsletter form {
justify-content: center;
flex-wrap: wrap;
margin: 0;
width: 100%;
padding: 20px 0 40px;
}
#newsletter .submit_container {
width: 100%;
}
#newsletter .cr_button {
margin: 0;
}
#start {
padding-top: 8em;
}
#newsletter form::before {
top: 30px;
}
.detailhaus#gaestehaus .block2 h3 {
font-size: 16px;
}
#gaestehaus .block4 h2 {
width: 350px;
text-align: center;
line-height: 1;
margin: 20px auto 40px;
max-width: 100%;
}
#gaestehaus .block4 h2::after {
right: -20px;
top: 20px;
}
#gaestehaus .wrap .block4 p {
width: 90%;
text-align: center;
margin: 0 auto;
}
#presse .slick-arrow.next {
width: 100%;
position: absolute;
left: 0;
top: auto;
bottom: 0;
}
#presse ul {
padding: 0 0 4em;
}
#presse ul::after {
height: calc(100% - 4em);
}
#presse h2 {
margin: 4em 0 2em 0;
text-align: center;
padding-right: 4em;
line-height: 1.3;
}
#presse h2::first-letter {
vertical-align: sub;
}
body:not(.home):not(.page-template-gaestehaus) .content-sidebar-wrap::after {
width: 40vw;
}
.entry-content ul.copyrightimages > li {
width: calc(50% - 20px);
}
.entry-content ul.jobs li {
margin: 0 0 30px;
width: 100%;
}
.remodal-close{
right: 0;
left: auto;
width: 50px;
height:50px;
}
.remodal-close:before{
font-size:50px;
line-height: 50px;
top: 10px;
}
}
@media screen and (max-width: 480px) {
body {
font-size: 16px;
}
#start {
padding: 9em 10px 3em;
}
#start .wrap .right img {
max-width: 50%;
}
#start h1 {
position: relative;
}
h3 {
font-size: 8vw
}
#mapsection #pointer {
width: 160%;
}
.customheader img {
max-height: inherit;
min-height: 50vh;
}
#instagram h3 {
font-size: 7vw
}
.addresses li p::after {
display: none;
}
.addresses .slick-arrow {
right: 0;
}
body:not(.home) h1 {
margin-left: 0;
}
body:not(.home) .site-inner::after {
width: 100%;
left: 0;
}
body.page-template-gaestehaus .site-inner::after {
border: none;
}
body:not(.home) .site-inner .wrap {
padding: 1em 2em;
}
#gaestehaus.detailhaus .wrap::after {
width: 290px;
left: -200px;
top: 4.5em;
}
#gaestehaus.detailhaus h1 {
max-width: 100%;
padding: 0;
line-height: 1.7;
margin-top: 45px;
}
#gaestehaus.detailhaus .wrap h1:first-letter {
vertical-align: sub;
font-size: 5em;
}
.detailhaus .block2 ul {
flex-wrap: wrap;
justify-content: space-between;
}
.detailhaus .block2 ul li:first-child {
width: 100%;
margin-bottom: 10px;
}
.detailhaus .block2 ul li {
width: 49%;
margin: 0;
}
#presse h4 a::after {
display: none;
}
#wpcf7-f4493-p4494-o1 .wpcf7-form-control-wrap {
width: 100%;
}
}
@media screen and (max-width: 420px) {
#grambow-news-filter-button.open {
right: 280px;
}
.grambow-news-filter-wrapper {
width: 280px;
right: -280px;
}
.grambow-news-filter-wrapper .input:first-child {
flex-wrap: wrap;
}
.grambow-news-filter-wrapper .input span {
width: 50%;
margin: 3px 0;
}
}
@media screen and (max-width: 380px) {
.buttonarrow {
width: 22px;
height: 22px;
font-size: 13px;
}
#instagram h3.arrow {
font-size: 8vw;
padding-left: 20px;
}
#start {
padding-bottom: 2.5em
}
#kontakt h2 {
margin-top: -20px;
}
#gaestehaus h2:first-letter {
vertical-align: sub
}
h2 {
line-height: 1.7;
}
body:not(.home) .site-inner .wrap {
padding: 1em 1.5em;
}
#gaestehaus .block4 h2::after {
top: 5px;
}
body:not(.home):not(.page-template-gaestehaus) .site-inner article .entry-content {
padding: 1.5em;
}
}
@media screen and (max-width: 350px) {
#start .wrap {
padding: 0;
}
#start h1 {
line-height: 1.3;
}
#start .zweige {
margin: 0;
width: 100%;
}
#start .zweige li {
width: calc(100% / 3 - 10px);
margin: 10px 5px;
}
#start .zweige li span {
text-transform: none;
}
#instagram .wrap::before {
width: 260px;
background-size: contain;
}
.entry-content ul.copyrightimages > li {
margin: 0 0 20px;
width: 100%;
}
}
@media screen and (max-width: 320px) {
.grambow-news-wrapper {
--masonry-width: 280px;
}
}