@media (max-width:1500px) {
.frontpage .one-half.small.first {
padding-left: 1em;
}
.frontpage .second {
padding-right: 1em;
}
.headerbild,
.homeslider,
.homeslider li,
.site-header .caption {
height: 50vw;
}
.homeslider li img {
min-height: 50vw;
min-width: 100%;
object-fit: cover;
}
.fakten {
margin: 0;
padding: 0 20px;
}
.objekt-single .first,
.objekt-single h1.empty {
padding-left: 20px;
}
.content-sidebar article {
padding-left: 20px;
}
.objekt-single .empty h1 {
padding: 0 20px;
}
.objekt-single .empty .back.right {
margin-right: 20px;
}
.slider-nav .slick-slide {
height: 5vw;
}
.slider-nav .slick-slide img {
max-width: inherit;
}
.filter {
padding: 0 20px;
}
#custom_html-4 {
top: 53vw;
}
.eventslider {
padding: 30px;
}
.entry-content ul.slider {
margin-left: 0;
}
.entry-content {
margin: 0;
padding: .25rem 1em 5rem;
}
.eventlist-filter {
position: relative;
padding: 15px 20px 10px;
}
}
@media (max-width:1460px) {
.topbar a.shop {
width: 108px;
white-space: nowrap;
word-spacing: 14px;
word-spacing: 14px;
overflow: hidden;
}
.wetter {
min-width: inherit;
margin-left: 0;
vertical-align: text-top;
}
.wetter .details {
width: 30px;
overflow: hidden;
display: block;
white-space: nowrap;
word-spacing: 30px;
margin: 0;
line-height: 2.2;
}
.wetter .bild {
margin-top: -8px;
margin-right: 5px;
}
}
@media (max-width:1350px) {
#genesis-nav-primary .wrap {
width: 100%;
}
#custom_html-4 {
top: 72%;
}
.site-header .caption .subtitle {
top: 62%;
}
.eventlist-filter div:first-child,
.eventlist-filter div {
width: 48%;
}
.eventlist-filter div:nth-child(3) {
width: auto;
margin-top: 20px;
}
.eventlist-filter form button {
transform: none;
left: 0;
} }
@media (max-width:1270px) {
.topbar {
width: 60%;
}
.wp-custom-logo .title-area {
width: 39%;
}
#nav_menu-2 li a {
font-size: 16px;
}
#pager li a {
height: 12vw;
}
#ajaxsearchlite1 {
position: absolute;
left: -5px;
top: 50vw;
}
}
@media (max-width:1100px) {
.nav-primary .genesis-nav-menu a {
margin: 0 12px;
}
.terms .term,
.term-details {
width: 50%;
}
.term-posts li {
margin-left: 0;
}
.term-posts {
width: 46%;
}
}
@media (max-width:1024px) {
#genesis-footer-widgets #nav_menu-2 ul {
flex-wrap: wrap;
}
#genesis-footer-widgets #nav_menu-2 ul li {
width: 33%;
}
#genesis-footer-widgets #nav_menu-2 ul li li {
width: 100%;
}
.nav-primary .genesis-nav-menu li.share {
position: absolute;
}
.nav-primary .genesis-nav-menu li.share a {
width: 17px;
overflow: hidden;
white-space: nowrap;
}
.unterkunft-overview li,
.produkt-overview li,
.eventlist-big li {
width: 49%;
}
.unterkunft-overview li:nth-child(2n+2),
.produkt-overview li:nth-child(2n+2),
.eventlist-big li:nth-child(2n+2) {
margin: 0;
margin-bottom: 2%
}
.unterkunft-overview li:nth-child(odd),
.produkt-overview li:nth-child(odd),
.eventlist-big li:nth-child(odd) {
margin-right: 2%;
margin-left: 0;
}
#text-2 p {
float: left;
}
#text-2 input[type="submit"] {
margin-top: 20px;
}
#ajaxsearchlite1 {
top: calc(50vw + 12px);
}
}
@media (max-width:961px) {
.mob-menu-slideout .mob-menu-left-panel {
left: 0;
}
.mobmenul-container .left-menu-icon-text {
line-height: 1.7;
margin-left: 8px;
}
.mobmenul-container {
top: 9px !important;
}
.mob-menu-slideout.show-nav-left .mob-menu-left-panel {
padding: 11px 0;
}
.mob-menu-left-panel li {
border-bottom: 1px solid rgba(256, 256, 256, 0.1);
}
.mobmenu .sub-menu li a {
padding-left: 30px;
}
.mob-menu-left-panel li,
.leftmbottom,
.leftmtop {
padding: 0 !important;
}
.topbar a.barlachstadt {
padding: 10px 20px;
font-size: 12px;
text-transform: none;
}
#ajaxsearchlite1 {
top: calc(72% + 37px);
}
}
@media (max-width:960px) {
.termsfrontpage .slick-arrow {
color: #000;
font-size: 30px;
position: absolute;
margin-top: 10%;
left: 10px;
z-index: 100;
}
.termsfrontpage .slick-arrow.ion-ios-arrow-forward {
left: auto;
right: 10px;
}
.termsfrontpage.slick-slider {
position: static;
}
.terms .term,
.term-details {
padding-top: 2%;
}
.frontpage .one-half.small {
width: 100%;
clear: both;
float: left;
}
.secondimg {
float: left;
}
.one-half:nth-child(2) {
float: left;
}
.frontpage .one-half.second,
.frontpage .one-half.small.first {
margin: 2%;
padding: 0;
width: 96%;
}
.tipps {
display: block;
}
.teaser,
.video {
width: calc(100% - 40px);
margin: 0 20px 1.5em;
}
.urlaubbuchenbutton a {
padding: 20px;
}
#text-2,
#custom_html-3 {
width: 100%;
}
.menu-toggle,
#genesis-nav-primary {
position: fixed;
top: 0;
left: 0;
padding-left: 2em;
z-index: 999;
}
.nav-primary .genesis-nav-menu li.share {
position: relative
}
.nav-primary .genesis-nav-menu li.share a {
width: inherit;
}
.genesis-responsive-menu {
display: none;
}
.menu-toggle,
.sub-menu-toggle {
display: block;
visibility: visible;
text-align: left;
margin: 0;
}
.menu-toggle {
float: left;
text-transform: uppercase;
background-color: #595b60;
color: #fff;
}
.genesis-nav-menu .menu-item {
display: block;
float: none;
position: relative;
}
.genesis-nav-menu {
background-color: #fff;
width: 97%;
}
.nav-primary .genesis-nav-menu .sub-menu,
.genesis-responsive-menu .genesis-nav-menu .sub-menu,
.nav-primary .genesis-nav-menu .sub-menu li,
.genesis-responsive-menu .genesis-nav-menu .sub-menu a {
width: 100%;
}
.genesis-responsive-menu .genesis-nav-menu .sub-menu a {
padding: 15px;
}
.nav-primary .genesis-nav-menu a {
padding: 15px 0;
}
.genesis-nav-menu a:hover .sub-menu-toggle {
color: #fff;
}
.sub-menu-toggle {
padding: 15px 5px;
}
#genesis-mobile-nav-primary {
background-color: #fff;
width: 100%;
text-align: left;
}
#genesis-mobile-nav-primary {
background-color: #595b60;
}
.headerbild {
margin-bottom: 40px;
}
#genesis-nav-primary {
margin-top: 50px;
background-color: #fff;
}
.objekt-single .one-half {
padding: 0 20px;
}
.slider-nav .slick-slide {
width: 10vw !important;
height: 10vw;
}
.fakten {
flex-wrap: wrap
}
.fakten .facts {
width: 33%;
max-width: inherit;
}
.facts:nth-child(3),
.facts:nth-child(4) {
border: none;
}
.entry-content ul.slider-for,
.slick-initialized .slick-slide,
.slick-dotted.slick-slider {
margin-left: 0;
}
.entry-content ul.slider-nav li {
margin-right: 10px;
}
.term-posts,
.term-details {
width: 100%;
margin-bottom: 4%;
}
.term-details {
position: relative !important;
}
.objekt-single .one-half {
float: left;
width: 100%;
}
.one-half.empty {
column-count: 1;
}
.content-sidebar #genesis-content {
flex-wrap: wrap;
}
.eventslider .slick-next {
right: 0;
}
.site-header .caption strong {
font-size: 3em;
width: 6em;
}
.site-header .caption strong span {
font-size: .7em;
margin: 0;
}
.site-header .caption .subtitle {
font-size: 2.3em;
}
#custom_html-4 {
top: 80%;
}
.site-header .caption .subtitle {
top: 56%;
}
.produktanfrage {
padding: 2em 1em;
margin: 2em 0;
width: 100%;
display: inline-block;
}
#pager li a {
height: 16vw;
}
.routecontainer {
flex-wrap: wrap;
}
.routecontainer .routelist {
order: 2
}
.routecontainer .maproute {
order: 1;
width: 100%;
margin-bottom: 20px;
}
.backlink {
margin-top: 20px;
}
.topbar .barlachstadt span {
display: none;
}
}
@media (max-width:768px) {
.wp-custom-logo .title-area {
width: 49%;
}
.topbar {
width: 100%;
}
.fakten .facts {
width: 49%;
}
.facts:nth-child(3),
.facts:nth-child(5) {
border-right: 1px solid #fff;
}
.facts:nth-child(4),
.facts:nth-child(6) {
border-left: 1px solid #fff;
}
.facts:nth-child(even) {
border-right: 0;
}
.unterkunft-overview li,
.produkt-overview li,
.eventlist-big li {
width: 100%;
margin-bottom: 2%;
}
.unterkunft-overview li:nth-child(odd),
.produkt-overview li:nth-child(odd),
.eventlist-big li:nth-child(odd) {
margin-right: 0%;
}
ul.urlaubbuchenliste a.linkimg {
height: 120px;
}
.site-header .caption {
display: none;
}
.attraktionen_events h3,
.attraktionen_events ul {
width: 50%;
}
#ajaxsearchlite1 {
position: relative;
left: inherit;
top: inherit;
}
}
@media (max-width:767px) {
#pager li a {
height: 24vw;
}
.eventlist-filter div:first-child,
.eventlist-filter div {
width: 100%;
}
.eventlist-filter div span label {
width: 70px;
}
.eventlist-filter div span input {
width: calc(100% - 90px);
}
.eventlist-filter div span:nth-child(2) {
margin: 0;
}
.eventlist-filter div span {
width: 100%;
}
#google_translate_element {
top: 80px;
right: 0;
}
}
@media (max-width:640px) {
.frontpage .one-half.second,
.frontpage .one-half.small.first {
margin: 2% 4%;
padding: 0;
width: 92%;
}
.termsfrontpage .slick-arrow {
color: #fff;
}
.frontpage .one-half:nth-child(2),
.frontpage .one-half:nth-child(3) {
width: 100%;
margin-bottom: 2%;
}
.urlaubbuchenbutton a {
font-size: 16px;
}
#custom_html-4 {
top: 80%;
}
body {
border-left: .5em solid #fff;
border-right: .5em solid #fff;
}
h1,
.termsfrontpage.terms .term-title,
#pager h2,
.archive-description .entry-title,
.archive-title,
.eventslider h2 {
font-size: 30px;
}
#genesis-footer-widgets #nav_menu-2 ul li {
width: 50%;
}
#text-2,
#custom_html-3 {
max-width: 100%;
}
#text-2 .wpcf7-form-control-wrap {
display: inline-block;
width: 100%;
}
.footer-widget-area {
display: inline-block;
}
.frontpage .infofeld {
margin: 20px;
}
.terms .term,
.term-details {
padding-top: 30px;
}
#custom_html-3 .one-half {
padding-left: 0;
}
#text-2 span {
width: 100%;
}
.terms .term,
.term-details {
width: 100%;
}
#text-2 .ajax-loader {
display: none;
}
ul.urlaubbuchenliste li {
width: 100%;
margin-bottom: 2%;
}
.kalendar {
display: none;
}
.eventlist {
width: 100%;
}
#pager {
padding: 0 20px
}
.eventlist-filter form input,
.eventlist-filter form select {
width: 98%;
margin: 0 0 10px;
}
#wpcf7-f2933-p2934-o1 .wpcf7-submit,
#wpcf7-f2936-p2937-o1 .wpcf7-submit {
margin-top: 20px;
float: left;
}
#ajaxsearchlite1 {
position: absolute;
top: 120px;
right: 0;
}
div#ajaxsearchliteres1.asl_r{
right: 0 !important;
left: auto !important;
}
}
@media (max-width:500px) {
#text-2 .wpcf7-submit {
margin-bottom: 20px;
}
.topbar,
.wp-custom-logo .title-area {
width: 100%;
}
.topbar {
position: absolute;
left: 0;
bottom: -6px;
margin: 10px 0;
width: 100%;
display: block;
z-index: 100;
}
.topbar a {
padding: 4px 14px;
}
#custom_html-4 {
top: -60px;
position: relative;
left: auto;
position: relative;
transform: translateX(0);
display: inline-block;
width: auto;
display: inline-block;
transform: none;
float: none;
}
#custom_html-2 {
display: inline-block;
position: absolute;
width: 100%;
left: 0;
text-align: left;
}
.topbar a {
margin: 0;
}
.topbar a.barlachstadt {
padding: 10px 9px;
}
.site-header {
padding: 0 0 10%;
}
.headerbild {
margin: 0 0 10px;
}
.wetter {
vertical-align: top;
}
.urlaubbuchenbutton a {
padding: 8px 15px;
}
.menu-toggle {
padding-left: 1em;
}
.footer-widgets-1 {
display: none;
}
.fakten .facts {
width: 100%;
border: none;
border-bottom: 1px solid #fff;
}
.fakten .facts:last-child {
border: none;
}
.objekt-single .first {
padding: 0 1em;
}
.term-post .post-thumbnail,
.term-post .post-excerpt {
width: 100%;
}
.term-post .post-excerpt {
margin-bottom: 4%;
padding: 0 1em;
}
.term-post {
flex-wrap: wrap;
}
.genesis-nav-menu {
width: 97%;
}
.site-header {
margin-bottom: 50px;
}
.entry-content {
padding: .25rem 0em 5rem
}
.attraktionen_events {
margin: 20px 5% 0;
}
.attraktionen_events h3,
.attraktionen_events ul {
width: 100%;
}
.attraktionen_events ul li {
margin: 0;
width: 100%;
}
.attraktionen_events h3::after {
bottom: -8px;
}
#pager li a {
height: 45vw;
}
.objekt-route .entry-content,
.objekt-unterkunft .unterkunftinhalt,
.objekt-unterkunft h1 {
padding: 0 1em;
}
.single-unterkunft.unterkunftinhalt,
.single-unterkunft h1 {
padding: 0 1em !important;
}
.content-sidebar article {
padding-right: 1em;
padding-bottom: 1em;
}
.tmv_veranstaltungen-template-default .fakten .facts {
padding-bottom: 10px;
}
.produktanfrage .wpcf7-submit {
margin-top: 20px;
}
#ajaxsearchlite1 {
position: inherit;
width: 100%;
margin: 5px 0;
}
.site-header {
margin-bottom: 65px;
}
}
@media (max-width:460px) {
.topbar {
bottom: -16px;
}
.headerbild,
.homeslider,
.homeslider li,
.site-header .caption {
height: 70vw
}
.homeslider li img {
min-height: 70vw;
}
}
@media (max-width:380px) {
.urlaubbuchenbutton a {
font-size: 14px;
}
h1,
.termsfrontpage.terms .term-title,
#pager h2,
.archive-description .entry-title,
.archive-title,
.eventslider h2 {
font-size: 25px;
}
.wetter .bild {
width: 36px;
vertical-align: middle;
margin-right: 0;
margin-top: 0;
}
.wetter {
margin-right: -10px;
}
}
@media (max-width:360px) {
.urlaubbuchenbutton a {
padding: 9px 8px;
}
h1,
.termsfrontpage.terms .term-title,
.teaser h3,
.archive-description .entry-title,
.archive-title,
#pager h2 {
font-size: 25px;
}
.teaser::before {
height: 38px;
}
.topbar {
bottom: -26px;
}
.site-header {
margin-bottom: 75px;
}
}
@media (max-width:330px) {
.topbar a.instagram {
width: 40px;
line-height: 1.15;
padding: 9px 13px;
}
}