/*
Theme Name: Responsive Child
Theme URI: http://cyberchimps.com/responsive-theme/
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload and Social Networking. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into over 45 languages. Cross-Browser compatible. <a href="http://cyberchimps.com/forum/free/responsive/">Official support forum</a> (http://cyberchimps.com/forum/free/responsive/)
Author: CyberChimps.com
Author URI: http://cyberchimps.com
Template: responsive
Version: 1.9.7.5
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, responsive-layout, fluid-layout, featured-images
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: responsive-child

Responsive WordPress Theme, Copyright (C) 2003-2014 Emil Uzelac, CyberChimps Inc

--------------------------------------------------------------
WARNING: (BEFORE YOU MAKE ANY CHANGES)
--------------------------------------------------------------
Please do not edit style.css or any other Theme files or
Templates directly. If you do, your customizations will be lost
as soon as you update Responsive.

WordPress and CyberChimps highly recommends Child Theme.

Read More:

- http://codex.wordpress.org/Child_Themes
- http://cyberchimps.com/guide/child-theme-example/
- http://cyberchimps.com/guide-tags/child-theme-2/

.col-60,
.col-140,
.col-220,
.col-300,
.col-380,
.col-460,
.col-540,
.col-620,
.col-700,
.col-780,
.col-860

*/

#subhead-oneline-resp {display:none;}

* {margin: 0; padding: 0;}
html {height:100%;}
body {font-family: 'Montserrat', sans-serif;height:100%;font-size:16px;line-height: 1.2em;}
.date-view {font-size:1em;}
a {-webkit-transition: 0.5s; transition: 0.5s;}
a:hover {color: #36748d;}

#transp-bg {max-width:1200px; margin:0 auto; position:fixed;margin-left:auto; margin-right:auto; left:0; right:0; background: rgba(0,0,0,0.8);}

#foot-wrap {margin: 0 auto;  position:relative;height:auto !important; min-height:100%;  background: url(images/background.jpg) no-repeat center center fixed #000; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.border-box {box-sizing: border-box; -moz-box-sizing: border-box;}
.white {color: #fff;}
.no-top-margin {margin-top:0;}
#content-full.no-top-margin {margin-top:0;}
.hidden {display:none;}
.responsive-hide {display:none;}
.small-button.responsive-button {display:none;}
#paste_navi {display:none; margin-bottom:15px;}

#widget-language-responsive {display:none; }
#widget-language-responsive #widget_language {width:35px; right:10px; top:8px; display:none;}
.fcolor1 {color: #4491af;}
.fcolor2 {color: #b650b3;}
.color1-light {background: #4491af}
.color1-dark {background: #36748d}
.color2-light {background: #b650b3}
.color2-dark {background: #934090}
.lato {font-family: 'Lato', sans-serif;}
.mont {font-family: 'Montserrat', sans-serif;}
.monda {font-family: 'Monda', sans-serif;}
body .page {padding: 0 00px;}
#wrapper {padding: 0px; border:none; background:none; margin:20px auto 0px; } 
.page-template-full-width-page-home-php #wrapper {margin: 20px auto; }
#container { max-width:1060px; padding: 0 70px 100px; position:relative;}
#logos {margin-top:5px; width:33.8%; margin-right:4%;}
#logos a {display:inline-block;}
#logos #downtown-logo {width:48.6%; margin-right:18.2%;}
#logos #lofthouse-logo {width:31%;}
#page-teaser .special-box {background:none; font-weight:700; text-align:right; position:absolute; color: rgba(255,255,255,0.4); text-transform:uppercase; width:100%; box-sizing:border-box; -moz-box-sizing: border-box; background: none; margin:0; padding:0; bottom:19px; right:35px !important; font-size:5em}

.entry-background {padding: 30px; background: rgba(0,0,0,0.5);}
.entry-background h2 {margin: 0 0 20px; font-size:1.75em; text-transform:uppercase;}

.post-edit {display:none;}
.subhead + p {margin-top:0;}
.post-entry p {margin-bottom:0;}
.post-entry p:first-of-type {margin-top:0;}

.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
.float-right {float:right;}
.float-left {float:left;}
.inline-block {display:inline-block;}
.last-grid {margin-right:0;}
.skip-container.cf {display:none;}
.bold {font-weight:700;}
.light {font-weight:400;}

#absolute-top-header {margin:21px 0 12px;}
#absolute-top-header .grid {margin:0;}
.top-menu {margin:0;}
/*.top-menu {margin:0 40px 0 0;}*/
.top-menu li a {border:none; text-transform:uppercase; color: #b3b3b3; font-size:0.688em;}
.top-menu li a:hover {color: #4491af !important;}

body.single-post .main-nav .menu li {bottom:0;}

#my-header .grid {margin-bottom:0;}
#my-header {margin-bottom:37px;}

#my-menu {margin-bottom:0;}
#mainmenu {margin:12px 0 0; width: 67%; float:right;}
.main-nav .menu{ text-align: justify;  }
.main-nav .menu .last-menu {width:100%;}
.main-nav .menu li {    display: inline-block; list-style: none;  text-align: center; float:none; position:relative; }
.main-nav {   height: 40px;overflow: hidden;}
nav ul.menu {background:none; float:right;}
nav ul.menu:after {content: none;} 

nav ul.menu li a { display: block; overflow:hidden;color:#fff; text-transform: uppercase; font-size:1.063em; border:none; font-weight:400;  
background-size: 100% 200%;
background-image: linear-gradient(to top, #4491af 50%, transparent 50%);
transition: background-position 0.5s; height:30px; line-height:29px; text-shadow:none;  padding: 0 5px;}

.top-menu li.current-menu-item a{color: #b650b3;}
#footer .footer-menu li.current-menu-item a{color: #b650b3;}

.two-columns .col-460 {width: 47.9362%; margin-right: 4.12766%;}
.two-columns .col-460.last-grid {margin-right:0;}

.menu a {}

.menu li:hover a {background-position: 0 100%;  background-color: transparent; background-image: linear-gradient(to top, #4491af 50%,transparent 50%);}
ul.menu > li:hover {background:none;}
.main-nav .menu li.current-menu-item {bottom:0;}
.menu li.current-menu-item  a {margin-bottom:10px; background:none;}
.menu li.current-menu-item {background: #b650b3;}
.menu li.current-menu-item:hover {background: #b650b3;}

.small-button {font-size:0.750em; padding: 6px 15px; line-height:1.125em; color:#d4d2d2 !important; text-transform:uppercase; background: #232323; -webkit-transition: 0.5s; transition: 0.5s;}
.small-button:hover {background: #934090; color: #fff !important;}

ul, ol {margin: 0 1.5em 1em 0;}

.post-entry a {color:#934090;-webkit-transition: 0.5s; transition: 0.5s;}
.post-entry a:hover{color: #36748d;}

#teaser-container {float:none; margin-bottom:12px; margin-top:3px; }
#teaser {position:relative; height:100%; width:100%; padding:0 20px; margin-left:-20px;  }
#teaser-prev {-webkit-transition: 0.5s; transition: 0.5s; position:absolute; background: url(images/pfeil_bg_links.jpg); color: #fff; font-size:51px; top:45%; left:-37px; padding:2px 13px 2px 18px; cursor:pointer; width:57px; height:57px; box-sizing:border-box; -moz-box-sizing:border-box;}
#teaser-next {-webkit-transition: 0.5s; transition: 0.5s; position:absolute; background: url(images/pfeil_bg_rechts.jpg); color: #fff; font-size:51px; top:45%; right:-38px; padding:2px 10px 2px 20px; cursor:pointer; width:57px; height:57px; box-sizing:border-box; -moz-box-sizing:border-box;}
.flexslider {background:none; border:none; margin:0; border-radius:0;}
.flexslider .slides li {border: 1px solid #333333; box-sizing:border-box}
.flexslider .slides img {margin:0;}
.slider-bottom {position:absolute; width:100%; height:105px; bottom:0; left:0; background: rgba(0,0,0,0.7); padding:30px;pointer-events:none;}
.slider-bottom  .responsive-hide,.slider-bottom  .responsive-show {display:block; float:left; margin-right:10px;}
.slider-bottom .caption {text-transform:uppercase; font-size:1.750em; color: #fff;}
.slider-bottom .caption .fcolor1, .slider-bottom .caption .fcolor2 {font-weight: 700;}
.slider-bottom .small-button {right:23px; bottom:20px; position:absolute; pointer-events:auto;}
.flex-control-nav {position:absolute; bottom:16px; left: 27px; text-align:left;max-width:200px; pointer-events:none;}
.flex-control-nav li {margin: 0 3px; pointer-events:auto;}
.flex-control-paging  li a {background:#808080; height:9px; width:9px;}
.flex-control-paging li a:hover {background: #4491af;}
.flex-control-paging li a.flex-active {background: #b650b3;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover,.flexslider:hover .flex-next, .flexslider:hover .flex-prev{opacity: 0 !important;}
/*.flexslider li img{margin: 0 0 10px;  filter: url(desturate.svg#greyscale); -webkit-backface-visibility: hidden; filter: gray; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: 0.5s; transition: 0.5s;}*/
.flexslider li img{margin: 0 0 10px; -webkit-transition: 0.5s; transition: 0.5s;}
.flexslider li img:hover {-webkit-filter: none; -moz-filter: none; filter: none;}

#subhead-lines {text-transform:uppercase; color:#808080; text-align:right; line-height:1.125em; font-size:1.125em; margin-top:1px; width:9.5%; margin-right:2.3%;}
#subhead-oneline {margin: 17px 4% 10px 0; color: #808080; text-transform: uppercase; font-size: 1.125em; width:28.9%;}
#subhead-oneline-resp {color: #808080; text-transform: uppercase; font-size: 1em; text-align: center; margin: 5px 0 15px; }

#next-date-small {padding:9px 9px 8px; min-height: 54px; width:50.4%; position:relative;top:3px;}
#next-date-small:hover i {right:15px;}
#next-date-small i {position:absolute; top:3px; right:25px; font-size: 3em; color: #fff; -webkit-transition: 1s; transition: 1s;}
#next-date-small-title {margin: 0 16px 0 0; color:#fff; font-size:0.875em; text-transform:uppercase; position:relative; top:-2px;}
#next-date-small-content {color:#000; font-size:1.25em; text-transform:uppercase;}

.main-nav .menu li.responsive-show {display:none;}
.date-view  .top {padding: 7px 10px; margin-bottom:4px; position:relative; }
.date-view  .bottom {padding: 6px 10px; min-height:40px; position:relative; z-index:25; }
.date-view .not-first .top { color: #000; text-transform:uppercase; font-size:2em; text-align:left; padding:16px 10px 16px 10px; letter-spacing: -0.03em;}
.date-view .not-first .bottom {color: #000; }
.date-view .next_date-title {text-align:left; color: #fff; font-size:0.875em;  line-height:1.125em; text-transform:uppercase;}
.date-view .next_date {text-align:left; color: #000; font-size: 1.125em; line-height:100%; text-transform:uppercase;}
.date-view .next_date_event {text-transform:uppercase; font-size:1.250em; line-height:100%; color:#000;}
.date-view .next_date_info{text-transform:uppercase; font-size:0.875em;  line-height:1.125em; color:#000;}
.date-view .dj {text-transform:uppercase; font-size:1.250em; line-height:100%;}

#widget_all_date_container .date-view .style {text-transform:uppercase; font-size:0.875em; line-height:100%}

#widget_next_date_container .grid {margin-right: 0.9%; width: 24.325%;}
#widget_next_date_container .grid .top i {position:absolute; right: 16px; top:14px; font-size:0.8em;}
#widget_next_date_container .grid.first .top i {color: #000; font-size:1.5em; right: 10px; top:16px;}
#widget_next_date_container .grid.last-grid {margin-right:0;}
#widget_next_date_container.date-view .style {display:none; z-index:100;position:relative; width:95%;  border-top: 1px solid #fff;  line-height:100%; margin:6px 0 2px 0; color:#fff;}
#widget_next_date_container.date-view .style .padding {margin: 10px 0 4px 0; display:block; font-size:1.250em;}
#widget_next_date_container.date-view .style i {display:none; position:absolute; color: #fff; padding: 0 10px 0 0; height:15px; top: -10px; left:0px; font-size:1em; z-index:20000;}
#widget_next_date_container.date-view .dj {display:block;width:100%; min-height:40px;}
#widget_next_date_container.date-view .style.specials {text-transform:uppercase; font-size:0.875em; line-height:120%; color:#000;}
#widget_next_date_container.date-view .style.specials  .padding {font-size:1em;}
/*
.all-date-page .date-view .grid .bottom .next_date {color:#fff;}
.all-date-page .date-view .grid .top {display:none;}
.all-date-page .date-view .grid.number-1 .top {display:block;}
.all-date-page .date-view .grid.number-1 .first .top {min-height: 39px; background:transparent;}
.all-date-page .grid.col-940 {margin-bottom:0;}
.all-date-page .grid.col-220 {margin-bottom:0;}*/
#next-date {margin-bottom:4px;}
#next-date .grid#widget_next_date_container{margin-bottom:10px;}
#next-date .grid {margin-bottom:0;}

#widget_all_date_container {padding: 0 00px; box-sizing:border-box; position:relative; float:none; margin:40px 0 0;}
#widget_all_date_container .col-940.grid{margin-bottom:4px;}
#widget_all_date_container .col-940 .grid {margin-right: 0.9%; width: 24.325%; margin-bottom:0;}
#widget_all_date_container .col-940 .grid.last-grid {margin-right:0;}
.all-date-page .date-view .grid.number-1 .first .top {min-height: 40px; background:transparent;}
.all-date-page .date-view .grid .top {display:none;}
.all-date-page .date-view .grid.number-1 .top {display:block;}
.all-date-page   .top {padding: 6px 10px; margin-bottom:4px; }
.all-date-page  .bottom {padding: 6px 10px; min-height:40px; }
.all-date-page  .not-first .top { color: #000; text-transform:uppercase; font-size:2em; text-align:left; padding:16px 10px 17px 10px;}
.all-date-page .not-first .bottom {color: #000; }
.all-date-page .next_date-title {text-align:left; color: #fff; font-size:0.875em;  line-height:1.125em; text-transform:uppercase;}
.all-date-page  .next_date {text-align:left; color: #fff;  line-height: 1.125em;font-size: 0.875em; text-transform:uppercase;}
.all-date-page  .next_date_event {text-transform:uppercase; font-size:1.250em; line-height:100%; color:#000;}
.all-date-page .next_date_info{text-transform:uppercase; font-size:0.875em;  line-height:1.125em; color:#000;}
.all-date-page  .dj {text-transform:uppercase; font-size:1.250em; line-height:100%;}
.all-date-page .style {text-transform:uppercase; font-size:0.875em; line-height:100%}


.page-template-full-width-page-home-php #next-date {height:100px; position:relative;}
.page-template-full-width-page-home-php #next-date .small-button {position:absolute; bottom:0; left:0;}
.page-template-full-width-page-home-php #next-date .bottom .small-button {position:relative; top:10px;margin-bottom:14px; display:inline-block;}
.page-template-full-width-page-home-php #next-date .bottom .short_desc {font-size: 0.875em; text-transform:none; display:block;}
.page-template-full-width-page-home-php #next-date .bottom .small-button:hover {background: #4491af;}

.page .post-meta {display:none;}
.page .post-entry {color: #fff;}
.page .post-entry {font-weight:400; font-size: 0.875em; }
.single .post-meta {display:none;}
.single .post-entry {color: #fff;}
.single .post-entry {font-weight:400; font-size: 0.875em; }

#absolute-top-header #menu-container {position:relative;}
#widget_language {width:20px; position:absolute;right:0px; top:-2px; display:none;}
#widget_language ul {padding:0; margin:0; list-style-type:none;}

#page-teaser .page-title {position:absolute; padding:15px 20px; bottom:0px; left:0px; background:rgba(0,0,0,0.7); text-transform:uppercase; width:100%;}
#page-teaser .page-title h2 {margin:10px 0; font-weight:700; font-size:1.75em}
#page-teaser {margin: 3px 0 10px; width:100%; height: auto; position:relative;}

/* http://soqr.fr/testsvg/embed-svg-liquid-layout-responsive-web-design.php */
#hofleben-svg  {margin: 2px auto 10px; height: auto; width:100;}
#hofleben-svg svg {max-height:100%;}
#hofleben-svg svg image {cursor:pointer;}
#hofleben-svg svg #svg-Hintergrund image {cursor:default;}
#page-teaser  img.attachment-Teaser {margin: 3px 0 0; border: 1px solid #2c2c2c;}
#page-teaser  img.attachment-Unterseite {margin: 3px 0 0; border: 1px solid #2c2c2c;}

.photobox img {border: 1px solid #2c2c2c;}

.no-teaser#page-teaser .page-title {position:relative; padding:15px 20px;background:rgba(0,0,0,0.5); }
.no-teaser#page-teaser .page-title h2  {position:relative; }

.margin-top {margin-top:20px;}

#next-date-both-days {margin-top:20px; position:relative; z-index: 20; }
#next-date-both-days .col-460{width:49.1%; margin-right:1.7%; margin-bottom:0;}
#next-date-both-days .col-460.last-grid {margin-right:0;}
.day-container {border:1px solid #333333; background: #000; padding:10px; min-height:162px; position:relative; margin-bottom:10px;  }
.day-container .mainfloor-dj {font-size:0.875em; text-transform:uppercase; color: #fff;}
.day-container .date {font-size:0.875em; text-transform:uppercase; color: #808080;}
.day-container .bottom {z-index:10;position:absolute; left:18px; bottom:15px; font-size:2.125em; line-height:100%; color: #fff; text-transform:uppercase; }
.day-container .top {left:8px; top:5px; position:relative;z-index:10;}
.day-container .bottom .day {font-weight:700;}
.day-container.day-friday { overflow: hidden; position:relative;} 
.day-container.day-friday:after {content: "";position: absolute;	width: 378px;height: 378px;top: -68%;	right: -36%;	z-index: 1;background: url(images/kugel_blau.jpg) 0 0 no-repeat; -webkit-transition: transform 10s; transition: transform 10s;}
.day-container.day-friday:hover:after {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);	transform: rotate(360deg);}
.day-container.day-saturday   {overflow: hidden;position:relative;} 
.day-container.day-saturday:after {content: "";position: absolute;	width: 378px;height: 378px;top: -68%;	left: -36%;	z-index: 1;background: url(images/kugel_pink.jpg) 0 0 no-repeat; -webkit-transition: transform 10s; transition: transform 10s;}
.day-container.day-saturday:hover:after {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);	transform: rotate(360deg);}
.day-container.day-saturday .top {position:absolute; right:18px; top:15px; text-align:right;}
.day-container.day-saturday .bottom {position:absolute; right:18px; bottom: 15px; text-align:right;}

.small-button.table {display:table; margin: 20px 0 30px;} 
.two-day-style .top {background: #b650b3;  display: block;color: #000; font-size: 2em; padding: 16px 10px 17px;  text-align: left;  text-transform: uppercase; letter-spacing: -0.03em;margin-bottom: 4px;position:relative; }
.two-day-style .bottom {background: #934090;  min-height:0; display: block;color: #000; font-size: 1.25em; padding: 6px 10px; text-align: left;  text-transform: uppercase; letter-spacing: -0.03em; position:relative; }
	

#hof-social {padding: 24px 20px 14px 20px; margin: 0 0 0 -20px; background: #000;}
#hofleben {padding-right:1.2%; border-right: 1px solid #fff; margin-right:1.4%; float:left; color:#fff; text-transform: uppercase; font-size:1.875em; margin-bottom:0; width:54.1%;}
#hofleben > div {float: left; margin-right:10px; position:relative; top:3px;}
#hofleben > ul {float: right; list-style-type:none; margin:0; width:auto; position:relative; padding-left:0; top:-2px; margin-right: 5%;}
#hofleben > ul li {float:left; padding: 0 15px;}
#hofleben > ul li img {width:auto; height: 32px;}
#social {float:left; color:#fff; text-transform: uppercase;  margin-bottom:0; width:44.5%;}
#social #social-media {float: left; margin-right:10px; position:relative;top:2px; font-size:1.875em; width:557; margin-right: 4.2%;}
#social-media > div {float:left; margin-right:2.2%; position:relative; top:0px;}
#social-media > ul {float: left; padding:0 0 0 2.8%; list-style-type:none; margin:0; width:auto; position:relative; top:-3px;}
#social-media > ul li {float:left; padding: 0 7px;}
#social-media > ul li.no-padding {padding:0;}
#social-media a {color: #fff; position:relative; z-index:9999999;}
#social-media a i {-webkit-transition: 0.5s; transition: 0.5s;}
#social-media a:hover i{color: #4491af;}
#adresse {font-size:0.75em; line-height:1.25em; text-align:left; width:37.3%; letter-spacing:.01em; top:-1px; position:relative;}

.footer-menu{margin: 0; text-align:right;}
#footer{position:absolute; left:0px; bottom:0px; margin-bottom:24px; width:100%; right:0; max-width:1060px; font-size:1em;}
#footer a:hover {color: #4491af !important;}
#footer-wrapper .grid {margin-bottom:0;}
#footer .footer-menu li a  {border:none; text-transform:uppercase; color: #b3b3b3; font-size: 0.688em; }
#footer .scroll-top {display:none;}


/******************* DJ SLIDER **********************/
.single-dj h5 {color: #fff; text-transform: uppercase; font-size: 1.25em;line-height:100%;margin:0;}
.single-dj .dj_styles {font-size: 0.688em; color: #808080; text-transform: uppercase; line-height:100%; }
#dj-carousel-container {position:relative;}
#dj-carousel {margin:20px 0 0 0;}
#dj-carousel .single-dj {padding:0 10px; border-right:1px solid #fff;}
#dj-carousel .owl-wrapper  > :last-child .single-dj{border:none;}
#dj-carousel .dj-name-container{margin-bottom:10px; padding-left:10px;}
#dj-carousel .image-container {background:rgba(0,0,0,0.5); padding:10px 10px 10px 10px;}
#dj-carousel .image-container img{margin: 0 0 10px; border:1px solid #333333; filter: url(desturate.svg#greyscale); -webkit-backface-visibility: hidden; filter: gray; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: 0.5s; transition: 0.5s;}
#dj-carousel .image-container img:hover {-webkit-filter: none; -moz-filter: none; filter: none;}
#dj-carousel .small-button {float:left; padding: 6px 15px 4px;}
#dj-prev{position:absolute; background: url(images/pfeil_bg_links.jpg); color: #fff; font-size:51px; top:42%; left:-58px; padding:2px 13px 2px 18px; -webkit-transition: 0.5s; transition: 0.5s; cursor:pointer; width:57px; height:57px; box-sizing:border-box; -moz-box-sizing:border-box;}
#dj-next {position:absolute; background: url(images/pfeil_bg_rechts.jpg); color: #fff; font-size:51px; top:42%; right:-58px; padding:2px 10px 2px 20px; -webkit-transition: 0.5s; transition: 0.5s; cursor:pointer; width:57px; height:57px; box-sizing:border-box; -moz-box-sizing:border-box;}
.dj_first_infos .dj_styles {line-height:1.2em; display:inline-block; margin-bottom:5px;}

.owl-theme .owl-controls {height:10px; background: rgba(0,0,0,0.5); padding:10px; margin:20px 10px 0;}
.owl-theme .owl-controls .owl-page {float:left;}
.owl-theme .owl-controls .owl-page span {background:  none repeat scroll 0 0 #808080; opacity:1; width:9px !important; height:9px !important; margin:0 3px !important;}
.owl-theme .owl-controls .owl-page.active span{background:  none repeat scroll 0 0 #b650b3; opacity:1;}
.owl-theme .owl-controls .owl-page:hover span{background:  none repeat scroll 0 0 #4491af; opacity:1;}
.owl-carousel .owl-wrapper-outer {width:99.9% !important;}
.page-template-full-width-page-deejay-php h3 {text-transform:uppercase; color: #fff;}
.dj_first_infos {font-size: 0.75em; color: #808080; text-transform: uppercase; margin: 0 0 20px 0;}

#single-dj-container .col-220 {width: 19%; padding: 0 20px 0 0;border-right:1px solid #fff;}
#single-dj-container .col-700 {width: 76.768%; margin-bottom:0;}
#single-dj-left .image-container {margin-bottom:6px;}
#single-dj-left .image-container img{width:100%; height:100%; margin: 0 0 10px; border:1px solid #333333;-webkit-backface-visibility: hidden; filter: url(desturate.svg#greyscale);filter: gray; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: 0.5s; transition: 0.5s;}
#single-dj-left .image-container img:hover {-webkit-filter: none; -moz-filter: none; filter: none;}
#dj-tabs {border:none; background:none; padding:0;}
#dj-tabs  .ui-widget-header{border:none; background:none;}
#dj-tabs .antwort {margin-bottom:20px; font-family: 'Montserrat', sans-serif !important; font-size: 0.813em !important;}
#dj-tabs .antwort span{font-family: 'Montserrat', sans-serif !important; font-size: 0.813em !important;}
.dj_headline h3 {display:inline-block;}
.dj_headline .small-button {margin-top:30px;}
.ui-widget {font-family: 'Montserrat', sans-serif !important;}
.ui-tabs .ui-tabs-nav {padding:1px 1em 0 0 !important;}
.ui-tabs .ui-tabs-panel {padding: 3em 0em 1em !important;}
.ui-tabs .ui-tabs-nav li{margin-right:10px !important; border:none; border-radius:0; font-size:0.750em; padding: 6px 15px; line-height:1.125em; color:#fff; text-transform:uppercase; background: #232323; -webkit-transition: 0.5s; transition: 0.5s;}
.ui-tabs .ui-tabs-nav li:hover {background: #934090; color: #fff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: #4491af; color: #fff;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #fff !important;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #fff !important;}
.ui-widget-content {color: #fff !important; font-size:0.813em;  }
.ui-widget-content .frage {color: #4491af;}
.dj_social_media {list-style-type: none; margin:0; padding:0; position:relative; top:5px;}
.dj_social_media li {list-style-type: none; display:inline;}

.dj_social_media:first-child a{margin: 0 10px 0 0;}
.dj_social_media li a{font-size:2em; margin: 0 5px; color: #fff;}
.dj_social_media a i{color: #fff; -webkit-transition: .5s; transition: .5s;}
.dj_social_media a:hover i{color: #4491af;}
.ui-tabs #videos.ui-tabs-panel {padding: 1em 0 !important;}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:60px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#gallery-single > p {display:none;}
#gallery-single ul {padding-left:0;}
#gallery-navigation .headline {padding:10px; background: #4491af; font-size: 1.8em; color: #000; text-transform:uppercase}
#gallery-navigation ul {margin:0; padding:10px; list-style-type:none; border: 1px solid #4491af; background: rgba(0,0,0,0.5);}
#gallery-navigation ul li a {color: #fff; display:table-row;}
#gallery-navigation ul li a div {display: table-cell;}
#gallery-navigation ul li a:hover{color: #4491af;}
#gallery-navigation ul li.active a {color: #b650b3;}
#gallery img{margin: 0 0 10px; border:1px solid #333333; filter: url(desturate.svg#greyscale);filter: gray;-ms-filter:grayscale(100%);-webkit-backface-visibility: hidden; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);  -webkit-filter: grayscale(1);   filter: grayscale(100%); -webkit-transition: 0.5s; transition: 0.5s;}
#gallery img:hover {-webkit-filter: none; -moz-filter: none; filter: none;}
#pbNextBtn b:after {content:"\f105";}
#pbPrevBtn b:before {content: "\f104";}
.datum-album {min-width:72px;}

#wpgmza_map {float:none !important; margin: 3px 0 0; border: 1px solid #2c2c2c;}
.anfahrt_box {padding: 0 0 0 70px; margin-bottom:20px; min-height:55px;}
.anfahrt_box#bus {background: url(images/anfahrt_bus.jpg) 0 3px no-repeat;}
.anfahrt_box#auto {background: url(images/anfahrt_auto.jpg) 0 3px no-repeat;}
.anfahrt_box#bahn {background: url(images/anfahrt_bahn.jpg) 0 3px no-repeat; margin-bottom:0px;}

.page-template-two-column-page-location-php .post-entry .grid, .page-template-two-column-page-contact-php .post-entry .grid {margin-bottom: 0;}

.to-top-padding {padding-bottom:30px !important;}

div.wpcf7 {padding:0px;}
div.wpcf7 form {margin:0;}
div.wpcf7 form label {background: #b650b3; padding: 5px 7px; font-weight:700; float:left; margin: 0 10px 0 0; width:85px;}
div.wpcf7 form .input-field {margin-left:110px;}
div.wpcf7 form .input-container.textarea .input-field {margin-bottom:29px;}
div.wpcf7 form input, div.wpcf7 form textarea {border:none; padding: 6px 8px;color: #000; box-shadow:none; border-radius: 0; box-sizing:border-box; width:100%;}
div.wpcf7 form input:focus, div.wpcf7 form textarea:focus {background: #b650b3; color:#fff;}
div.wpcf7 form textarea {position:relative; top: -1px;}
div.wpcf7 form .wpcf7-submit {width:auto; float:right; font-size:0.75em; text-shadow:none; border:none;font-weight:400; padding: 6px 15px; line-height:1.125em; color:#fff; text-transform:uppercase; background: #232323; -webkit-transition: 0.5s; transition: 0.5s;}
div.wpcf7 form .wpcf7-submit:hover {background: #b650b3; border:none; box-shadow:none;}
div.wpcf7 form .input-container.submit {margin-bottom:0;}
div.wpcf7 form .clear  {margin-bottom:0;}
div.wpcf7 form .input-container.submit .ajax-loader {display:none; visibility:0;}
div.wpcf7-validation-errors {border: 2px solid #934090;}
span.wpcf7-not-valid-tip {color:#fff;}
div.wpcf7-response-output {margin: 1em 0 0 110px; background: #b650b3;}
div.wpcf7-mail-sent-ok {border: 2px solid #934090;}

.hl-content {color: #fff;}
.hl-content h2 {float:left;}

#navi-hofleben {list-style-type: none; margin:0 0 40px; padding:0;}
#navi-hofleben li {display:inline-block; margin-right:40px; cursor:pointer}

.pbCaptionText .title span {display:none;}

.shiftnav-wrap {height:100%;}
.shiftnav-loading {display:none;}
#image-container {width:300px; float:right; margin-left:20px; position:relative;}
#image-container img {height:auto; width:298px;}
#image-container #image-carousel {padding-top:20px;}
#image-container .owl-theme .owl-controls {position:absolute; top:0px; margin:0; padding:0; right:0px;}


.back-to-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    text-decoration: none;
    color: #fff;
    font-size: 32px;
    padding: 4px;
    display: none;
	z-index: 9999999999;
	box-sizing:border-box;
	width:42px;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#shiftnav-toggle-main {text-align:left !important;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    #logos {margin-right:4%;}
	#subhead-lines {width: 9.5%;}
	#subhead-oneline {margin: 17px 4.3% 10px 0; width:28.5%}
	.main-nav .menu li a{margin-bottom:10px;}
	.menu li.current-menu-item a {margin-bottom: 0; padding-bottom:10px; }
	.menu {background:none; background-image:none; filter:none;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.main-nav .menu li a{margin-bottom:10px;}
	.menu li.current-menu-item a {margin-bottom: 0; padding-bottom:10px; }
	#transp-bg  {top: 50%;  left: 50%;  transform: translate(-50%, -50%); width:100%;}
	#container {z-index:1000000;}
	.footer-menu {z-index: 999999999; position:relative;}
}

/* IE 9 */
.ie9 #transp-bg  {top: 50%;  left: 50%;  transform: translate(-50%, -50%); width:100%;}
.ie9 #container {z-index:1000000;}
.ie9 .main-nav .menu li a{margin-bottom:10px;}
.ie9 .menu li.current-menu-item a {margin-bottom: 0; padding-bottom:10px; }
.ie9 .menu {background:none; background-image:none; filter:none;}
.ie9 div.wpcf7 form .wpcf7-submit {color: #000;}
.ie9 .footer-menu {z-index: 999999999; position:relative;}
.ie9 .menu a:hover {
	color: #fff;
	background-color: #4491af;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4491af), to(#4491af));
	background-image: -webkit-linear-gradient(top, #4491af, #4491af);
	background-image: -moz-linear-gradient(top, #4491af, #4491af);
	background-image: -ms-linear-gradient(top, #4491af, #4491af);
	background-image: -o-linear-gradient(top, #4491af, #4491af);
	background-image: linear-gradient(top, #4491af, #4491af);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4491af, endColorstr=#4491af);
}

.ie9 .menu li.current-menu-item a:hover {
	color: #fff;
	background-color: #b650b3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b650b3), to(#b650b3));
	background-image: -webkit-linear-gradient(top, #b650b3, #b650b3);
	background-image: -moz-linear-gradient(top, #b650b3, #b650b3);
	background-image: -ms-linear-gradient(top, #b650b3, #b650b3);
	background-image: -o-linear-gradient(top, #b650b3, #b650b3);
	background-image: linear-gradient(top, #b650b3, #b650b3);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b650b3, endColorstr=#b650b3);
}

/* SAFARI 6.1 */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
	nav ul.menu li a {font-size:1.0em;}
}}