/*
Theme Name: Stadtsport München
Theme URI:
Description: This is a custom child theme for Stadtsport München
Author: Kubilay Kocak
Author URI: https://kubilzade.de
Template: salient
Version: 1.0
*/

/*@import url("../salient/style.css");*/

@font-face {
	font-family:'Open Sans';
	font-display: swap;
	src:url('https://www.stadtsport-muenchen.de/wp-content/themes/salient-child/fonts/OpenSans-Regular-webfont.eot#') format('eot'),
	url('https://www.stadtsport-muenchen.de/wp-content/themes/salient-child/fonts/OpenSans-Regular-webfont.woff') format('woff'),
	url('https://www.stadtsport-muenchen.de/wp-content/themes/salient-child/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
	url('https://www.stadtsport-muenchen.de/wp-content/themes/salient-child/fonts/OpenSans-Regular-webfont.svg#svgFontName')  format('svg');
}


/* body {
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    font-family: 'Open Sans';
    font-weight: 400;
    background-color: #1C1C1C;
    line-height: 22px;
} */
#qbhometeaser_m {display: none;}
.nectar-button.large {box-shadow: none; -webkit-box-shadow: none; font-weight: bold}
.nectar-button.large span:hover, a.nectar-button.large.see-through-2:hover {color: #fff !important}
.nectar-button {box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -webkit-border-radius: 0;}
.qbhidden {display: none}
.qbpadding4 .vc_column-inner {padding: 4% 8%}
.grecaptcha-badge {visibility: hidden;}
.nectar-slider-wrap .swiper-slide .button a,
.nectar-slider-wrap .swiper-slide .button.transparent a {line-height: 24px}
.qbdisplaynone {display: none !important}
.qbsection_column > .vc_column-inner {padding: 16% 8%}
.qbangebote_s.swiper-slide[data-bg-alignment="center"] .image-bg {background-position-y: 55% !important}
#qbnc_slider {
    color: #000;
    font-size: 1.2em;
    line-height: 1.6666;
    padding: 16px 0;
}
#qbnc_gym {
	padding-top: 16px;
}
.home .swiper-slide .content .buttons {padding-top: 0}

.qbmobile {display: none;}
@media (max-width: 999px) {
	.qbmobile {display: block;}
	.qbdesktop {display: none;}
}

/*** HEADER ***/
body #header-outer, body[data-header-color="dark"] #header-outer,
body[data-header-color="dark"] #search-outer {
	background-color: #272d2f !important
}
header#top #toggle-nav span {position: absolute; top: 1px; right: 36px; color: #fff; font-size: 12px}
header#top #toggle-nav i {color: #fff}
header#top nav >ul >li >a {font-size: 15px}
header#top #toggle-nav span {top: -12px;}
.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before,
.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after,
.slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after,
header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines {
	background-color: #fff !important
}

.sf-menu > li ul.sub-menu {padding: 0}
.sf-menu > li ul.sub-menu a {padding: 12px 14px 14px; border-bottom: 1px solid rgba(255,255,255,0.08);}
#header-outer #top nav > ul > li:not(.megamenu) ul.sub-menu a:hover {background-color: #272727 !important}
header#top .sf-menu li ul li a {background-color: #1c1c1c;}
#header-outer #top .sf-menu > .sf-with-ul > a {padding-right: 12px !important}

@media (min-width: 1300px) {
	#header-outer[data-full-width="true"] header >.container,
	#header-secondary-outer[data-full-width="true"] >.container,
	div#ajax-content-wrap .container
		{width: 100%; max-width: 1425px;}
}
@media (min-width: 1166px) and (max-width: 1350px) {
	header#top nav >ul >li >a {font-size: 14px !important}
}
@media (min-width: 1317px) and (max-width: 1361px) {
	#logo img {height: 60px !important;}
}
@media (min-width: 1293px) and (max-width: 1316px) {
	#logo img {height: 54px !important;}
	/*ul.sf-menu.sf-js-enabled.sf-arrows li a {padding-top: 8px !important}*/
	ul.sf-menu.sf-js-enabled.sf-arrows .sf-menu ul li a {padding-top: 12px !important}
	body:not(.material) header#top nav > ul > li:not(#social-in-menu) > a {padding-top: 8px !important}
}
@media (min-width: 1257px) and (max-width: 1292px) {
	#logo img {height: 50px !important;}
	/*ul.sf-menu.sf-js-enabled.sf-arrows li a {padding-top: 8px !important}*/
	ul.sf-menu.sf-js-enabled.sf-arrows .sf-menu ul li a {padding-top: 12px !important}
	body:not(.material) header#top nav > ul > li:not(#social-in-menu) > a {padding-top: 8px !important}
}
@media (min-width: 1220px) and (max-width: 1256px) {
	#logo img {height: 40px !important;}
	/*ul.sf-menu.sf-js-enabled.sf-arrows li a {padding-top: 8px !important}*/
	ul.sf-menu.sf-js-enabled.sf-arrows .sf-menu ul li a {padding-top: 12px !important}
	body:not(.material) header#top nav > ul > li:not(#social-in-menu) > a {padding-top: 0 !important}

}
@media (min-width: 1202px) and (max-width: 1219px) {
	#logo img {height: 35px !important;}
	/*ul.sf-menu.sf-js-enabled.sf-arrows li a {padding-top: 8px !important}*/

	ul.sf-menu.sf-js-enabled.sf-arrows .sf-menu ul li a {padding-top: 12px !important}
	body:not(.material) header#top nav > ul > li:not(#social-in-menu) > a {padding-top: 0 !important}
}
@media (min-width: 1183px) and (max-width: 1201px) {
	#logo img {height: 30px !important;}
	/*ul.sf-menu.sf-js-enabled.sf-arrows li a {padding-top: 4px !important}*/

	ul.sf-menu.sf-js-enabled.sf-arrows .sf-menu ul li a {padding-top: 12px !important}
	body:not(.material) header#top nav > ul > li:not(#social-in-menu) > a {padding-top: 0 !important}
}
@media (min-width: 1165px) and (max-width: 1182px) {
	#logo img {height: 25px !important;}
	/*ul.sf-menu.sf-js-enabled.sf-arrows li a {padding-top: 4px !important}*/

	ul.sf-menu.sf-js-enabled.sf-arrows .sf-menu ul li a {padding-top: 12px !important}
	body:not(.material) header#top nav > ul > li:not(#social-in-menu) > a {padding-top: 0 !important}
}
@media (min-width: 1062px) and (max-width: 1165px) {
	#logo img {height: 32px !important;}
	ul.sf-menu.sf-js-enabled.sf-arrows li a {/*padding-top: 4px !important;*/ font-size: 11px !important}

	ul.sf-menu.sf-js-enabled.sf-arrows .sf-menu ul li a {padding-top: 12px !important}
	body:not(.material) header#top nav > ul > li:not(#social-in-menu) > a {padding-top: 0 !important}
}
@media (min-width: 1001px) and (max-width: 1061px) {
	#logo img {height: 32px !important;}
	ul.sf-menu.sf-js-enabled.sf-arrows li a {/*padding-top: 4px !important;*/ font-size: 10px !important}

	ul.sf-menu.sf-js-enabled.sf-arrows .sf-menu ul li a {padding-top: 12px !important}
	body:not(.material) header#top nav > ul > li:not(#social-in-menu) > a {padding-top: 0 !important}
}
@media (min-width: 1001px) {
	.transparent #top .container {height: 80px !important}
	#logo {max-height: 80px !important}
	#header-outer[data-transparent-header="true"].transparent #logo img,
	#header-outer[data-transparent-header="true"] #logo .starting-logo,
	#header-outer[data-transparent-header="true"].light-text #logo img
		{opacity: 1}
}
@media (max-width: 1000px) and (min-width: 1px) {
	body header#top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {top: 8px !important}
	.carousel-prev {right: initial !important}
}
/*@media only screen and (max-width: 1115px) and (min-width: 1px) {
	header#top #toggle-nav, header#top #mobile-cart-link, header#top .span_9 > .slide-out-widget-area-toggle {
	display: block !important
	}
	nav {display: none !important}
}*/
/*@media only screen and (max-width: 1000px) {
	body header#top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
	height: 42px !important; margin-top: -6px !important
	}
}*/

/*** START ***/

.qbvideobtn.swiper-slide .button.transparent a {border: none !important;}
.qbslider.swiper-slide .button.transparent a:hover {background-color: #333 !important; border-color: #333; color: #fff}
.qbzitat-home {font-size: 24px; margin-left: 100px; line-height: 1.5}
.testimonial_slider blockquote p {font-size: 20px; line-height: 32px}
.home .star-rating-wrap .filled:before {color: #fff !important}
/* @media (min-width: 1475px) {
	.qbml {left: 10px !important}
}
@media (max-width: 1474px) and (min-width: 1200px) {
	.qbml {left: 7px !important}
}
@media (max-width: 1199px) and (min-width: 1000px) {
	.qbml {left: 0 !important}
} */
@media only screen and (max-width: 999px) {
	body #header-outer[data-transparent-header="true"].transparent {background-color: #272d2f !important}
	#header-outer[data-mobile-fixed="false"] {
    position: relative !important;
	}
	/* .container.main-content {padding-top: 66px} */
}

@media (max-width: 480px) {
	.qbbtn img {height: 50px !important; margin-top: -36px;}
	.qbzitat-home {font-size: 22px !important; line-height: 32px; margin-left: 10px}
}

/*** CTAs ***/
.qbctas {color: #fff}
.qbctas .qbcta_card h2 {padding: 64px 0}
.qbctas .qbcta_card h2 a {
	color: #fff;
	text-transform: uppercase;
	padding: 12px 32px;
	background: rgba(0 0 0 / 0.2);
	font-size: 1.7em;
	line-height: 1;
	font-weight: bold;
	display: inline-block;
	border: 2px solid #fff;
}
.qbctas .qbcta_card h2 a:hover {background: rgba(0 0 0 / 0.75); color: #fff}
.qbctas .qbcta_card .vc_column-inner {padding: calc(100vw * 0.04)}
.qbctas .nectar-button {text-transform: uppercase;}
.qbslider .button a.primary-color.magnific-popup {
	background-color: #00ccd8 !important;
	border-color: #00ccd8 !important;
	color: #fff !important
}
.qbslider .buttons .button a.primary-color:hover {
	background-color: #000 !important;
	border-color: #000 !important;
	color: #fff !important
}


/*** ÜBER UNS ***/
.qbtrainers {font-size: 20px;}
.qbposition {font-size: 13px;}
.col.dark .nectar-button.see-through, .col.dark .nectar-button.see-through-2 {
	border: 3px solid #21cdec !important;
	color: #21cdec !important;
	font-weight: bold;
	font-family: 'Open Sans'
}
.qbswgeae { font-size: 24px; line-height: 1.5; font-weight: bold}
.qbcall {text-align: center; font-size: 28px; font-weight: bold}
.qbcall a {color: #fff}
.qbteam button {padding: 8px 0; border: none; background-color: transparent; color: #00ccd8; font-size: 100%}
.carousel-next, .carousel-prev {
	top: 0 !important;
	border-radius: 24px;
	-webkit-border-radius: 24px; width: 28px;
	height: 28px;
	background-color: #272d2f
}
.carousel-next i, .carousel-prev i {font-size: 24px; line-height: 30px; top: 0}
.pp_pic_holder.dark_rounded .qbhidden {display: block;}
.emodal-overlay {background-color: #333 !important; opacity: 0.95}
.emodal-content ul li {list-style: none; margin-left: 30px;}
.emodal-content ul li:before {content: '::'; margin-left: -24px; padding-right: 16px}
@media (min-width: 1300px) {
	.row .col .team-member p.description, .team-member p.description {min-height: 107px; display: inline-flex; align-items: center;}
}
@media only screen and (min-width: 1000px) {
	body .carousel-heading .container .carousel-prev {left: 8px !important}
}

@media only screen and (max-width: 480px) {
	.team-member {padding: 10px 10px 7px 20px !important}
	.carousel-next {right: 14px !important}
	.carousel-prev {right: initial !important; left: 6px}
	.qbteam button {padding-left: 20px}
	p, p span {font-size: 14px !important; line-height: 24px}
}
@media only screen and (max-width: 320px) {
	p, .qbstress {font-size: 14px !important}
}

/*** ANGEBOTE ***/
.page-id-5649 .nectar-slider-wrap .swiper-slide[data-y-pos="middle"] .content {
	left: 8%;
    margin-top: -60px;
}
@media (max-width: 769px) {
	.page-id-5649 .qbslider .content {padding-top: 0 !important; right: 10%}
	.page-id-5649 .nectar-slider-wrap .swiper-slide[data-y-pos="middle"] .content {
		transform: translate(25%, -50%); margin-top: 0; left: -8%
	}
}


/*** FITNESS & SPORT ***/
/* .qbfitness-h2 h2, .qbfontsize-h3 h3, */
.qbheadline {font-size: 24px !important; text-transform: uppercase; font-weight: bold; line-height: 1}
.qbcontent {font-size: 16px}
.qbcontent strong {font-size: 18px}
.qbcontent-bold {font-size: 20px; font-weight: bold;}
.qbbusinesstraining {color: #fff}
.qbbusinesstraining ul li, .qbathletik4 ul li {list-style: none;}
.qbbusinesstraining ul li:before, .qbathletik4 ul li:before {content: '::'; margin-left: -24px; padding-right: 16px}
.qbfs-pitch, .qbabnehmen-zitat, .qblocal-zitat {padding: 30px 0}
/* .qbfs.qbcall {padding: 20px 10px} */

@media only screen and (max-width: 1300px){
	.row .col h3 {font-size: 24px !important; line-height: 32px !important}
}
@media (max-width: 768px) {
	/*#qbhome_slider, #qbhome_slider div, #qbhome_slider .parallax_slider_outer {height: 500px !important}*/
	#qbhome_slider .content {padding-top: 0 !important}
	#qbhome_slider h2 {padding: 0;}
	#qbnc_title {padding: 24px 0 32px; display: block !important}
	.home .nectar-slider-wrap .content .buttons {padding: 0 0 64px !important; transform: none !important; display: block !important}
	#qbnc_slider {font-size: 1.333em; padding: 24px 0}
	.swiper-slide .button {margin-bottom: 24px !important}
	.qbhome_cta .vc_column-inner {padding: 10% !important}
	.qbbekannt .qbpartnerlogo {width: 33%}
	/*.qb__video .vc_column-inner {display: block !important}*/
	#qbhome_slider a.primary-color {padding: 15px; font-size: 12px; font-weight: bold}
}

/*** LOCATIONS ***/
@media only screen and (max-width: 1300px) and (min-width: 1000px) {
	.qblocal-zitat h2 {font-size: 22px !important; line-height: 36px !important}
}
@media (max-width: 480px) {
.page-id-3680 .swiper-slide .content, .page-id-3433 .swiper-slide .content {top: 30px !important}
}

/*** ÜBER UNS ***/
.carousel-wrap[data-full-width="false"] .control-wrap {width: 100%; left: 0}

/*** KONTAKT ***/
.qbtwain {background-color: #282d30; color: #fff; margin: auto; font-size: 20px !important;}
.qbtwain h2 {padding: 30px 0;}
.qbcontmail {color: inherit;}
.qbcontmail:hover {color: #00ccd8}

@media (max-width: 1000px) {
	.container.qb {max-width: 100% !important}
}

/*** ABNEHMEN ***/
 .swiper-slide.qb3wege, .qb3wege, .qb3wege .swiper-container {background-color: #afe207 !important}
.qbandborder {border: 1px solid #272c2f !important}
.swiper-slide.swiper-slide-visible.swiper-slide-active.no-transform {top: 0 !important}
@media (min-width: 1475px) {
	.qbabnehmen {padding: 0 30px !important}
}
@media (min-width: 1530px) {
	.qbabnehmen {padding: 0 100px !important}
}

/*** Footer ***/
#custom_html-4 h4 {visibility: hidden;}

/*** DATENSCHUTZ ***/
#qbdatenschutz h1 {font-size: 28px}
#qbdatenschutz h2 {font-size: 20px; padding: 16px 0}
#qbdatenschutz p {padding-bottom: 16px}

/*** LIGHTBOX ***/
body a.pp_close:hover {border-color: transparent;}

/*** MODAL ***/
#kubi-modal .thickbox {display: none !important;}
.emodal-title {margin-bottom: 20px; font-family:'Open Sans' !important;}
.emodal-content, .emodal-content p {color: #333 !important; font-family: 'Open Sans' !important;}

@media (max-width: 480px) {
	.emodal-title {margin-top: 20px; font-size: 24px !important}
	.emodal-content {height: 450px; overflow: scroll}
	.emodal-content ul li {font-size: 12px}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	body .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2,
	body .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content h2,
	body .full-width-content .vc_span12 .swiper-slide .content h2 {font-size: 36px !important; line-height: 36px !important}
	.home #qbnc_title {padding: 24px 0 32px; display: block !important}
	.home .nectar-slider-wrap .content .buttons {padding: 0 0 64px !important; transform: none !important; display: block !important}
	.home #qbnc_slider {font-size: 1.333em; padding: 24px 0}
	.swiper-slide .button {margin-bottom: 24px !important}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	.home #qbhome_slider .qbslider .buttons {padding: 0 0 100px 0 !important; transform: none !important; display: block !important;}
	.home #qbnc_title {padding: 160px 0 16px; display: block !important}
	/*.home .nectar-slider-wrap .content .buttons {
		padding: 0 0 164px !important; transform: none !important; display: block !important;
	}*/
	#qbnc_slider {font-size: 1em; padding: 0 0 8px 0}
	.swiper-slide .button {margin-bottom: 24px !important}
	.qbcta_card:last-of-type .column-image-bg {background-position: center 55% !important}
	.qbctas .qbcta_card h2 {padding: 96px; font-size: 2em}
	.swiper-slide .button {margin-bottom: 50px !important}
}

@media (max-width: 480px) {
	#qbhome_slider {display: none;}
	#qbhometeaser_m {display: block;}
	.qbhometeaser_m_inner {padding: 8% 0 !important}
	.qbhometeaser_m_inner h2 {padding-bottom: 12px}
	.qbhometeaser_m_inner p {padding-bottom: 16px}
	.qbteaser_m_btn .nectar-button.medium {border-radius: 0; box-shadow: none; margin: 12px 0}
	.qbhome_cta .vc_column-inner {padding: 10% !important}
	.qbbgimgabnehmen {min-height: 350px !important; min-width: 100% !important}
	.qbbgimgabnehmen2 {width: 100% !important}
	.qbhidden, .qbhidden-mobile {display: block;}
	.qbtwain h2 {padding: 20px 10px 0px 10px}
	.page-id-3490 h2 {padding-bottom: 20px}
	.qbflex .qbsection_column {order: 2;}
	.qbflex .qbbgimg {order: 1;}

	/*#qbhome_slider, #qbhome_slider div, #qbhome_slider .parallax_slider_outer {height: 400px !important}
	#qbhome_slider div.buttons, #qbhome_slider div.buttons div {height: 100% !important}*/
	body:not(.nectar-no-flex-height) {display: block;min-height: unset;}
	#qbhome_slider h2 {
		padding:  0;
	    font-size: 22px !important;
	    line-height: 30px !important;
	}
	#qbhome_slider .button.transparent:first-of-type a.primary-color {
		background: rgb(0 0 0 / 20%) !important;
		border: 1px solid #fff;
		color: #fff
	}
	#qbnc_title {padding: 160px 0 0 !important}
	#qbnc_slider {font-size: 1em; padding: 8px 0; height: 500px !important; display: block;}
	body .swiper-slide .content .buttons {padding-bottom: 32px}
	.qbbgimg, .qbbgimg .vc_column-inner {min-height: 250px !important; max-height: 250px !important}
	.qbbgimg .column-image-bg {position: relative; height: 250px}
	.qbcall {font-size: 22px; padding: 0 20px}
	.col h2 {font-weight: bold}
	body h4, .row .col h4 {font-size: 15px !important; font-weight: bold}
	.qbworkhard, .qblauftraining {padding: 0 4% }
	.qbhiddenmobile {display: none;}
	.qbfs-pitch, .qbabnehmen-zitat, .qblocal-zitat {padding: 10px 0}
	.qbcall h3 {line-height: 1.5 !important}
	.row .col h3 {font-size: 16px !important; line-height: 24px !important}
	div#fws_55b2bf366a625 {padding-top: 20px !important; padding-bottom: 20px !important}
	.testimonial_slider .controls {bottom: 0}
	#qbhome_slider a.primary-color {padding: 15px; font-size: 12px; font-weight: bold; border: 2px solid #fff; color: #fff}
}