/* =Responsive (Mobile) Design -------------------------------------------------------------- */ @media screen and (min-width:1061px) and (max-width: 1200px) { /* FERTIG!!! */ body {font-size:14px;} #container {margin: 0 12px; padding: 0 58px 100px} #transp-bg {margin: 0 12px;} #subhead-oneline {width:26%; margin: 17px 1% 10px 0; font-size:1em} #mainmenu {width:72.5%;} nav ul.menu li a {padding: 0 4px;} .main-nav .menu li.responsive-show {display:none;} #next-date-small {min-height:50px;} .date-view .not-first .top {padding: 14px 10px;} .all-date-page .date-view .grid.number-1 .first .top {min-height:32px;} .all-date-page .bottom {min-height:35px;} .date-view .bottom, #widget_next_date_container.date-view .dj {min-height: 35px;} #single-dj-container .col-700 {width:75.768%} #footer {width: auto; padding: 0 70px} #social #social-media {font-size:1.5em; top:5px;} #social-media > ul {top:-1px;} #adresse {width: 38.3%; top: 2px;} .datum-album {min-width:65px;} .small-button {font-size:0.85em;} #hofleben {font-size:1.5em;} #hofleben > ul {top:0px; float:left; margin: 0 0 0 5%;} #hofleben > div {top:7px;} #hofleben > ul li {padding: 0 10px;} } @media screen and (min-width:769px) and (max-width: 1060px) { /* FERTIG!!! */ body {font-size:12px;} #container {margin: 0 12px; padding: 0 58px 110px} #transp-bg {margin: 0 12px;} #footer {width: auto; padding: 0 70px} #menu-container {width:60%;} #mainmenu {width:83%;} #logos {width:34.8%; margin-right:2%; } #logos #downtown-logo {margin-right: 6.2%; width: 52.6%;} #logos #lofthouse-logo {width:39%;} #next-date-small {min-height:41px; padding: 6px;} #subhead-lines {font-size:1em; width:10.5%; line-height:1.3em;} #subhead-oneline {display:none;} .flex-control-nav {bottom:2px; left:16px;} .slider-bottom .caption {font-size:1.5em;} .slider-bottom {padding:17px; height:70px;} .slider-bottom .small-button {bottom:7px; right:7px;} .day-container.day-friday:after {background: url("../../images/kugel_blau.jpg") no-repeat scroll 56px 0px rgba(0, 0, 0, 0); transition:transform 0s;} .day-container.day-saturday:after {background: url("../../images/kugel_pink.jpg") no-repeat scroll -56px 0px rgba(0, 0, 0, 0); transition:transform 0s;} .page-template-full-width-page-home-php #next-date .small-button {bottom:3px;} .flex-direction-nav {display:none; pointer-events:none; cursor: default;} #widget_next_date_container .grid .top i {right:10px; top:12px;} .date-view .next_date {font-size: 1.1em;} .date-view .bottom , #widget_next_date_container.date-view .dj{min-height:31px;} .date-view .next_date {letter-spacing: -0.05em;} .date-view .not-first .top {padding: 14px 10px 13px; font-size: 1.6em;} #widget_next_date_container .grid .top i {top:14px;} #widget_next_date_container .grid.first .top i {color: #000; font-size:1.3em; right: 10px; top:14px;} .all-date-page .date-view .grid.number-1 .first .top {min-height:30px;} .date-view .bottom, #widget_next_date_container.date-view .dj {min-height:29px;} .date-view .top {padding: 6px 10px 7px;} div.wpcf7 form .input-container.textarea .input-field {margin-bottom:10px;} .small-button {font-size:0.85em;} #single-dj-container .col-700 {width:74.768%} .owl-carousel .owl-wrapper, .owl-carousel .owl-item {padding-right:1px;} #my-header {margin-bottom:25px;} .small-button.table {margin: 15px 0 20px;} #navi-hofleben {margin-bottom:20px;} #navi-hofleben li {margin-bottom:15px;} #hofleben {font-size:1.75em; width:67.1%;} #hofleben > div {top:0px;} #hofleben > ul {float:left; margin: 0 0 0 5%;} #hofleben > ul li {padding: 0 10px;} #hofleben > ul li img {height:24px;} .top-menu li a {font-size:0.75em;} #social {width:31.5%;} #social #social-media {font-size:1.75em; width: 100%;} #social-media > ul {top:-1px;} #adresse {width:100%;} .page-template-full-width-page-home-php #next-date .small-button {bottom: 1px;} } @media screen and (min-width:769px) and (max-width: 900px) { /* FERTIG!!! */ .page-template-full-width-page-gallery-php .col-220 {width: 31.404%;} .page-template-full-width-page-gallery-php .col-700 {width: 66.468%;} #gallery a {height:176px; width: 185px;} } @media screen and (min-width:901px) and (max-width: 1060px) { /* FERTIG!!! */ .page-template-full-width-page-gallery-php .col-220 {width: 31.404%;} .page-template-full-width-page-gallery-php .col-700 {width: 66.468%;} #gallery a {height:140px; width: 150px;} } @media screen and (min-width:651px) and (max-width: 768px) { /* FERTIG!!! */ #container {margin: 0 12px; padding: 0 58px 100px} #transp-bg {margin: 0 12px;} #wrapper {margin: 0px auto 0} #footer {width: auto; padding: 0 70px} #subhead-lines {display:none;} #logos {width:48%; margin-right:2%;float:left;} #next-date-small {width:50%; float:left;} #logos #downtown-logo {margin-right:9%; width:52%;} #logos #lofthouse-logo {width:36%;} .main-nav .menu li.responsive-show {display:none;} #next-date-small-title {font-size:0.75em; margin: 0 9px 0 0;} #next-date-small-content {font-size:1.15em;} #next-date-small i {right:20px;} #next-date-small {min-height:45px; padding: 8px 9px;} #my-header {margin-bottom:0;} #subhead-oneline {width:100%; font-size:1em; margin: 25px 0 5px;} #mainmenu {width:100%; float:none; margin-top:6px;} .main-nav {height:32px;} nav ul.menu {width:100%;} nav ul.menu li a {font-size:1em; height:20px; line-height:20px; padding: 0 6px;} nav ul.menu .responsive-show {display:none;} .responsive-show {display:none;} .page-template-full-width-page-home-php #wrapper {margin: 0px auto 20px;} #widget_next_date_container .grid {float:left;} .date-view .not-first .top {font-size:1.25em; padding: 10px 10px;} #widget_next_date_container .grid .top i {right:8px; top:10px; font-size: 1em;} #widget_next_date_container .grid.first .top i {color: #000; font-size:1.1em; top:11px;} .date-view .next_date {font-size:0.875em;} .date-view .top, .date-view .bottom {padding: 3px 5px;} .date-view .dj,.date-view .next_date_event, #widget_next_date_container.date-view .style .padding {font-size:1em;} .date-view .next_date_info, .date-view .next_date-title, .page-template-full-width-page-home-php #next-date .bottom .short_desc{font-size: 0.75em;} #next-date {margin-bottom:25px;} #next-date, #next-date-both-days .grid {float:left;} .date-view .bottom,#widget_next_date_container.date-view .dj {min-height:25px;} .day-container {min-height:140px;} .flex-control-nav {bottom:0px; left:9px;} .slider-bottom .small-button {bottom:9px; right:9px;} #teaser-next, #teaser-prev {top:40%;} .day-container.day-friday:after {background: url("../../images/kugel_blau.jpg") no-repeat scroll 140px -32px rgba(0, 0, 0, 0); transition:0s;} .day-container.day-saturday:after {background: url("../../images/kugel_pink.jpg") no-repeat scroll -140px -32px rgba(0, 0, 0, 0); transition:0s;} .day-container.day-saturday:hover:after{-webkit-transform:none;-moz-transform: none;-ms-transform: none;-o-transform: none; transform: none;} .day-container.day-friday:hover:after {-webkit-transform:none;-moz-transform: none;-ms-transform: none;-o-transform: none; transform: none;} .date-view {font-size:12px;} .slider-bottom {height:60px; padding: 10px;} .slider-bottom .caption {font-size:1.25em;} .slider-bottom .caption span { margin-right:5px;} .page-template-two-column-page-contact-php #wrapper .col-300 {width: 46%; float: left; margin-right:4%;} .page-template-two-column-page-contact-php #wrapper .col-620 {width: 50%; float: left;} div.wpcf7 form .input-container.textarea .input-field {margin-bottom:10px;} div.wpcf7 form label {float:none; width:100%; box-sizing:border-box; margin-bottom: 0.8em} div.wpcf7 form .input-field {margin-left:0;} .page-template-two-column-page-location-php #wrapper .col-380 {width: 46%; float: left; margin-right:4%;} .page-template-two-column-page-location-php #wrapper .col-540 {width: 50%; float: left;} .small-button {font-size:0.85em;} .all-date-page .style {font-size:0.75em;} #widget_all_date_container .col-940 .grid {margin-bottom: 0; margin-right: 0.9%; width: 24.325%; float:left;} .all-date-page .date-view .grid.number-1 .first .top,.two-day-style .bottom {min-height:29px;} .date-view .bottom, #widget_next_date_container.date-view .dj {min-height:29px;} .two-day-style .grid.col-300 {width: 31.9149%;margin-right: 2.12766%;float:left;} .two-day-style .grid.col-300.last-grid {margin-right:0;} #single-dj-container .grid {float:left;} #single-dj-container .col-220 {margin-right:3%;} #single-dj-container .col-700 {width:73.768%;} .dj_social_media li a {font-size:1.75em;} .dj_social_media:first-child a {margin: 0 7px 0 0;} .page-template-full-width-page-gallery-php .col-220 {width: 45.404%; float:left;} .page-template-full-width-page-gallery-php .col-700 {width:52.468%; margin-right: 2.12766%; float:left;} #gallery a {height: 110px; width: 115px;} #navi-hofleben {margin: 0 0 20px;} #navi-hofleben li { margin-bottom: 20px;} #footer {padding: 0 70px;} #social {width:34.5%;} #social #social-media {font-size:1.5em; top:4px;} #social-media > ul {top:-1px;} #adresse {width: 100%; top: 0px;} #hofleben {font-size:1.5em; width:64.1%;} #hofleben > ul {top:0px; margin: 0 3% 24px;} #hofleben > div {top:2px; margin-right:5px;} #hofleben > ul li {padding: 0 8px;} #hofleben > ul li img {height:20px;} .page-template-full-width-page-home-php #pbOverlay {display:none;} #pbCloseBtn, #pbAutoplayBtn {right:0;} #pbOverlay {z-index: 99999999;} #pbCloseBtn {z-index: 999999999;} .page-template-full-width-page-home-php #next-date .small-button {bottom:2px;} } @media screen and (max-width: 768px) { body { font-size:12px; } .grid, .grid-right { display: block; float: none; width: 100%; margin-right: 0; } .copyright, .scroll-top, .powered { float: left; } #featured-image .fluid-width-video-wrapper { margin: 20px 0 0 0; } .front-page #widgets { margin-top: 40px; } .top-widget, .front-page .top-widget { margin-top: 0 !important; } .hide-desktop { display: block; } .show-desktop { display: none; } .hide-980 { display: none; } .show-980 { display: block; } } @media screen and (max-width: 650px) { #shiftnav-toggle-main {background:#934090 !important; color: #fff; border-bottom:1px solid #fff; } #my-menu {display:none !important;} .shiftnav {background: #934090 !important; font-family: "Montserrat",sans-serif; text-transform:uppercase; box-shadow:none !important;} .shiftnav:after {box-shadow:none !important;} .shiftnav a {color: #fff !important; border-bottom: 1px solid #b650b3; } } @media screen and (min-width:481px) and (max-width: 650px) { /* FERTIG!!! */ /* ALLGEMEIN */ body ,.date-view{font-size:14px;} .page-template-full-width-page-home-php #pbOverlay {display:none;} #logos, #next-date-small, #mainmenu, #social, #next-date-both-days .col-460, #adresse {width: 100%; margin-right:0; float:none;} #subhead-oneline, #subhead-oneline-resp ,.top-menu, #hof-social > a, #footer-wrapper, #next_small_link, #transp-bg {display:none;} .responsive-show {display:block !important;} .responsive-hide {display:none;} #container {padding: 0 10px 100px; background: rgba(0,0,0,0.8); max-width:460px;} .post-edit {display:none;} .entry-background {padding:10px;} .small-button {width:100%; text-align:center; padding: 6px 0; font-size:1em;} .small-button.responsive-button {display:block !important; margin-top:15px;} #widget_next_date_container.date-view .style {width:100%;} /* HEADER */ #header {margin:10px 0 0 0;} #my-menu {} #my-header {margin-bottom: 10px;} #absolute-top-header {margin: 5px 0 20px;} #menu-container #widget_language {display:none;} #subhead-oneline-resp{font-size: 1.2em; margin-top:14px;} #subhead-lines {width:24%; float:left; margin-right:0; font-size:1.25em} #logos {width:75%; float:left;} #logos #lofthouse-logo {width:34%;} #logos #downtown-logo {width: 52.6%; margin-right: 8.2%;} /* NAVI */ #responsive_menu_button {display:none !important;} #my-menu {position:fixed; z-index: 99999999; top:0; left:0px; background:#b650b3; max-width:460px; margin-left: -230px; left:50%;} #mainmenu {width:83%; float:left; margin:0;} .top-menu li a {font-size:1em; padding: 0 8px;} #widget-language-responsive {display:block; float:left; width:17%; text-align:center;} #my-menu #widget_language {display:block; position:relative; width:100%; } #my-menu #widget_language {text-align:center; padding:12px 0 12px} #my-menu #widget_language a {width:50%; display:inline-block;} #my-menu #widget_language a img {width:100%;} .js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover {background-color: #4491af !important;} /* STARTSEITE */ .teaser-link {font-size:10px;} .slider-bottom .small-button {bottom:0px; right:0px; font-size:1em;} .slider-bottom {height:67px; padding:5px 10px 5px 10px;} .flex-control-nav {display:none;} .flex-direction-nav {display:none; pointer-events:none; cursor: default;} #teaser-next {background: rgba(0,0,0,0.7); font-size: 30px; right:18px; height:32px; width:30px; padding: 0 10px 2px 12px; top:41%; position:absolute; z-index:200;} #teaser-prev {background: rgba(0,0,0,0.7); font-size: 30px; left:20px; height:32px; width:30px; padding: 0 10px 2px 8px; top:41%;position:absolute; z-index:200;} .flexslider {z-index:100;} #widget_next_date_container .grid {width:100%; margin-right:0; position:relative; z-index: 99999;} .date-view .top {margin-bottom:0;} .date-view .bottom {margin-bottom:6px;} .all-date-page .date-view .grid.number-1 .first .top,.two-day-style .bottom {min-height:18px;} .date-view .bottom, #widget_next_date_container.date-view .dj {min-height:18px;} #widget_next_date_container.date-view .style.specials {border-top:none; margin:0;} #widget_next_date_container.date-view .style.specials .padding {margin:0 0 4px;} #widget_next_date_container.date-view .style {display:block;} #widget_next_date_container .grid .top i {display:none;} #next-date #widget_next_date_container.grid {margin-bottom:0;} .freitags-grid {margin-bottom:20px !important;} .day-container.day-friday:after {background: url("../../images/kugel_blau.jpg") no-repeat scroll 40px 0 rgba(0, 0, 0, 0); transition: 0s;} .day-container.day-saturday:after {background: url("../../images/kugel_pink.jpg") no-repeat scroll -40px 0 rgba(0, 0, 0, 0); transition: 0s;} .day-container.day-saturday:hover:after{-webkit-transform:none;-moz-transform: none;-ms-transform: none;-o-transform: none; transform: none;} .day-container.day-friday:hover:after {-webkit-transform:none;-moz-transform: none;-ms-transform: none;-o-transform: none; transform: none;} .day-container {margin-bottom:0px;} /* SPECIALS */ #page-teaser .special-box {font-size:2em; right: 8px !important; bottom:3px !important;} /* FREITAG & SAMSTAG */ .two-day-style .top {padding:10px;} /* DJs */ #dj-carousel .single-dj {border-right:none;} #dj-carousel .image-container img {box-sizing:border-box; width:100%;} #dj-carousel .single-dj .small-button {display:block; box-sizing: border-box;} .owl-theme .owl-controls {margin-top:0px;} #dj-prev {left: -10px;} #dj-next {right: -10px;} #single-dj-container .col-220 {width:100%; margin-bottom:40px; border:none;} #single-dj-container .col-700 {width:100%;} .dj_headline .small-button {display:none;} .dj_headline h3 {margin: 0px;} .dj_first_infos {margin: 0 0 10px;} #single-dj-left .image-container img {margin:0; height:auto;} .ui-tabs .ui-tabs-panel {padding:10px 0 1em !important;} .dj_social_media:first-child a {margin: 0 18px 0 0;} /* HOFLEBEN */ svg:not(:root) {height: auto; width:100%;} #navi-hofleben li {width:32%; margin:0 0 20px; text-align:center;} #navi-hofleben {margin: 0;} .hl-content .small-button {display:none;} /* LOCATION */ .location .small-button {display:none;} .location {margin-bottom:30px;} .contact-location {margin-bottom:30px;} .page-template-two-column-page-location-php #wrapper .col-540 {margin-top:30px;} /* KONTAKT */ div.wpcf7 form label {float:none; width:100%; box-sizing: border-box; margin-bottom:10px;} div.wpcf7 form .input-field {margin-left:0;} div.wpcf7 form .wpcf7-submit {width:100%; text-align:center; padding: 6px 0; font-size:1em;} .page-template-two-column-page-contact-php #wrapper .col-620 {margin-top:30px;} /* TERMINE */ #widget_all_date_container {margin:20px 0 0;} #widget_all_date_container .date-row {margin-top:20px;} #widget_all_date_container .date-row.number-1 {margin-top:0;} #widget_all_date_container .col-940 .grid {width:100%; margin-right:0;} .all-date-page .date-view .grid.number-1 .first .top {display:none;} .all-date-page .date-view .grid .first .top {display:none;} .all-date-page .date-view .grid .top {display:block;} .all-date-page .date-view .grid .top {font-size:1.5em;} .all-date-page .not-first .top {padding: 10px 10px 11px;} .all-date-page .bottom {min-height:35px;} #widget_next_date_container.date-view .style {width:100%;} /* GALLERIE */ #gallery-navigation ul{font-size:14px; max-height:85px; overflow:auto; padding: 5px 10px 10px;} #gallery-navigation li {padding:3px 0;} #gallery a {height:145px; width:145px;} /* FOOTER */ #footer {margin-bottom:0; padding: 0 10px; width:unset; max-width:460px; box-sizing:border-box;} #hof-social {padding:24px 5px 14px; margin:0;} #hof-social.grid {width:unset;} #social-media > ul {float:right;} /* PHOTOBOX */ #pbCloseBtn, #pbAutoplayBtn {right:0;} #pbOverlay {z-index: 99999999;} #pbCloseBtn {z-index: 999999999;} body { } #logo { float: none; margin: 0; text-align: center; } .grid, .grid-right { float: none; } #featured-image .fluid-width-video-wrapper { margin: 20px 0 0 0; } .top-widget { float: none; position: relative; width: auto; margin: 0 auto 10px auto; text-align: center; } .top-widget .widget-title h3 { text-align: center; } .js .sub-header-menu { display: none; } .js .main-nav { clear: both; position: relative; margin: 0 auto; background-color: #585858; background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d)); background-image: -webkit-linear-gradient(top, #585858, #3d3d3d); background-image: -moz-linear-gradient(top, #585858, #3d3d3d); background-image: -ms-linear-gradient(top, #585858, #3d3d3d); background-image: -o-linear-gradient(top, #585858, #3d3d3d); background-image: linear-gradient(top, #585858, #3d3d3d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d); } .js .main-nav {background: #934090; padding:7px 0 5px; } .js .main-nav .menu { display: none; position: absolute; z-index: 1000; top: 30px; width: 100%; } .js .main-nav .menu ul { margin-top: 1px; } .js .main-nav .menu li { float: none; border: none; background-color: #fff; } .js .main-nav .menu li a { height: 45px; padding: 0 15px; border: none; border-bottom: 1px solid #393939; color: #444; text-shadow: none; font-size: 13px; font-weight: normal; line-height: 45px; text-align: left; cursor: pointer; } .js .main-nav .menu li.current_page_item, .js .menu .current_page_item a, .js .menu .current-menu-item a { background-color: #f5f5f5; } .js .main-nav .menu li li:hover { background: none !important; } .js .main-nav .menu li li a { position: relative; padding: 0 10px 0 30px; } .js .main-nav .menu li li li a { position: relative; padding: 0 10px 0 40px; } .js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover { background-color: #4491af !important; background-image: none; filter: none; } .js .main-nav .menu li li a::before { position: absolute; top: 0; left: 20px; content: "\2013"; } .js .main-nav .menu li li li a::before { position: absolute; top: 0; left: 20px; content: "\2013"; } .js .main-nav .menu li li li a::after { position: absolute; top: 0; left: 30px; content: "\2013"; } .js .main-nav .menu li ul { visibility: visible; position: static; background-color: #fff; } .js .main-nav .menu ul { min-width: 0; } .js .main-nav #responsive_current_menu_item { display: block; padding: 5px 40px 5px 10px; color: #fff; font-weight: 700; cursor: pointer; } .js .main-nav a#responsive_menu_button { display: none; position: absolute; top: 0; left: 100%; width: 23px; height: 30px; margin-left: -30px; background: url("../images/select-icons.png") 0 5px no-repeat; cursor: pointer; } .js .main-nav a#responsive_menu_button.responsive-toggle-open { background: url("../images/select-icons.png") 0 -46px no-repeat; } .top-menu, .footer-menu li { float: none; font-size: 11px; text-align: center; } #author-meta { padding: 20px; } #wrapper .gallery .gallery-item { max-width: 100%; } .hide-650 { display: none; } .show-650 { display: block; } .hide-mobile { display: none; } #footer { text-align: center; } #footer .social-icons { padding-bottom: 10px; text-align: center; } .js .main-nav #responsive_current_menu_item {font-size:2em; text-transform:uppercase; font-weight:400; font-size:2em; padding: 12px 40px 10px 10px;} .js .main-nav #responsive_current_menu_item:before {font-family: "FontAwesome"; content:"\f00b"; color: #fff; font-size:1em; margin-right:10px;} .js .main-nav .menu {top:51px;} .js .main-nav .menu li.last-item a {border-bottom:5px solid #934090;} .main-nav {overflow:visible; height:auto;} .main-nav .menu {text-align:unset;} .main-nav .menu li {display:block;} .js .main-nav .menu {z-index:999999;} .js .main-nav .menu li a {height:25px; line-height:25px; color:#fff; } .js .main-nav .menu li.current_page_item, .js .main-nav .menu li {background-color: #232323;} .js .menu .current_page_item a, .js .menu .current-menu-item a {background-color: #b650b3;} .js .main-nav .menu li.current_page_item:hover, .js .menu .current_page_item a:hover, .js .menu .current-menu-item a:hover, .js .main-nav .menu li:hover {background-color: #232323 !important;} .menu li.current-menu-item a {margin-bottom:0;} } @media screen and (max-width: 480px) { /* ALLGEMEIN */ body ,.date-view{font-size:14px;} .page-template-full-width-page-home-php #pbOverlay {display:none;} #logos, #subhead-oneline-resp, #next-date-small, #mainmenu, #social, #next-date-both-days .col-460, #adresse {width: 100%; margin-right:0; float:none;} #subhead-lines, #subhead-oneline, .top-menu, #hof-social > a, #footer-wrapper, #next_small_link, #transp-bg {display:none;} .responsive-show {display:block !important;} .responsive-hide {display:none;} #container {padding: 0 10px 100px; background: rgba(0,0,0,0.8); max-width:320px;} .post-edit {display:none;} .entry-background {padding:10px;} .small-button {width:100%; text-align:center; padding: 6px 0; font-size:1em;} .small-button.responsive-button {display:block !important; margin-top:15px;} /* HEADER */ #header {margin: 0 0 0;} #my-menu {} #my-header {margin-bottom: 10px;} #absolute-top-header {margin: 5px 0 20px;} #subhead-oneline-resp {display:block;} #menu-container #widget_language {display:none;} #subhead-oneline-resp{font-size: 1.2em; margin-top:14px;} /* NAVI */ .js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover {background-color: #4491af !important;} #responsive_menu_button {display:none !important;} #my-menu {position:fixed; z-index: 99999999; top:-13px; left:0px; background:#b650b3; max-width:320px; margin-left: -160px; left:50%;} #mainmenu {width:83%; float:left; margin:12px 0 0;} .js .main-nav #responsive_current_menu_item {font-size:2em; text-transform:uppercase; font-weight:400; font-size:2em; padding: 12px 40px 10px 10px;} .js .main-nav #responsive_current_menu_item:before {font-family: "FontAwesome"; content:"\f00b"; color: #fff; font-size:1em; margin-right:10px;} .js .main-nav .menu {top:39px;} .js .main-nav .menu li.last-item a {border-bottom:5px solid #934090;} .main-nav {overflow:visible; height:auto;} .main-nav .menu {text-align:unset;} .main-nav .menu li {display:block;} .js .main-nav .menu {z-index:999999;} .js .main-nav .menu li a {height:35px; line-height:35px; color:#fff; } .js .main-nav {background: #934090; padding:0;} .js .main-nav .menu li.current_page_item, .js .main-nav .menu li {background-color: #232323;} .js .menu .current_page_item a, .js .menu .current-menu-item a {background-color: #b650b3;} .js .main-nav .menu li.current_page_item:hover, .js .menu .current_page_item a:hover, .js .menu .current-menu-item a:hover, .js .main-nav .menu li:hover {background-color: #232323 !important;} .menu li.current-menu-item a {margin-bottom:0;} .top-menu li a {font-size:1em; padding: 0 8px;} #widget-language-responsive {display:block; float:left; width:17%; text-align:center;} #my-menu #widget_language {display:block; position:relative; width:100%; } #my-menu #widget_language {text-align:center; padding:22px 0 7px} #my-menu #widget_language a {width:50%; display:inline-block;} #my-menu #widget_language a img {width:100%;} /* STARTSEITE */ .teaser-link {font-size:10px;} .slider-bottom .small-button {bottom:0px; right:0px; font-size:1em;} .slider-bottom {height:67px; padding:5px 10px 5px 30px;} .flex-control-nav {display:none;} .flex-direction-nav {display:none; pointer-events:none; cursor: default;} #teaser-next {background: rgba(0,0,0,0.7); font-size: 30px; right:20px; height:32px; width:30px; padding: 0 10px 2px 12px; top:31%; position:absolute; z-index:200;} #teaser-prev {background: rgba(0,0,0,0.7); font-size: 30px; left:20px; height:32px; width:30px; padding: 0 10px 2px 8px; top:31%; position:absolute; z-index:200;} .flexslider {z-index:100;} .slider-bottom .responsive-hide {display:none;} .slider-bottom .responsive-hide,.slider-bottom .responsive-show {float:none; margin:0;} #widget_next_date_container .grid {width:100%; margin-right:0; position:relative; z-index: 99999;} .date-view .top {margin-bottom:0;} .date-view .bottom {margin-bottom:6px;} #widget_next_date_container.date-view .dj {min-height: unset;} #widget_next_date_container.date-view .style.specials {border-top:none; margin:0;} #widget_next_date_container.date-view .style.specials .padding {margin:0 0 4px;} #widget_next_date_container.date-view .style {display:block;} #widget_next_date_container .grid .top i {display:none;} #next-date #widget_next_date_container.grid {margin-bottom:0;} .all-date-page .date-view .grid .first .top {display:none;} .all-date-page .date-view .grid .top {display:block;} .freitags-grid {margin-bottom:20px !important;} .day-container.day-friday:after {background: url("../../images/kugel_blau.jpg") no-repeat scroll 180px 0 rgba(0, 0, 0, 0); transition:0s;} .day-container.day-saturday:after {background: url("../../images/kugel_pink.jpg") no-repeat scroll -180px 0 rgba(0, 0, 0, 0); transition:0s;} .day-container.day-saturday:hover:after{-webkit-transform:none;-moz-transform: none;-ms-transform: none;-o-transform: none; transform: none;} .day-container.day-friday:hover:after {-webkit-transform:none;-moz-transform: none;-ms-transform: none;-o-transform: none; transform: none;} .day-container {margin-bottom:0px;} .all-date-page .date-view .grid.number-1 .first .top,.two-day-style .bottom {min-height:18px;} .date-view .bottom, #widget_next_date_container.date-view .dj {min-height:18px;} #widget_next_date_container.date-view .style {width:100%;} /* SPECIALS */ #page-teaser .special-box {font-size:2em; right: 8px !important; bottom:3px !important;} /* FREITAG & SAMSTAG */ .two-day-style .top {padding:10px;} /* DJs */ #dj-carousel .single-dj {border-right:none;} #dj-carousel .image-container img {box-sizing:border-box; width:100%;} #dj-carousel .single-dj .small-button {display:block; box-sizing: border-box;} .owl-theme .owl-controls {margin-top:0px;} #dj-prev {left: -10px;} #dj-next {right: -10px;} #single-dj-container .col-220 {width:100%; margin-bottom:40px; border:none;} #single-dj-container .col-700 {width:100%;} .dj_headline .small-button {display:none;} .dj_headline h3 {margin: 0px;} .dj_first_infos {margin: 0 0 10px;} #single-dj-left .image-container img {margin:0; height:auto;} .ui-tabs .ui-tabs-panel {padding:10px 0 1em !important;} .dj_social_media:first-child a {margin: 0 18px 0 0;} /* HOFLEBEN */ svg:not(:root) {height: auto; width:100%;} #navi-hofleben li {width:48%; margin:0 0 20px; text-align:center;} #navi-hofleben {margin: 0;} .hl-content .small-button {display:none;} /* LOCATION */ .location .small-button {display:none;} .location {margin-bottom:30px;} .contact-location {margin-bottom:30px;} /* KONTAKT */ div.wpcf7 form label {float:none; width:100%; box-sizing: border-box; margin-bottom:10px;} div.wpcf7 form .input-field {margin-left:0;} div.wpcf7 form .wpcf7-submit {width:100%; text-align:center; padding: 6px 0; font-size:1em;} .page-template-two-column-page-location-php #wrapper .col-540 {margin-top:30px;} .page-template-two-column-page-contact-php #wrapper .col-620 {margin-top:30px;} /* TERMINE */ #widget_all_date_container {margin:20px 0 0;} #widget_all_date_container .date-row {margin-top:20px;} #widget_all_date_container .date-row.number-1 {margin-top:0;} #widget_all_date_container .col-940 .grid {width:100%; margin-right:0;} .all-date-page .date-view .grid.number-1 .first .top {display:none;} .all-date-page .date-view .grid .top {font-size:1.5em;} .all-date-page .not-first .top {padding: 10px 10px 11px;} .all-date-page .bottom {min-height:35px;} /* GALLERIE */ #gallery-navigation ul{font-size:14px; max-height:85px; overflow:auto; padding: 5px 10px 10px;} #gallery-navigation li {padding:3px 0;} #gallery a {height:140px; width:140px;} /* FOOTER */ #footer {margin-bottom:0; padding: 0 10px; width:unset; max-width:320px; box-sizing:border-box;} #hof-social {padding:24px 5px 14px; margin:0;} #hof-social.grid {width:unset;} #social-media > ul {float:right;} /* PHOTOBOX */ #pbCloseBtn, #pbAutoplayBtn {right:0;} #pbOverlay {z-index: 99999999;} #pbCloseBtn {z-index: 999999999;} body { } #logo { float: none; text-align: center; } .grid, .grid-right { float: none; } #featured-image .fluid-width-video-wrapper { margin: 20px 0 0 0; } .featured-title { padding: 40px 20px 0 20px; font-size: 40px; } .featured-subtitle { font-size: 24px; } .navigation .next, .navigation .previous { display: block; margin: 0 auto; text-align: center; } .menu ul, .menu li, .top-menu, .footer-menu li, .sub-header-menu li { float: none; text-align: center; text-rendering: optimizeSpeed; } #wrapper .gallery .gallery-item { float: none; } .hide-480 { display: none; } .show-480 { display: block; } #footer { text-align: center; } #footer .social-icons { text-align: center; } } @media screen and (max-width: 320px) { /* ALLGEMEIN */ body ,.date-view{font-size:14px;} .page-template-full-width-page-home-php #pbOverlay {display:none;} #logos, #subhead-oneline-resp, #next-date-small, #mainmenu, #social, #next-date-both-days .col-460, #adresse {width: 100%; margin-right:0; float:none;} #subhead-lines, #subhead-oneline, .top-menu, #hof-social > a, #footer-wrapper, #next_small_link, #transp-bg {display:none;} .responsive-show {display:block !important;} .responsive-hide {display:none;} #container {padding: 0 10px 100px; background: rgba(0,0,0,0.8);} .post-edit {display:none;} .entry-background {padding:10px;} .small-button {width:100%; text-align:center; padding: 6px 0; font-size:1em;} .small-button.responsive-button {display:block !important; margin-top:15px;} /* HEADER */ #header {margin:35px 0 0 0;} #my-menu {} #my-header {margin-bottom: 10px;} #absolute-top-header {margin: 5px 0 20px;} #subhead-oneline-resp {display:block;} #menu-container #widget_language {display:none;} #subhead-oneline-resp{font-size: 1.2em; margin-top:14px;} /* NAVI */ #responsive_menu_button {display:none !important;} .js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover {background-color: #4491af !important;} #my-menu {position:fixed; z-index: 99999999; top:-13px; left:0px; background:#b650b3; width:100%; margin-left:0;} #mainmenu {width:83%; float:left;} .js .main-nav #responsive_current_menu_item {font-size:2em; text-transform:uppercase; font-weight:400; font-size:2em; padding: 12px 40px 10px 10px;} .js .main-nav #responsive_current_menu_item:before {font-family: "FontAwesome"; content:"\f00b"; color: #fff; font-size:1em; margin-right:10px;} .js .main-nav .menu {top:39px;} .js .main-nav .menu li.last-item a {border-bottom:5px solid #934090;} .main-nav {overflow:visible; height:auto;} .main-nav .menu {text-align:unset;} .main-nav .menu li {display:block;} .js .main-nav .menu {z-index:999999;} .js .main-nav .menu li a {height:35px; line-height:35px; color:#fff; } .js .main-nav {background: #934090;} .js .main-nav .menu li.current_page_item, .js .main-nav .menu li {background-color: #232323;} .js .menu .current_page_item a, .js .menu .current-menu-item a {background-color: #b650b3;} .js .main-nav .menu li.current_page_item:hover, .js .menu .current_page_item a:hover, .js .menu .current-menu-item a:hover, .js .main-nav .menu li:hover ,.js .main-nav .menu li li:hover{background-color: #232323 !important;} .menu li.current-menu-item a {margin-bottom:0;} .top-menu li a {font-size:1em; padding: 0 8px;} #widget-language-responsive {display:block; float:left; width:17%; text-align:center;} #my-menu #widget_language {display:block; position:relative; width:100%; } #my-menu #widget_language {text-align:center; padding:22px 0 7px} #my-menu #widget_language a {width:50%; display:inline-block;} #my-menu #widget_language a img {width:100%;} /* STARTSEITE */ .teaser-link {font-size:10px;} .slider-bottom .small-button {bottom:0px; right:0px; font-size:1em;} .slider-bottom {height:67px; padding:5px 10px 5px 30px;} .flex-control-nav {display:none;} .flex-direction-nav {display:none; pointer-events:none; cursor: default;} #teaser-next {background: rgba(0,0,0,0.7); font-size: 30px; right:20px; height:32px; width:30px; padding: 0 10px 2px 12px; top:31%; position:absolute; z-index:200;} #teaser-prev {background: rgba(0,0,0,0.7); font-size: 30px; left:20px; height:32px; width:30px; padding: 0 10px 2px 8px; top:31%; position:absolute; z-index:200;} .flexslider {z-index:100;} .slider-bottom .responsive-hide {display:none;} #widget_next_date_container .grid {width:100%; margin-right:0; position:relative; z-index: 99999;} .date-view .top {margin-bottom:0;} .date-view .bottom {margin-bottom:6px;} #widget_next_date_container.date-view .dj {min-height: unset;} #widget_next_date_container.date-view .style {display:block;} #widget_next_date_container .grid .top i {display:none;} #next-date #widget_next_date_container.grid {margin-bottom:0;} .page-template-two-column-page-location-php #wrapper .col-540 {margin-top:30px;} .page-template-two-column-page-contact-php #wrapper .col-620 {margin-top:30px;} .freitags-grid {margin-bottom:20px !important;} .day-container.day-friday:after {background: url("../../images/kugel_blau.jpg") no-repeat scroll 180px 0 rgba(0, 0, 0, 0)} .day-container.day-saturday:after {background: url("../../images/kugel_pink.jpg") no-repeat scroll -180px 0 rgba(0, 0, 0, 0)} .day-container {margin-bottom:0px;} /* SPECIALS */ #page-teaser .special-box {font-size:2em; right: 8px !important; bottom:3px !important;} /* FREITAG & SAMSTAG */ .two-day-style .top {padding:10px;} /* DJs */ #dj-carousel .single-dj {border-right:none;} #dj-carousel .image-container img {box-sizing:border-box; width:100%;} #dj-carousel .single-dj .small-button {display:block; box-sizing: border-box;} .owl-theme .owl-controls {margin-top:0px;} #dj-prev {left: -10px;} #dj-next {right: -10px;} #single-dj-container .col-220 {width:100%; margin-bottom:40px; border:none;} #single-dj-container .col-700 {width:100%;} .dj_headline .small-button {display:none;} .dj_headline h3 {margin: 0px;} .dj_first_infos {margin: 0 0 10px;} #single-dj-left .image-container img {margin:0; height:auto;} .ui-tabs .ui-tabs-panel {padding:10px 0 1em !important;} .dj_social_media:first-child a {margin: 0 18px 0 0;} /* HOFLEBEN */ svg:not(:root) {height: auto; width:100%;} #navi-hofleben li {width:48%; margin:0 0 20px; text-align:center;} #navi-hofleben {margin: 0;} .hl-content .small-button {display:none;} /* LOCATION */ .location .small-button {display:none;} .location {margin-bottom:30px;} .contact-location {margin-bottom:30px;} /* KONTAKT */ div.wpcf7 form label {float:none; width:100%; box-sizing: border-box; margin-bottom:10px;} div.wpcf7 form .input-field {margin-left:0;} div.wpcf7 form .wpcf7-submit {width:100%; text-align:center; padding: 6px 0; font-size:1em;} /* TERMINE */ #widget_all_date_container {margin:20px 0 0;} #widget_all_date_container .date-row {margin-top:20px;} #widget_all_date_container .date-row.number-1 {margin-top:0;} #widget_all_date_container .col-940 .grid {width:100%; margin-right:0;} .all-date-page .date-view .grid.number-1 .first .top {display:none;} .all-date-page .date-view .grid .first .top {display:none;} .all-date-page .date-view .grid .top {display:block;} /* GALLERIE */ #gallery-navigation ul{font-size:14px; max-height:85px; overflow:auto; padding: 5px 10px 10px;} #gallery-navigation li {padding:3px 0;} #gallery a {height:140px; width:140px;} /* FOOTER */ #footer {margin-bottom:0; padding: 0 10px; width:unset;} #hof-social {padding:24px 5px 14px; margin:0;} #hof-social.grid {width:unset;} #social-media > ul {float:right;} /* PHOTOBOX */ #pbCloseBtn, #pbAutoplayBtn {right:0;} #pbOverlay {z-index: 99999999;} #pbCloseBtn {z-index: 999999999;} body { width:100%; } #featured p { font-size: 12px; line-height: 1.5em; } .featured-title { font-size: 35px; } .featured-subtitle { font-size: 15px; } .call-to-action a.button { padding: 7px 17px; font-size: 14px; } .hide-320 { display: none; } .show-320 { display: block; } } @media screen and (max-width: 240px) { body { } #featured p { font-size: 11px; line-height: 1.5em; } .featured-title { font-size: 20px; } .featured-subtitle { font-size: 11px; } .call-to-action a.button { padding: 5px 15px; font-size: 12px; } .top-widget area, .top-widget select, .top-widget textarea, .top-widget input[type="text"], .top-widget input[type="password"], .top-widget input[type="email"] { width: 75%; } .widget-title h3, .widget-title-home h3 { height: 13px; font-size: 14px; line-height: 13px; text-align: left; } .hide-240 { display: none; } .show-240 { display: block; } } /* @media screen and (max-width: 980px) { body {font-size:12px} #logos #downtown-logo {width:125px; margin-right:15px;} #logos #lofthouse-logo {width:80px;} #next-date-small {min-height:38px;} #subhead-lines {margin-top:2px;} .date-view .not-first .top {min-height:29px; padding:14px 0 0;} .date-view .not-first .bottom {min-height:31px;} .date-view .first .bottom {min-height:31px;} nav ul.menu li a {font-size:0.9em;} #hofleben > ul li img {width:54px;} #hofleben > ul li {padding:0 4px;} #social #social-media {margin-right:5px;} #adresse {font-size:0.5em;} } @media screen and (max-width: 768px) { #my-header {margin-bottom:10px;} #my-header #logos {width: 40%; float:left; margin-right:5%; } #my-header .grid {margin-bottom:0px;} #my-header #subhead-lines {display:none;} #my-header #next-date-small {width:55%; float:left;} #my-menu #subhead-oneline {font-size: 1.225em; margin: 0px 2.12766% 25px 0} #next-date-both-days .grid.col-460 {float: left; margin-bottom: 2.12766%; padding-top: 0; width: 48.9362%; margin-right: 2.12766%;} #next-date-both-days .grid.col-460.last-grid {margin-right:0;} .page-template-full-width-page-home-php #wrapper {margin:0;} .date-view .first .top {margin-bottom:0;} .date-view .not-first .top {margin-bottom:0;} .date-view .not-first .bottom {margin-bottom:10px;} #hofleben {border-right:none; font-size:2em; margin:20px 0;} #hofleben > div {top:12px;} #hofleben > ul li img {width:85px;} #hofleben > ul li {padding:0 20px;} #social {font-size:2em;} #social #social-media > div {top:3px;position:relative;} #social #social-media {float:left; width:60%;margin-right:5%;} #social #adresse {float:left; width:35%;} #footer {height:4em;box-sizing:border-box; -moz-box-sizing:border-box;} } @media screen and (max-width: 650px) { #next-date-both-days .grid.col-460 { display:block; float:none; width:100%; margin:0;} } */