/*
  Project Name : Night Club
  Author Company : Ewebcraft
  Project Date: 02 April, 2015
  Author Website : http://www.ewebcraft.com
  Author Email : ewebcraft@gmail.com
*/


/*------------------------------------------------------------------
[generic Table of contents]

* body
  
  + #loader
  
  + @font-face

	+ #banner
		- .banner-inner
      - .owl-carousel
			
	+ header
		- .logo
		- nav
			- .navbar-header
			- .navbar-collapse
			
	+ #services
		- .services-inner
		
	+ #gallery
    - .tabs
    - .container-fluid
      -ul.gallery

  + #club-form
    - .club-form

  + #events
    - .event-inner
      -ul.bxslider

  + #club-profiles
    - .profile-box
      -.profile-box-left
      -.profile-box-right

  + #blogs
    - .blog-slider
      -ul.bxslider
    - #myTabContent
      - .tab-pane

  + #reservation
    - .reservation-form

  + #map-canvas

  + #footer
    - .footer-info
    - .social

  + #copy-right
  
  -------------------------------------------------------------------*/

* {
    padding: 0;
    margin: 0;
}

html,
body {
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

body {
    overflow-x: hidden;
    font-family: 'Open Sans';
    margin: 0 auto;
    background-color: #0f0f0f;
}

img {
    border: none;
}

.clr {
    clear: both;
}


.navbar-collapse {
	height:100px !important;
}


/* Loader*/

#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #000;
}

.loader,
.loader:before,
.loader:after {
    background: #ff1541;
    width: 1em;
    height: 4em;
    position: absolute;
    top: 30%;
    left: 0;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
}

.loader:before,
.loader:after {
    position: absolute;
    top: 0;
    content: '';
}

.loader:before {
    left: -1.5em;
}

.loader {
    text-indent: -9999em;
    margin: 8em auto;
    position: relative;
    font-size: 11px;
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:after {
    left: 1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #ff4b86;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em #ff4b86;
        height: 5em;
    }
}

@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #ff4b86;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em #ff4b86;
        height: 5em;
    }
}


/*Loader */

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(http://fonts.gstatic.com/s/ptsans/v8/ATKpv8nLYAKUYexo8iqqrg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/ptsans/v8/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

a:hover,
a:active {
    text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
}

#banner {
    position: relative;
    overflow: hidden;
    
    -webkit-animation-name: einblenden;
	-webkit-animation-duration: 3s;
	
	-moz-animation-name: einblenden;
	-moz-animation-duration: 3s;
	
	-o-animation-name: einblenden;
	-o-animation-duration: 3s;
	
	-ms-animation-name: einblenden;
	-ms-animation-duration: 3s;
	
	animation-name: einblenden;
	animation-duration: 3s;
}


.headerbanner {
    position:absolute !important;
    right:15px !important;
    top:10px !important;
    z-index: 100 !important;
}


@media screen and (max-width: 960px) {
.headerbanner {
display:none;
}
}




@-webkit-keyframes einblenden {
	0% { opacity: 0; }
	20% { opacity: 0; }
	100% { opacity: 1; }
	}
	
@-moz-keyframes einblenden {
	
	0% { opacity: 0; }
	20% { opacity: 0; }
	100% { opacity: 1; }
	}

@-o-keyframes einblenden {
	
	0% { opacity: 0; }
	20% { opacity: 0; }
	100% { opacity: 1; }
	}
	
@-ms-keyframes einblenden {
	
	0% { opacity: 0; }
	20% { opacity: 0; }
	100% { opacity: 1; }
	}

.padding-bottom {
    padding-bottom: 80px;
}


/* Main-Slider */

#banner .banner-inner {
    margin-bottom: 30px;
}

#banner .banner-inner.profile {
    margin-top: 50px;
    margin-bottom: 30px;
    height: auto !important;
}

#header-slider {
    position: relative;
    padding: 100px 20px 0px 20px;
    text-align: center;
}

#header-slider .item {
    display: block;
    width: 100%;
}

.dark {
    padding-bottom: 50px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 8px black;
}

.telefon {
    padding-top: 30px;
}

.bgab {
    position: relative;
    margin: 0 auto;
}

.ab-bestellung {
    height: 100px;
    width: 100px;
    border-radius: 50px;
    right: -10px;
    top: -30px;
    border: 2px dashed #232323;
    color: #232323;
    display: block;
    float: right;
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-family: 'kozreg';
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
}

.ab-bestellung h4 {
    font-size: 30pt;
    top: -25px
}

.ab-bestellung p {
    padding-top: 10px;
    font-size: 10pt;
}

.profile {
    padding: 0 20px 50px 20px;
}

.profile-padding {
    margin-top: -100px;
}

.telefon p {
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Oswald';
    color: #232323;
    line-height: 0;
    padding-bottom: 25px;
}

.dark h3 {
    text-transform: uppercase;
    font-size: 26px;
    font-family: 'Oswald';
    color: #908e8e;
    line-height: 0;
    padding-bottom: 25px;
}

.service {
    padding-top: 20px;
}

.service ul p {
    color: #aaa;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: underline;
}

.service ul>li {
    list-style: url(../images/ok.png);
    color: #363636;
}

.info h4 {
    font-size: 25px;
    font-family: 'Oswald';
    color: #deb882;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.about-me {
    padding-top: 20px;
}

.about-me p {
    color: #777777;
    font-size: 14px;
}

.about-me ul>li {
    list-style: none;
    color: #363636;
    font-size: 1(4)px;
}

.small-gallery {
    margin: 5px 0 5px 0;
}

.page-bg {
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
    background: url(../images/footer.jpg);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.small-gallery img {
    width: 100%;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(158, 158, 158, 1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(158, 158, 158, 1);
    box-shadow: 0px 0px 12px 0px rgba(158, 158, 158, 1);
}

.titelbild img {
    width: 100%;
    margin: 20px 0 20px 0;
    border: 10px solid #fff;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(158, 158, 158, 1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(158, 158, 158, 1);
    box-shadow: 0px 0px 12px 0px rgba(158, 158, 158, 1);
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    *display: inline;
    /*IE7 life-saver */
    padding: 0px;
    margin-right: 5px;
    font-weight: normal;
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 20px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #fff;
    filter: Alpha(Opacity=80);
    /*IE7 fix*/
    opacity: 0.8;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: -45px;
    top: 50%;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: -45px;
    top: 50%;
}

.owl-theme .owl-controls .owl-buttons div:hover {
    background: #ff1541;
    border-color: #fd1561;
}

#header-slider .item .title-lines {
    text-align: center;
    width: 100%;
    margin-top: 75px;
}

#header-slider .item .title-lines span,
#header-slider .item .title span {
    display: inline-block;
    position: relative;
    font-family: 'PT Sans';
    color: #fff;
    text-transform: uppercase;
    font-size: 56px;
}

.text-left {
    text-align: left;
}

.title-lines span:before,
.title-lines span:after {
    content: "";
    position: absolute;
    height: 4px;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    top: 50%;
    width: 80%;
}

.title-lines span:before {
    right: 100%;
    margin-right: 15px;
}

.title-lines span:after {
    left: 100%;
    margin-left: 15px;
}

.title-lines-full {
    margin-top: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.title-lines-full h1 {
    margin-top: 20px;
}

.title-lines-full h3 {
    margin-bottom: 20px;
}

.hr-line {
    margin-top: 1px;
    margin-bottom: 1px;
}

.btn-play {
    width: 170px !important;
    height: 170px !important;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: inline-block !important;
    padding: 0px !important;
    text-align: center;
    border: 1px solid #fff;
    margin-top: 30px;
    line-height: 170px;
}

.btn-play .fa {
    text-align: center;
}

.btn-play .play-button {
    background: #fff;
    color: #ff1541;
    width: 140px;
    height: 140px;
    line-height: 140px;
    margin-top: 15px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
}

.btn-play .play-button .fa-play {
    text-align: center;
    line-height: 140px;
    margin-left: 5px;
}

.is-countdown {
    margin-top: 30px;
    margin-bottom: 10px;
    color: #fff;
    background: none;
    font-family: 'Open Sans';
    font-size: 36px;
}

#header-slider .item h3 {
    text-align: center;
    font-family: 'Oswald';
    color: #fff;
    font-size: 55px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 40px;
}

.banner-bottom {
    position: relative;
}

.concert-info {
    text-align: center;
    padding: 5px 30px 10px 30px;
    position: absolute;
    margin-top: -30px;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.6);
    left: 0;
    width: 100%;
    background: red;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, #deb882, #c28b5a);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #deb882, #c28b5a);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #deb882, #c28b5a);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #deb882, #c28b5a);
    /* Standard syntax (must be last) */
}

.concert-info .concert-info-body {
    color: #fff;
    font-family: 'PT Sans';
}

.concert-info .concert-info-body span {
    margin-right: 10px;
}

.concert-info .concert-info-body .concert-info-text h4 {
    color: #000;
    font-weight: bold;
    margin-top: 10px;
}

.concert-info .concert-info-body .concert-info-text span {
    font-size: 16px;
}

.concert-registration {
    background: rgba(255, 255, 255, 0.4);
    margin-top: 40px;
    padding: 20px;
    border: 1px solid #fff;
}

.concert-registration .form-inline .alert-success {
    background: transparent;
    border: none;
}

.concert-registration .form-inline .alert {
    padding: 0px;
    margin-bottom: 0px;
}

.concert-registration .form-inline .alert i.fa {
    margin-right: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
}

.concert-registration .form-inline {
    background: #fff;
    padding: 20px;
}

.concert-registration .form-group {
    width: 100%;
}

.concert-registration .form-control {
    padding: 10px 20px;
    margin-bottom: 25px;
    height: 40px;
    width: 100%;
    height: 60px;
}

.btn-concert-registration {
    padding: 20px;
    background: #ff1541;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Oswald';
    font-size: 22px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}

.btn-concert-registration:hover {
    color: #ff1541;
    background: #fff;
}

#banner .banner-inner a.btn {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    font-family: 'PT Sans';
    border: 1px solid #fff;
    padding: 15px 38px;
    border-radius: 0;
    margin-bottom: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}

#banner .banner-inner a.btn:hover {
    color: #000;
    border: 1px solid #fd1561;
    background-color: rgba(255, 42, 112, 0.7);
}

.btn-concert-register,
.btn-concert-play {
    margin-top: 80px;
    margin-left: 15px;
}


/* Main-Slider */

.logo {
    padding-left: 0px;
}

#header {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    -ms-transition: all 1s ease;
}

#header.affix {
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    -ms-transition: all 1s ease;
}

.logo img{
    height: 80px;
    margin-top: 10px;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
}

.affix .logo img {
    height: 50px;
}

#header nav {
    background-color: transparent !important;
    border: none !important;
    text-align: right;
    margin-top: -50px;
}

.navbar {
    margin-bottom: 0 !important;
    z-index: 900;
    min-height: 30px;
    line-height: 30px;
}

#header ul.nav {
    list-style: outside none none;
}

.navbar-nav {
    float: right;
}

.affix .navbar-nav {
    margin-top: 0;
}

.affix-top .navbar-nav {
    margin-top: -50px;
}

.navbar li {
    min-height: 45px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.navbar-nav > li.active > a {
    color: #ff1541 !important;
    background-color: transparent !important;
}

.navbar-nav > li:hover > a {
    color: #ff1541 !important;
    background-color: transparent !important;
}

.navbar-nav > li:hover,
.navbar-nav > .active {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.navbar-nav > li:before,
.navbar-nav > .active:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 3px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.navbar-nav > li:hover:before,
.navbar-nav > li:focus:before,
.navbar-nav > .active:before {
    left: 0;
    right: 0;
}

.navbar-default {
    background-image: none;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
    background-image: none;
    box-shadow: none;
}

.navbar-nav > li > a {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    color: #fff !important;
    font-size: 16px;
    font-family: 'PT Sans';
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

#header .header-right {
    padding-top: 10px;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
}

#header.affix .header-right .social {
    padding-bottom: 5px;
}

.affix .navbar li {
    min-height: 35px;
    margin-top: 8px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.no-padding {
    padding: 0 !important;
    margin: 0 !important;
    /*height:120px;*/
}

#services {
    padding-top: 100px;
}

#services h1,
#header-slider h1 {
    font-size: 45px;
    font-family: 'Oswald';
}

#services h1 {
    color: #ff1541;
}

#header-slider h1 {
    color: #616161;
    padding-bottom: 20px;
}

#services h2 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    font-family: 'PT Sans';
    padding-top: 20px;
    padding-bottom: 20px;
}

#services p {
    color: #444444;
    font-size: 16px;
    font-family: 'PT Sans';
    padding-bottom: 110px;
}

.services-inner{
	padding-top: 50px;
}

.services-inner a:link{
    cursor: pointer;
    color: #fff;
}

#services .servicebox {
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 0px;
}

#services .servicebox .servicebox-inner {
    padding: 0 10px 0 10px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    display: inline-block;
    border-right: 1px solid #ff1541;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.left-minus{
    left: -100%;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    transition: left 0.5s ease;
    -ms-transition: left 0.5s ease;
}

.hover-left-null{
    left: 0;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    transition: left 0.5s ease;
    -ms-transition: left 0.5s ease;
}

#services .servicebox .servicebox-inner h2 {
    color: #ff1541;
    font-family: 'Open Sans';
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#services .servicebox .servicebox-inner p {
    color: #fff;
    font-family: 'PT Sans';
    font-size: 13px;
    padding-bottom: 0;
}


/* Gallery-Tab */

.tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
}


/* Nav */

.tabs nav {
    text-align: center;
}

.tabs nav a {
    line-height: 2.5;
}

.tabs nav span {
    vertical-align: middle;
    font-size: 0.95em;
    font-family: 'PT Sans';
}

.tabs nav li.active a {
    color: #74777b;
}

.tabs nav a:focus {
    outline: none;
}


/*****************************/


/* Line Box */


/*****************************/

.tabs-style-linebox nav ul li {
    margin: 1px 0;
}

.tabs-style-linebox nav li {
    padding: 0.5em 1.0em 0.5em 1.0em;
    color: #fff;
    border: 1px solid #deb882;
    font-weight: 700;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.tabs-style-linebox nav li:hover,
.tabs-style-linebox nav li:focus {
    color: #fff;
    border-color: #deb882;
    cursor: pointer;
}

.tabs-style-linebox nav li.active {
    color: #fff;
    border: 2px solid #deb882;
    cursor: default;
    background: #deb882;
}


/* Sweep To Top */

.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #deb882;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:active {
    color: white;
}

.hvr-sweep-to-top:hover:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

#gallery {
    overflow: hidden;
}

#gallery .gallery {
    padding-top: 30px;
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.girls-filter{
    display: none;
}

.filter-button{
    color: #fff;
    border: 1px solid #deb882;
    cursor: default;
    display: inline-block;
    font-size: 1.6rem;
    padding: 10px;
}

.filter-button:hover{    
    transition: all 0.3s;
}

#services .filter{
    text-align: left;
}

#services .filters ul > li span{
    color: #fff;
}

#services .filter h4{
    text-align: left;
    float: left;
    color: #ff1541;
    font-size: 2rem;
    line-height: 1;
    padding-left: 10px;
}

#services .filter h3{
    text-align: center;
    color: #ff1541;
    text-transform: uppercase;
}

#services .filter p{
    font-size: 18px;
    color: #fff;
    line-height: 1;
    display: inline-block;
    cursor: pointer;
    text-align: left;
    padding: 10px 30px 5px 10px;
}

#services .sprachen-filter,
#services .service-filter,
#services .fetisch-filter{
    padding: 20px 0;
    background-color: #1d1d1d;
    margin: 5px 5px;
}

#services .filter .highlight-sprachen,
#services .filter .highlight-service,
#services .filter .highlight-fetisch{
    color: #ff1541;
}

.filter-reset, .filter-close{
    cursor: pointer;
    color: #fff;
    text-align: right;
    font-size: 1.8rem;
}

.filter-reset a
{
    color: #deb882
}

.noPadding {
    padding: 0px !important;
}

.gallery-photo-item {
    overflow: hidden;
    border: 0 none;
    margin: 0 0 -1px;
    padding: 5px;
    width: 25%;
    position: relative;
    float: left;
}

.gallery-photo-item .photo-thumb img {
    /* width: 100%; */
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#gallery .gallery-photo-item {
    overflow: hidden;
    border: 0 none;
    margin: 0 0 -1px;
    padding: 0;
    position: relative;
    float: left;
}

#gallery .gallery-photo-item .photo-thumb img {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    height: auto !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.gallery-photo-item .overlay {
    position: absolute;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.gallery-photo-item:hover .photo-thumb img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    overflow: hidden !important;
}

#gallery .gallery span.gallery-icon {
    position: relative;
    top: 42%;
    color: #fff;
    border: 1px solid #ffffff;
    border-radius: 50%;
    width: 50px;
    display: inline-block;
    /*  padding:10px;
      padding-top: 5px; */
    height: 50px;
    text-align: center;
    line-height: 60px;
}

#gallery .gallery span.gallery-icon .fa {
    margin-left: 5px;
    margin-right: auto;
    text-align: center;
}

#gallery .gallery span.gallery-icon .fa-search-plus {
    margin-left: 4px;
}

#club-form {
    padding: 120px 0;
    position: relative;
    background-color: #191919;
    border-top: 1px solid #deb882;
    border-bottom: 1px solid #deb882;
}

#club-form h1 {
    color: #ff1541;
    font-size: 45px;
    font-family: 'Oswald';
}

#club-form P {
    color: #6d6d6d;
    font-size: 18px;
    font-family: 'PT Sans';
    padding-top: 10px;
    padding-bottom: 25px;
}

#club-form input[type="email"] {
    color: #b6b6b6;
    font-family: 'PT Sans';
    font-size: 18px;
    height: 65px;
    border: none;
    padding-left: 20px;
    width: 65%;
    float: left;
}

#club-form .submit {
    background-color: #ff1541;
    border: 1px solid #ff1541;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 16px;
    width: 35%;
    float: left;
    height: 65px;
    text-align: center;
}

#club-form .club-form img {
    position: absolute;
    right: 10px;
    top: -60px;
}

div.module.parallax-events {
    background-image: url("../images/header-2.png");
    padding-bottom: 30px;
    z-index: -999;
}

#events h1 {
    padding: 80px 0;
    color: #fff;
    font-size: 45px;
    font-family: 'Oswald';
}

#events .event-box {
    height: 340px;
}

#events .event-box-left {
    float: left;
    width: 30%;
}

#events .event-box-right {
    width: 68%;
    float: left;
    overflow: hidden;
}

#events .event-box-left h2 {
    font-family: 'Open Sans';
    font-size: 60px;
    color: #fff;
    line-height: 48px;
    padding: 20px 0;
    background-color: #ff1541;
}

#events .event-box-left h3 {
    font-family: 'Open Sans';
    font-size: 26px;
    color: #fff;
    line-height: 45px;
    background-color: #000000;
}

#events .event-box-left p {
    background-color: #ff1541;
    color: #fff;
    padding: 8px;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Open Sans';
    text-align: left;
}

#events .month {
    font-family: 'Open Sans';
    font-size: 36px;
}

.bx-wrapper .bx-viewport {
    background: none !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    left: -5px;
    transform: translateZ(0px);
}

.bx-wrapper img {
    max-width: none !important;
}

#events .bx-viewport {
    height: 360px !important;
}

#events .event-box .event-box-bottom {
    float: left;
}

#events .event-box .event-box-bottom h2 {
    color: #fff;
    font-size: 30px;
    font-family: 'PT Sans';
    padding-top: 15px;
}

#events span.slider-prev {
    width: 25px;
    height: 15px;
    background-color: #ff1541;
    padding: 10px;
}

#events .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 0 !important;
    width: 50px !important;
}

#events .bx-wrapper .bx-pager.bx-default-pager a:hover,
#events .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none repeat scroll 0 0 #ff1541 !important;
}

#events .bx-wrapper .bx-pager.bx-default-pager a {
    background: none repeat scroll 0 0 #fff !important;
}

#events .bx-controls {
    padding-top: 40px;
}

#events .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: center !important;
    width: 100% !important;
}

div.module.parallax-profiles {
    background-image: url("../images/profile-bg.jpg");
    padding: 110px 0;
}

#club-profiles h1 {
    color: #fff;
    font-size: 45px;
    font-family: 'Oswald';
    text-align: center;
    padding-bottom: 160px;
}

#club-profiles .profle-box-right h2 {
    color: #fff;
    font-size: 36px;
    font-family: 'Oswald';
    line-height: 32px;
}

#club-profiles .profle-box-right h3 {
    color: #fff;
    font-size: 18px;
    font-family: 'Open Sans';
    font-style: italic;
    padding: 17px 0 20px 0;
}

#club-profiles .profle-box-right p {
    color: #fff;
    font-size: 14px;
    font-family: 'PT Sans';
    padding-bottom: 20px;
}

#club-profiles .profle-box-right .profile-info {
    border-right: 1px solid #fff;
    width: 32%;
    padding-right: 3px;
    float: left;
}

#club-profiles .profle-box-right .profile-info p {
    color: #ff1541;
    font-size: 16px;
    font-family: 'PT Sans';
    padding-bottom: 0;
}

#club-profiles .profle-box-right .profile-info h3 {
    color: #fff;
    font-size: 30px;
    font-family: 'PT Sans';
    padding: 0;
}

#blogs {
    padding: 100px 0;
    background-image: url('../images/pattern.jpg');
}

#blogs h1 {
    color: #ff1541;
    font-size: 45px;
    font-family: 'Oswald';
    text-align: center;
    padding-bottom: 100px;
}

#blogs ul {
    list-style: none;
}

#blogs .blog-slider li {
    padding-bottom: 75px;
}

.borderLeft {
    border-left: 1px solid #ff1541;
    height: 260px;
    left: 149px;
    position: absolute;
    top: -14px;
}

#blogs .event-time {
    float: left;
    width: 30%;
    padding-top: 45px;
    position: relative;
}

#blogs .event-time p {
    color: #4e4e4e;
    font-family: 'PT Sans';
    font-size: 18px;
}

#blogs .event-time h2 {
    color: #272727;
    font-family: 'PT Sans';
    font-size: 30px;
}

#blogs .event-time .fa {
    color: #ff1541;
    font-size: 20px;
    border: 1px solid #ff1541;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding-top: 10px;
    float: right;
    position: absolute;
    right: 27px;
    top: 73px;
    background-color: #fff;
    z-index: 900;
    text-align: center;
}

#blogs .event-time .fa-camera {
    padding: 9px;
}

#blogs .event-detail {
    background-color: #e3e3e3;
    padding: 20px;
    float: left;
    width: 70%;
    height: 185px;
    position: relative;
}

#blogs .event-detail .fa-caret-left {
    position: absolute;
    left: -17px;
    top: 67px;
    color: #e3e3e3;
}

#blogs .event-detail .fa-long-arrow-right {
    float: right;
    color: #ff1541;
    font-size: 20px;
    line-height: 5px;
}

#blogs .event-detail h2 a {
    color: #ff1541;
    font-size: 24px;
    display: block;
    font-family: 'PT Sans';
    padding-bottom: 10px;
}

#blogs .event-detail p {
    color: #0d0d0d;
    font-size: 16px;
    font-family: 'PT Sans';
}

#blogs .event-detail .event-detail-img {
    float: left;
    width: 40%;
}

#blogs .event-detail .event-detail-img img {
    max-width: 90%;
}

#blogs .event-detail .event-detail-inner {
    float: left;
    padding-left: 15px;
    width: 100%;
    overflow-y: auto;
    height: 150px;
}

#blogs .tab-content h2 {
    color: #ff1541;
    font-family: 'PT Sans';
    font-size: 30px;
    line-height: 25px;
    padding-bottom: 15px;
}

#blogs .tab-content h3 {
    color: #000;
    font-size: 22px;
    font-family: 'PT Sans';
    padding: 20px 0;
}

#blogs .tab-content p {
    color: #252525;
    font-size: 16px;
    font-family: 'PT Sans';
}

#blogs .tab-content img {
    max-width: 100%;
    padding-top: 20px;
}

#blogs .tab-content .share {
    border-top: 3px solid #9f006c;
    padding-top: 10px;
    margin-top: 10px;
}

#blogs .tab-content .share h4 {
    color: #4e4e4e;
    font-size: 14px;
    font-family: 'PT Sans';
    float: left;
}

#blogs .tab-content .share p {
    float: right;
}

#blogs .tab-content .share p a {
    padding: 5px 3px;
}

#blogs .tab-content .share p a:hover {
    background-color: #ff1541;
    padding: 5px 3px;
}

#blogs .tab-content .share p a .fa {
    border: 1px solid #ff1541;
    color: #ff1541;
    padding: 5px 6px;
    width: 25px;
    height: 25px;
    background-color: transparent;
}

#blogs .tab-content .share p a .fa:hover {
    color: #fff;
    border: 1px solid #ff1541;
}

span.blod {
    font-weight: bold;
}

#blogs .tab-content .overlay {
    position: relative;
}

#blogs .tab-content .overlay-inner {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 0 15px;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#blogs .tab-content .overlay h3 {
    color: #fff;
    font-size: 16px;
    font-family: 'PT Sans';
    font-style: italic;
    float: left;
}

#blogs .tab-content .overlay .fa-expand {
    color: #fff;
    background-color: #ff1541;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 11px;
    float: right;
    font-size: 20px;
    margin-top: 8px;
}

#blogs .tab-content .tab-pane .fa-user,
#blogs .tab-content .tab-pane .fa-tag {
    color: #ff1541;
}

#blogs .tab-content .tab-pane span.admin {
    margin-right: 20px;
    color: #888888;
    font-size: 16px;
    padding-left: 5px;
    font-family: 'PT Sans';
    font-style: italic;
}

#blogs .tab-content .tab-pane span.tag {
    color: #888888;
    padding-left: 5px;
    font-size: 16px;
    font-family: 'PT Sans';
    font-style: italic;
}

#blogs .bx-next {
    color: #000;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: -35px;
    left: 140px;
    height: 35px;
    border: 1px solid #ff1541;
    width: 35px;
    padding-left: 7px;
}

#blogs .bx-prev {
    color: #000;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    left: 140px;
    height: 35px;
    border: 1px solid #ff1541;
    width: 35px;
    padding-left: 7px;
}

#blogs .bx-wrapper img {
    max-width: 100% !important;
}

#blogs .bx-controls {
    display: none;
}

#blogs .bx-viewport {
    height: 708px !important;
}

#blogs .bx-wrapper {
    margin: 0
}

div.module.parallax {
    height: auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

div.module.parallax-reservation {
    background-image: url("../images/jobs.jpg");
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%), url("../images/jobs.jpg") no-repeat;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))), url("../images/jobs.jpg") no-repeat;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%), url("../images/jobs.jpg") no-repeat;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%), url("../images/jobs.jpg") no-repeat;
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%), url("../images/jobs.jpg") no-repeat;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%), url("../images/jobs.jpg") no-repeat;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 50px;
}

div.module.parallax-header {
    background-image: url("../images/header.jpg");
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%), url("../images/header.jpg") no-repeat;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(59%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0))), url("../images/header.jpg") no-repeat;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%), url("../images/header.jpg") no-repeat;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%), url("../images/header.jpg") no-repeat;
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%), url("../images/header.jpg") no-repeat;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%), url("../images/header.jpg") no-repeat;
    width: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 70px;
}

div.module.parallax-lounge {
/*
    background-color: #e5c383;
    width: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 70px;
*/
background-image: url("../images/haus/7.jpg");
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%), url("../images/haus/7.jpg") no-repeat;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(59%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0))), url("../images/haus/7.jpg") no-repeat;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%), url("../images/haus/7.jpg") no-repeat;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%), url("../images/haus/7.jpg") no-repeat;
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%), url("../images/haus/7.jpg") no-repeat;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%), url("../images/haus/7.jpg") no-repeat;
    width: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 70px;
}

/*
div.module.parallax-header {
	background-image:url("../images/header.jpg");
    width: 100%;
    padding-bottom: 50px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
*/

#reservation h1 {
    text-align: center;
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    font-family: 'Oswald';
    text-transform: uppercase;
    text-shadow: 1px 1px #000;
}

#reservation p {
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-family: 'Oswald';
    text-transform: uppercase;
    text-shadow: 1px 1px #000;
}

.unser-haus {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    font-family: 'PT Sans';
    padding: 15px 38px;
    border-radius: 0;
    margin-top: 20px;
}

.unser-haus p {
    padding: 10px;
}

.unser-haus ul > li:before {
    content: "–";
    /* en dash */
    position: absolute;
    margin-left: -1.1em;
}

.unser-haus ul {
    font-size: 18px;
    text-align: left;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #deb882;
}

.unser-haus ul li {
    color: #fff;
    list-style: none;
    padding-left: 20px;
}

.reservation-form {
    font-family: 'PT Sans';
    font-size: 14px;
}

.formOverlay {
    /*background-image:url(../images/loading.gif) center center; */
    background: rgba(0, 0, 0, 0.7) url('../images/loading.gif') no-repeat center center;
    /*background: rgba(181, 175, 175, 0.37);*/
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.reservation-form label.control-label {
    background: #fff;
    color: #fff;
    height: 50px;
    padding-right: 20px;
    line-height: 40px;
    font-family: 'Open Sans';
    font-weight: normal;
}

.reservation-form .col-sm-3,
.reservation-form .col-sm-4,
.reservation-form .col-sm-5,
.reservation-form .col-sm-6,
.reservation-form .col-sm-7 {
    padding-left: 0px;
}

.reservation-form .input-group-addon {
    border-radius: 0px;
    border: none;
    background: #ff1541;
    color: #fff;
}

.reservation-form .input-group-addon.phone-icon {
    padding-left: 17px;
    padding-right: 17px;
}

.form-control::-moz-placeholder {
    color: #242424;
}

.form-control::-webkit-input-placeholder {
    color: #242424;
}

.btn-booking {
    border-radius: 0px;
    border: none;
    background: #ff1541;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 30px;
    padding: 25px 60px 25px 60px;
    text-transform: uppercase;
    margin-top: 50px;
    font-weight: bold;
    margin-left: 20%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

#map {
    height: 500px;
    border-top: 2px solid #deb882;
    border-bottom: 2px solid #deb882;
}

.top-padding{
    padding-top: 70px;
    padding-bottom: 50px;
}

div.module.parallax-footer {
    background-image: url("../images/footer.jpg");
    background: -moz-linear-gradient(top, rgba(0, 0, 0,0.1) 0%, rgba(0, 0, 0,1) 100%), url("../images/footer.jpg") no-repeat;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0,0.1)), color-stop(59%, rgba(0, 0, 0,0.1)), color-stop(100%, rgba(0, 0, 0,1))), url("../images/footer.jpg") no-repeat;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0,0.1) 0%, rgba(0, 0, 0,1) 100%), url("../images/footer.jpg") no-repeat;
    background: -o-linear-gradient(top, rgba(0, 0, 0,0.1) 0%, rgba(0, 0, 0,1) 100%), url("../images/footer.jpg") no-repeat;
    background: -ms-linear-gradient(top, rgba(0, 0, 0,0.1) 0%, rgba(0, 0, 0,1) 100%), url("../images/footer.jpg") no-repeat;
    background: linear-gradient(to bottom, rgba(0, 0, 0,0.1) 0%, rgba(0, 0, 0,1) 100%), url("../images/footer.jpg") no-repeat;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
}

#footer p.footer-text {
    font-family: 'PT Sans';
    font-size: 20px;
    color: #fff;
    line-height: 35px;
    margin-top: 30px;
}

#footer p.footer-text a {
    text-decoration: none;
    color: #fff;
}

#footer .fa {
    color: #fff;
}

#footer .social {
    margin-top: 20px;
    position: relative;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    -ms-transition: all .9s ease;
}

#footer .social a {
    padding: 5px 3px;
}

#footer .social a .fa {
    color: #fff;
    padding: 5px 6px;
    margin-bottom: 5px;
    width: 25px;
    height: 25px;
    background-color: transparent;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

#footer .social a .fa:hover {
    color: #deb882;
}

#copy-right {
    padding-top: 25px;
    padding-bottom: 25px;
    font-family: 'PT Sans';
    font-size: 16px;
    color: #6f6f6f;
}


/* Equalizer */

.bar {
    background-color: white;
    width: 10px;
    height: 40px;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    left: 0;
}

.bar-2 {
    left: 20px;
}

.bar-3 {
    left: 40px;
}

.bar-4 {
    left: 60px;
}

.bar-5 {
    left: 80px;
}

.bar {
    margin-bottom: 10px;
}

.eq {
    position: relative;
    height: 68px;
    margin-left: 12px;
}


/* Social-Effect */

.flip-container {
    background: transparent;
}

.flip-container:hover .flipper,
.flip-container.hover .flipper {
    transform: rotateY(180deg);
}

.flip-container,
.front,
.back {
    width: 260px;
    height: 280px;
    margin-right: 10px;
}

.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.front,
.back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.front {
    z-index: 2;
    background-size: cover;
    background-size: 100%;
    background-position: 50%;
}

#dj-1 {
    background: url(../images/profile-img1.jpg);
}

#dj-2 {
    background: url(../images/profile-img2.jpg);
}

.back {
    transform: rotateY(180deg);
}

.profile-social {
    margin-top: 70px;
    margin-left: 30px;
    position: relative;
    height: 3em;
    width: 13.5em;
}

.profile-social li {
    background-color: #ff1541;
    display: block;
    height: 4em;
    line-height: 4em;
    margin: -2.2em;
    position: absolute;
    -webkit-transition: -webkit-transform .7s ease;
    -moz-transition: -moz-transform .7s ease;
    -ms-transition: -ms-transform .7s ease;
    -o-transition: -o-transform .7s ease;
    transition: transform .7s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    width: 4em;
}

.profile-social a {
    color: #fffdf0;
    display: block;
    height: 4em;
    line-height: 4em;
    text-align: center;
    -webkit-transition: -webkit-transform .7s;
    -moz-transition: -moz-transform .7s;
    -ms-transition: -ms-transform .7s;
    -o-transition: -o-transform .7s;
    transition: transform .7s;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 4em;
}

.profile-social a:hover {
    color: #000;
}

.profile-social li:hover {
    -webkit-transform: scale(1.3, 1.3) rotate(45deg);
    -moz-transform: scale(1.3, 1.3) rotate(45deg);
    -ms-transform: scale(1.3, 1.3) rotate(45deg);
    -o-transform: scale(1.3, 1.3) rotate(45deg);
    transform: scale(1.3, 1.3) rotate(45deg);
}

.facebook {
    left: 0;
    top: 0%;
}

.twitter {
    bottom: 0;
    left: 25%;
}

.dribbble {
    left: 50%;
    top: 0%;
}

.behance {
    bottom: 0;
    left: 75%;
}

.linked-in {
    left: 100%;
    top: 0%;
}

.banner{
	padding: 10px;
}

.banner img{
	max-width: 100%;
	width: 100%;
}

.nav>li>a>img{
	width: 42px;
	height: 25px;
}

/* ADULT / INDEX */

.index-achtung{
    background-image: url(../images/index.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 100%;
}

.index-header{
    background-image: url(../images/index-header.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 160px;
}

.index-header p{
    color: #fff;
    font-size: 30px;
}

.flags{
    padding-top: 30px;
    height: 120px;
}

.text{
    color: #fff;
    padding: 0 20px;
    font-size: 22px;
}

a[href^=tel] {
    color: #fff;
    text-decoration: none;
}

.ui-widget.ui-widget-content{
	width: 100%;
}

.overlay {
            display: block;
            width: 100%;
            height: 180px;
            background-color: rgba(0,0,0,0);
            position: relative;
            z-index: 999;
            margin-top: -180px;
        }
.zaehler{
	padding-top: 20px;
}

.welcome-text{
	color: #c8c8c8;
	padding-bottom: 50px;
}