
.portfolio_nav { display:none; }
.top_bar.fixed
{
	position: fixed;
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	
	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;
	z-index: 999;
	visibility: visible !important;
	top: 0px;
}

.top_bar.fixed #menu_wrapper div .nav
{
	margin-top: 16px;
}

.top_bar.fixed #searchform
{
	margin-top: 8px;
}

.top_bar.fixed .header_cart_wrapper
{
	margin-top: 21px;
}

.top_bar.fixed #menu_wrapper div .nav > li > a
{
	padding-bottom: 24px;
}

.top_bar.fixed .logo_wrapper img
{
	max-height: 40px;
	width: auto;
}
#wrapper
{
	overflow-x: hidden;
}
.mobile_menu_wrapper
{
    display: none;
}
body.js_nav .mobile_menu_wrapper 
{
    display: block;
}
.gallery_type, .portfolio_type
{
	opacity: 1;
}
#searchform input[type=text]
{
	width: 75%;
}
.woocommerce .logo_wrapper img
{
	max-width: 50%;
}




@media only screen and (max-width: 768px) {
	html[data-menu=leftmenu] .mobile_menu_wrapper
	{
		right: 0;
		left: initial;
		
		-webkit-transform: translate(360px, 0px);
		-ms-transform: translate(360px, 0px);
		transform: translate(360px, 0px);
		-o-transform: translate(360px, 0px);
	}
}


#copyright, .footer_bar_wrapper .social_wrapper
{
	float: none;
	margin: auto;
	width: 100%;
	text-align: center;
}

.footer_bar_wrapper .social_wrapper ul, #page_content_wrapper .footer_bar_wrapper .social_wrapper ul
{
	text-align: center;
	margin-bottom: 20px;
}

.footer_bar_wrapper .social_wrapper ul li
{
	float: none;
}

.footer_bar
{
	padding: 30px 0 30px 0;
}

.post_header_title, .post_header.grid
{
	text-align: center;
}




.top_bar.hasbg
{
	background: rgba(0,0,0,0.00);
}

#page_caption, #page_caption .page_title_wrapper
{
	text-align: left;
	float: left;
}

#page_caption .page_title_wrapper .page_title_inner
{
	position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
}

.post_caption 
{
	position: relative;
}

#page_caption hr.title_break, .post_caption hr.title_break
{
	display: none;
}

#page_caption h1
{
	width: 55%;
    display: block;
    float: left;
}

#page_caption .page_tagline, .post_caption .page_tagline
{
	width: 45%;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0.5em;
}

.post_caption
{
	text-align: left;
	float: left;
	width: 100%;
}

.page_tagline
{
	font-style: normal;
}

.post_caption .page_tagline
{
	right: 30px;
}

#portfolio_wall_filters
{
	width: 45%;
	float: right;
	text-align: right;
	margin-left: 0 !important;
}

@media only screen and (min-width: 1100px) {
	#page_caption .page_tagline 
	{
		right: 90px;
	}
}




.two_cols.gallery .element img, .three_cols.gallery .element img, .four_cols.gallery .element img, .five_cols.gallery .element img, .two_cols.gallery .element:hover img, .three_cols.gallery .element:hover img, .four_cols.gallery .element:hover img, .five_cols.gallery .element:hover img, .post_img img, .post_img:hover img, #horizontal_gallery_wrapper .gallery_image_wrapper.archive img, .horizontal_gallery_wrapper .gallery_image_wrapper.archive img
{
	transition: all 4.5s ease-out;
    -webkit-transition: all 4.5s ease-out;
}


.contact_form_wrapper {
visibility:hidden !important;}

.datenschutz {
max-width:800px;
margin-left: auto;
margin-right:auto;
padding-top:50px;
}
.datenschutz h1, .datenschutz h2, .datenschutz h3 {
margin-bottom:25px;
margin-top:25px;
}

.credits {
display:flex;
display: -webkit-flex;
margin-top:30px;
}

.flexslider .slides > li img {
max-height:90vh;
}

#gallery {
padding-top:0 !important;
}

.old {
display:none;
}

.table_heading {
background-color: rgba(210,227,230,.9);
}

.table_heading td {
text-align:center;
}

.gigs .table_heading:hover {
background-color: rgba(0,0,0,.1);
}

.show_old {
text-align:center;
}

.show_old__button {
padding:10px;
font-weight:bold;
font-size:12px;
background-color: rgba(255,255,255,.5);
display: inline-block;
}

.show_old__button:hover {
cursor: default;
}

.table_div {
width:80%;
margin: 0 auto;
}

.gigs {
width:100%;
}

.gigs td, .gigs th {
border:none;
}

.gigs th {
text-transform:uppercase;
font-size: 12px;
}

.gigs tr:hover {
background-color:rgba(255,255,255,.3);
}

.gigs__header:hover {
background:none !important;
}

.gigs .date {
min-width:10%;
}

.gigs .artist {
min-width:25%;
}

.gigs .venue {
min-width:25%;
}

.gigs .city {
min-width:25%;
}

.extend_icon {
width:16px;
}

.extend_icon a {
display:block;
width:16px;
height:11px;
background: url('/arrow.png');
background-size:contain;
background-repeat:no-repeat;
background-position: center center;
}

.info_row td {
font-size:11px;
}

.info_row {
background-color:rgba(210,227,230,.9);
}

.info_row__hidden {
display:none;
}

.info_title {
font-weight:bold;
padding-right:10px;
}

#news-button .inner {
text-align:center;
margin-top: -30px;
}

.news-button__link {
text-transform: uppercase;
padding:20px;
background-color: rgba(255,255,255,.5);
}

.about_logo {
width: 150px;
    height: auto;
    float: right;
    margin-top: 30px;
    padding-left: 45px;
}

p {
font-size:14px;
}

.heading_about-text {
text-transform: uppercase;
margin-bottom:20px;
font-size:36px;
}

a.button.white {
color:#333 !important;
}

/*** Formatting for tour calendar ***/
.event_list_title, .event_list_location {
text-align:left;
margin-left:10%;
width:30% !important;
}

/*** Line under headings 
h2::after {
content: "";
    display: block;
    width: 200px;
    margin: 5px auto;
    border-bottom: 1px solid #333;
}

.floatleft h2::after {
content: "";
    display: block;
    width: 200px;
    margin-top: 5px;
   margin-left:0;
    border-bottom: 1px solid #333;
} ***/

#logo_right_button {
visibility:hidden;
}


/*** background structure ***/
body, .footer_bar {
background-image: url("https://felixhoffmann.info/wp-content/uploads/2017/03/kachel_hell.png") !important;
background-size: 100px 100px !important;
background-color:rgba(255,255,255,.6);
} 

#wrapper {
background:none !important;
}

/*** Lighter background ***/
#live, #about,#about_header, #releases_header, #releases_header + div, #video {
background-color: rgba(255,255,255,.6) !important;
}

input {
background:none !important;
}

textarea {
background-color: transparent !important;
}

/*** Menu Farbe ***/
.top_bar {
background-color: rgba(240,240,240,.8) !important;
border:none;
}

.footer_bar {
background-repeat: repeat !important;
border:none !important;
padding:0;
}

.ngg-galleryoverview {
text-align:center;
}

.ngg-gallery-thumbnail-box {
float:none !important;
display:inline-block;
}

.slideshowlink {
display:none;
}

.ngg-gallery-thumbnail {
border: none !important;
}

.ngg-gallery-thumbnail a {
margin:0 !important;
}

.u-icon {
width:80px;
height:auto;
margin-bottom:20px;
}

.u-title {
text-transform:uppercase;
font-size:18px;
letter-spacing:3px;
margin-bottom:20px;
}

#unterricht + div .one_third, .withsmallpadding > .one_third {
text-align:center;
padding:0 50px;
}

.float-left {
width:40%;
height:auto;
float:left;
padding-right:30px;
padding-bottom:30px;
}

.about-text {
margin-bottom:20px;
line-height:2;
display:inline-block;
width:50%;
}

.credits-text {
    width: 40%;
    float: left;
    display: inline-block;
    clear: left;
}

.credits-text:after {
clear:both;
}

#releases-gallery {
max-width:1200px;
margin-left:auto;
margin-right:auto;
}

.unterricht-text {
width:90%;
margin: 10px auto;
text-align:justify;
}

.top_bar .standard_wrapper {
max-width:100% !important;
padding:0 !important;
}

#about {
overflow:hidden;
}

.footer_bar_wrapper a {
color:white;
}

.event_list_rsvp {
display:none;
}

.post_detail {
margin:0;
}

.post {
background-color:rgba(255,255,255,.3);
padding:20px !important;
}

.event_list_wrapper li:hover {
background-color:rgba(255,255,255,.3);
}

.event_list_wrapper li div {
max-width:300px;
}


.event_list_wrapper li {
padding-left:15%;
width:85%;
}

.event_list_date {
text-align:left;
}

#custom_logo {
padding:15px;
}

#custom_logo img {
width:200px;
height:40px;
}

.parallax {
margin-top:50px;
}

.one .page_content_wrapper {
/* margin-top:-30px !important; */
}

#footer {
display:none;
}

iframe {
width:50%;
margin: 50px auto;
display:block;
}

h2.ppb_title.alignleft {
width:100%;
}

.ppb_title_wrapper, .portfolio_title_wrapper {
padding: 0 0 50px 0;
}

.ppb_title {
text-transform:uppercase !important;
}

#musik_header {
padding-bottom:0 !important;
}

#musik {
padding-top: 0 !important;
}

#fotos_header {
padding-bottom:70px !important;
}

#releases_header, #unterricht_header, #about_header {
/* padding-top:90px !important; */
}

#music {
padding-top:0;
}

.ilightbox-container iframe {
width:100% !important;
margin:0 !important;
}

#message, #email, #your_name {
background-color:rgba(255,255,255,.3) !important;
padding:5px;
}

#musik_header:before, #video:before, #news_header:before {
/* content: "";
display:block;
height:60px; */

}

.contact_form {
padding-top:30px !important;
}

.social_wrapper ul li {
margin-left:10px !important;
margin-right:10px !important;
}

.impressum-link {
color: #777 !important;
}

#video h2 {
padding-top: 10px;
}

#fullwidth-img, #fullwidth-img2 {
padding:0 !important;
}

#live {
padding-top: 30px;
}

.mobile_menu_wrapper {
width: 200px !important;
}

#overlay_background {
display:none;
}

.scroll #nav_wrapper .nav_wrapper_inner {
padding-left: 31px;
}

.releases-item {
visibility:hidden;
z-index: 9999;
box-sizing: border-box;
position: fixed;
left: calc(50% - 250px);
top: calc(50% - 300px);
width:500px;
min-height: 600px;
background-color: rgba(210,227,230,.9);
}

.releases-item__wrapper {
box-sizing:border-box;
display:flex;
flex-direction: column;
align-items: center;
justify-content:center;
padding: 50px;
}

.releases-item__wrapper__pic {
width:400px;
height: 400px;
background-size:cover !important;
background-repeat: no-repeat !important;
}

.releases-item__wrapper__info {
padding-top:25px;
color:#333;
font-size: 16px;
}

.releases-item__close-btn a {
padding: 5px 20px;
background: #333;
color: #fff;
font-weight: bold;
border-radius: 10px;
}

.releases-item__close-btn {
text-align: center;
margin-top: -25px;
padding-bottom: 25px;
}

.releases-item__wrapper__info a {
color: #333;
text-decoration:none;
}

/***   --------     MEDIA SCREENS         -------- ***/

@media screen and (max-width:960px) {
#logo_right_button {
visibility:visible;
}

#logo_wrapper {
display: inline;
}
}


@media screen and (max-width:768px) {

.credits {
display: initial !important;
}

.about_logo {
float:none;
margin:0;
}

.table_div {
width: 100%;
}

}

@media screen and (max-width:414px) {


.gigs td, .gigs th, .gigs .table_heading td, .show_old__button {
font-size: 8px;
padding: 6px 3px;
}

.extend_icon a {
width:8px;
}

.releases-item {
width:100%;
min-height:300px;
left: 0;
bottom: 0;
top: auto;
height: auto;
padding: 20px;
}

.releases-item__wrapper {
padding: 0 0 50px 0;
width:auto;
}

.releases-item__wrapper__pic {
width:300px;
height: 300px;
}

.about_logo {
float:none;
padding-left:0;
}

#unterricht .withsmallpadding {
padding-bottom: 0px !important;
}

#unterricht + div + div {
margin-top:-100px;
}

.u-title + p {
margin-bottom: 30px !important;
}

#video h2 {
text-align:center !important;
}

#video h5 {
font-size:16px !important;
}


#menu_wrapper {
position: absolute;
right: 20px;
top: 0px;
float: none;
width: 20px;
}

.logo_wrapper img {
margin-top: -7px !important;
}

#logo_normal {
width:230px;
// margin:0 auto !important;
float:none;
display:block;
}

.event_list_wrapper, .post_detail {
font-size: 9px !important;
}

.event_list_wrapper li {
width:100%;
padding-left:0;
}

.event_list_wrapper li div {
margin-left:0;
}

iframe {
width:90%;
}

.float-left {
display:block;
width:90%;
float:none;
margin:0 auto;
padding-right:0;
}

.unterricht-text {
width:80%;
}

.about-text {
width:85%;
margin:0 auto;
display:block;
}

}

@media screen and (max-width:320px) {

.event_list_day, .event_list_date, .event_list_title, .event_list_location {
text-align:center;
}

.gigs td, .gigs th, .gigs .table_heading td, .show_old__button {
font-size: 6px;
}

}



