/* CSS reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle;}

/* Settings */
* {margin:0;padding:0;border:0;height:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-animation-fill-mode: none !important;}
html {height:100%;}
body {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-family: 'Roboto', sans-serif;}
@-webkit-viewport {width: device-width;}
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


body.locked {position:relative;overflow:hidden;height:100%;}
body.locked #g360_page {position:relative;overflow:hidden;height:100%;left:100px;}

/* Basics */
.g360_desktoponly {display:block;}
.g360_mobilonly {display:none;}
figure.intext {position:relative !important;}
figure > img {float:left;width:100%;height:auto;}

/* Style-Holder */
.g360_bgcover {-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;}
.g360_flexh {display:-webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.g360_flexh:nth-child(1n+1) {display:-webkit-flex;display:-ms-flexbox;display: flex;} /* every Child */
.g360_flexall {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}

.g360_flexb {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.g360_flexb:nth-child(1n+1) {display:-webkit-flex !important;display:-ms-flexbox !important;display: flex !important;}
.g360_flexb.g360_flrow {-webkit-flex-direction:row;flex-direction:row;}
.g360_flexb.g360_flrow_rev {-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.g360_flexb.g360_flcolumn {-webkit-flex-direction:column;flex-direction:column;}
.g360_flexb.g360_flcolumn_rev {-webkit-flex-direction:column-reverse;flex-direction:column-reverse;}

.g360_50vh {height:50vh !important;}
.g360_75vh {height:75vh !important;}
.g360_100vh {height:100vh !important;}

/* WIDTHs */
.g360_wfull {width:100%;}
.g360_whalf {width:50%;}
.g360_wthird {width:31.333%;margin:0 1% !important;}
.g360_wfourth {width:25%;}
.g360_wfifth {width:19%;}
.g360_w2third {width:66.666%;}
.g360_w3fourth {width:75%;}
.g360_w3fifth {width:60%;}
.g360_w4fifth {width:80%;}

.g360_txtcentered {text-align:center !important;}
.g360_holder {float:left;width:100% !important;height:auto;padding:0 !important;margin:0 !important;}

.g360_transall {
	-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;
}


#blocklayer {position:fixed;height:100vh;width:100vw;top:0;bottom:0;z-index:9999;background-color:rgba(255,255,255,.8);}
#spinner {width:50px;height:50px;background-image:url(../img/spinner.svg);}

/* lightbox */
.lightboxlayer {position:fixed;height:100vh;width:100vw;top:0;bottom:0;z-index:9999;background-color:rgba(0,0,0,.8);}
.lightboxwrapper {position:relative;top:0;bottom:50px;width:100%;height:auto;max-width:90vw;max-height:90vh;min-height:90vh;background-color:white;overflow:hidden;}
.lightboxcontent {position:absolute;width:100%;height:100%;overflow:auto;top:0;}
#lightboxclose {cursor:pointer;position:absolute;top:10px;right:10px;width:50px;height:50px;line-height:50px;text-align:center;color:white;background-color:green;border:1px solid white;border-radius:100%;z-index:999;}
.scroller {width:100%;height:auto;}
.actionbar {position:absolute;bottom:0;left:0;width:100%;height:50px;}
.actionbutton {cursor:pointer;float:left;width:auto;line-height:30px;padding:0 1em;border:1px solid rgba(0,0,0,.2);border-radius:5px;margin:5px;}
.actionbutton.safe {position:absolute;right:10px;top:10px;}
.actionbutton.cancel {position:absolute;left:10px;top:10px;}
.actionbutton.formsafe {position:relative;float:right;right:10px;top:10px;}
.actionbutton.formcancel {position:relative;float:right;right:10px;top:10px;}

/* ARTICLE TEXT */
p {line-height:1.5em;margin:.5em 0;}
p.small,p.info {font-size:.7em;}
a {text-decoration:underline;}
a:hover {text-decoration:underline;}
a:focus,*:focus {outline:0;}
strong,b {font-weight:bold;}
em,i {font-style:italic;}
blockquote {display:block;font-size:1.5em;margin:1em 0 1em 0;line-height:1.6em;color:gray;padding-left:1em;}
hr {float:left;width:100%;margin:1em 0;color:#808080;}
.meta,.small,.tiny {font-size:.7em;font-style:italic;color:gray;margin-top:20px;}

.note {float:left;width:100%;font-size:.7em;font-style:italic;color:gray;margin-top:20px;}

.hero_overlay {position:relative;display:block;width:auto;max-width:1000px;text-align:center;padding:0 20px;z-index:2;}
.bigline {float:left;width:100%;font-size:4em;font-weight:bold;text-shadow:1px 1px 1px rgba(0,0,0,.5);}
.txtline {float:left;width:100%;font-size:1em;font-weight:normal;margin-top:20px;text-shadow:1px 1px 1px rgba(0,0,0,.4);}

#blocklayer {position:fixed;height:100vh;width:100vw;top:0;bottom:0;z-index:9999;background-color:rgba(255,255,255,.8);}

/* LINK BUTTON */
.g360_button {display:inline-block;padding:1em 2em;margin:10px .5%;text-decoration:none;border-radius:5px;background:#999;color:#fff;border-bottom:5px solid rgba(0,0,0,.3);}
.g360_button:hover {text-decoration:none;opacity:.8;}

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

.buttonnote {clear:both;float:left;width:100%;text-align:center;color:gray;font-style:italic;margin-top:10px;}

/* Headlines */
h1 {font-size:2.5em;margin:0;}
h2 {font-size:2em;margin:.5em 0;}
h3 {font-size:1.5em;margin:.8em 0;}
h4 {font-size:1.2em;margin:1em 0;}
h5,h6 {font-size:1em;}

/* Lists in section.textelement */
.textelement ul,.textelement ol {float:left;width:98%;margin:.5em 0 .5em 2%;}
.textelement li {margin:.5em 0;}

/* Structure */
.g360_wrapper {position:relative;width:90%;max-width:1000px;margin:0 auto;}
.lte9 .g360_wrapper {max-width:900px;min-width:900px;}

/* Header / Footer */
header#g360_pagehead {position:fixed;top:0;left:0;float:left;width:100%;height:80px;z-index:10;}

footer {position:relative;float:left;width:100%;height:auto;padding:20px 0;font-size:.8em;}
footer#g360_pagefoot {position:relative;float:left;width:100%;height:auto;padding:20px 0;text-align:center;font-size:.7em;text-transform:uppercase;}



.sticky header#g360_pagehead {height:50px;}

footer#subnavi {position:relative;float:left;width:100%;height:auto;padding:20px 0;font-size:.8em;background-color:lightgray;color:gray;}

/* Default-Page: Userbar visible */

header#g360_pagehead {
	position:fixed;
	top:0;
	left:0;
	float:left;
	width:100%;
	background-color:rgba(0,0,0,1);
	height:80px;
	z-index:10;
}

/* Logo */
/* Logo, home page */

figure#g360_pagelogo {
	position:absolute;float:left;padding:0;margin:0;left:0;top:10px;height:60px;width:auto;
	-moz-transition: height .3s;
	-webkit-transition: height .3s;
	-o-transition: height .3s;
	-ms-transition: height .3s;
	transition: height .3s;
}


/* Logo, default pages */
figure#g360_pagelogo {position:absolute;float:left;padding:0;margin:0;left:0;top:10px;height:60px;width:auto;}
.sticky figure#g360_pagelogo {height:30px;}
figure#g360_pagelogo img {float:left;width:auto;height:100%;}
figure#g360_pagelogo svg {float:left;width:auto;height:100%;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}


/* Image */
#g360_image {position:relative;top:0;left:0;float:left;width:100%;height:auto;z-index:9;}


#g360_page {position:relative;top:0;left:0;float:left;width:100%;height:auto;
-moz-transition: left .3s;-webkit-transition: left .3s;-o-transition: left .3s;-ms-transition: left .3s;transition: left .3s;}

#navopen_layer {position:fixed;top:0;bottom:0;width:100%;background-color:rgba(0,0,0,0);z-index:10;
-moz-transition: background .3s;-webkit-transition: background .3s;-o-transition: background .3s;-ms-transition: background .3s;transition: background .3s;}
.navopen #navopen_layer {background-color:rgba(0,0,0,.8);}



#articlehero {position:fixed;top:80px;float:left;width:100%;height:50vh;background-repeat: no-repeat;background-position: center center;background-size: cover;}

.fullheight_hero #articlehero {height:100vh;top:0;}

/* Contents */
#g360_contents {position:relative;float:left;width:100%;margin-top:calc(50vh + 80px);padding:0;z-index:1;}
.fullheight_hero #g360_contents {margin-top:100vh;}

.g360_mobiledevice #articlehero {position:relative;} /* not on mobile */
.g360_mobiledevice #g360_contents.hashero {margin-top:0;}


/* Section */
.g360_section {float:left;height:auto;margin:0;padding:50px 0;}
.g360_section.npad {float:left;height:auto;margin:0;padding:20px 0;}
.g360_section.hero {position:relative;top:0;float:left;height:100vh;margin:0;padding:0;}
.g360_section:last-child {border-bottom:0;}


.g360_section.image {position:relative;top:0;left:-10%;float:left;width:120%;height:auto;min-height:200px;margin:0;padding:0;border-radius:5px;overflow:hidden;background-size:cover;background-position:center center;}
.section_message {float:left;width:100%;max-width:80%;text-align:center;}
.section_message * {display:block;}
.message_big {font-size:1.6em;font-weight:bold;text-shadow:1px 1px 0 rgba(0,0,0,.3);margin-bottom:10px;}
.message_normal {font-size:1.2em;font-weight:bold;text-shadow:1px 1px 0 rgba(0,0,0,.3);}

.heroslider {position:absolute !important;top:0;left:0;float:left;height:100vh;width:100%;margin:0;padding:0;z-index:1;}
.heroslider ul.slides {width:100%;height:100%;}
.heroslider ul.slides li {width:100%;height:100%;}

/* Article */
article#g360_main_article {float:left;width:100%;height:auto;display:block;}

header#g360_main_article_header {float:left;width:100%;height:auto;display:block;margin-bottom:10px;}
.g360_post_content {float:left;width:100%;height:auto;display:block;}
.g360_post_content.withsidebar {width:70%;}
footer#g360_main_article_footer {float:left;width:100%;height:auto;display:block;}



/* SIDEBAR / sticky */
aside#sidebar {position:relative;top:0;width:35%;}
aside.leftside {float:left;}
aside.rightside {float:right;}
.widget {float:left;width:100%;border:1px solid #eee;padding:20px;border-radius: 5px;background-color: white;box-shadow:1px 1px 2px rgba(0,0,0,.2);}
.widget header {float:left;width:100%;font-size:1.3em;margin:10px 0;text-transform:uppercase;color:#333;font-weight:bold;}
.widget.sticky {position:fixed}
/* with or without sidebar */
.contentwrap {position:relative;float:left;top:0;width:100%;margin:0;padding:0 20px;}
.contentwrap.wsidebar_left {float:right;width:65%;}
.contentwrap.wsidebar_right {float:left;width:65%;}



/* Registration / Summary */

#registrationset {float:left;width:100%;margin:0;padding:0;display:none;}

.regset {float:left;width:100%;margin:0;padding:0;display:none;}
.regset.active {display:block;}


#regprogress {float:left;width:100%;margin:0 0 20px 0;padding:0;border-radius: 5px;border:1px solid #eee;overflow:hidden;}
.regstep {float:left;width:50%;text-align:center;padding:1em 0;font-size:1em;font-weight:bold;cursor:pointer;} 
.regstep.active {background-color:#444;color:white;}
.regstep.forbidden {color:lightgray;cursor:not-allowed;} 

.sidebarset {float:left;width:100%;margin:0;padding:0;}
.sidebarset_content {position:relative;float:left;top:0;width:65%;}
.sidebarset_sidebar {position:relative;float:right;top:0;width:33%;margin-left:2%;}

ul.reg_summary {float:left;width:100%;list-style-type:none;margin:20px 0;}
ul.reg_summary li {float:left;width:100%;margin:10px 0;}
.sumlabel {float:left;width:50%;text-align:left;font-size:.8em;color:gray;}
.sumvalue {float:left;width:50%;text-align:right;font-size:1.5em;}
.regmembership {font-weight:bold;color:#D60B52;font-size:2em;}

.usersummary {float:left;width:100%;margin-top:10px;color:gray;font-size:.8em;}
.usersummary header {float:left;width:100%;margin-bottom:10px;font-size:1.2em;}

.formerror {float:left;width:100%;margin:10px 0;padding:20px;border:3px solid red;display:none;color:gray;border-radius:5px;}
.formerror header {float:left;width:100%;margin:0 0 10px 0;font-size:1.2em;font-weight:bold;color:red;}




/* Filter */

#filterset {float:left;width:100%;margin:0;padding:0;}


#filterbar {position:relative;float:left;top:0;width:28%;margin-right:2%;}

#filter {float:left;width:100%;height:auto;min-height:300px;padding:20px;border-radius:5px;border:1px solid #eee;box-shadow: 1px 1px 2px rgba(0,0,0,.2);}
#filter header {float:left;width:100%;font-size:1.3em;margin:10px 0;text-transform:uppercase;color:#333;font-weight:bold;}
#filter select {border:1px solid rgba(0,0,0,.2);padding:10px;width:100%;}
.filterbreak {float:left;width:100%;margin:20px 0 10px 0;font-size:.9em;color:gray;}

#filter.sticky {position:fixed;width:25%;top:0;left:0;}


/* Checkbox */
.cbrow {float:left;width:100%;height:auto;margin:5px 0;}
#filter input[type='checkbox'] {float:left;width:auto;clear:both;margin-top:2px;}
#filter label.checkbox {float:left;width:auto;height:auto;margin:2px 0 0 5px;font-size:0.7em;text-transform:uppercase;}



/* Studio Detail */
.studio_adress {float:left;width:100%;font-size:.9em;}
.studio_adress .studio_name {font-size:1.2em;font-weight:bold;}

ul.studio_offer {position:relative;float:left;width:100%;list-style-type:none;margin:20px 0;font-size:.9em;}
ul.studio_offer li {position:relative;float:left;width:auto;overflow:hidden;padding:5px;margin:5px;border:1px solid #eee;color:#444;border-radius:3px;box-shadow:1px 1px 0 rgba(0,0,0,.1);}
ul.studio_offer li i{color:#D60B52;}

ul.studio_businesshours {position:relative;float:left;width:100%;list-style-type:none;margin:0;}
ul.studio_businesshours li {position:relative;float:left;width:100%;padding:10px 0;border-bottom:1px solid #eee;}
.timeday {float:left;width:auto;min-width:25%;font-weight:bold;}

/* Article */
article#output {position:relative;float:right;top:0;width:65%;}


/* InText Pictures */
figure.intext.fleft {float:left;padding:0;margin:0 1em 1em 0}
figure.intext.fright {float:right;padding:0;margin:0 0 1em 1em}
figure.intext.fcenter {float:left;padding:0;margin:0 0 1em 0;width:100%;}
figcaption {position:absolute;bottom:0;width:100%;color:#333;background:rgba(255,255,255,.6);padding:1em;font-size:.7em;text-transform:uppercase;}

/* Columns */
.g360_cols {width:100%;margin:0;height:auto;display:block;float:left;}
.g360_col {height:auto;float:left;margin:0;padding:0;background-size:cover;background-position:center center;}

.txtbox {width:auto;max-width:70%;height:auto;max-height:70%;text-align:center;}

/* ############################################################################# */
/* ### PLUGINS ################################################################# */
/* ############################################################################# */


#bigmap {color:black;}
#bigmap a {color:#D60B52 !important;font-weight:bold;}



/* rates */
ul.rates {position:relative;float:left;width:102%;list-style-type:none;left:-1%;}
ul.rates li {position:relative;float:left;width:31.333%;overflow:hidden;padding:0;margin:1%;border:1px solid #eee;border-radius:5px;text-align:center;}
ul.rates li a {float:left;display:block;width:100%;height:auto;text-decoration:none;}
ul.rates li .cardcontent header {width:100%;display:block;font-size:5em;font-weight:normal;margin:.5em 0;}
ul.rates li .cardcontent {float:left;width:100%;padding:10px;margin:0;}
.rate_s {color:#D60B52;}
.rate_l {color:#D60B52;}
.rate_xl {color:#D60B52;}
.rateinfo {float:left;width:100%;padding:0;margin:10px 0;font-size:1.3em;font-weight:bold;color:black;}
.rateexerpt {float:left;width:100%;padding:0;margin:10px 0;font-size:1em;font-weight:normal;color:gray;font-style:italic;}
.rateprice {float:left;width:100%;padding:0;margin:10px 0 0 0;font-size:1.3em;font-weight:normal;color:black;}
.rateterm {float:left;width:100%;padding:0;margin:10px 0;font-size:.8em;font-weight:normal;color:gray;}

ul.rates li.selected {border:3px solid #D60B52;}

/* procedure */
ul.procedure {position:relative;float:left;width:100%;list-style-type:none;}
ul.procedure li {position:relative;float:left;width:31.333%;overflow:hidden;padding:0;margin:1%;text-align:center;}
figure.prodimg {float:left;width:60%;height:auto;margin:0 20% 10px 20%;background-size:cover;background-position:center center;border-radius:100%;border:1px solid rgba(0,0,0,.2);}
figure.prodimg img {dfloat:left;width:100%;}
.prodtxt {float:left;width:100%;padding:0;margin:10px 0;font-size:1em;font-weight:normal;color:gray;font-style:italic;}
.prodhdl {float:left;width:100%;padding:0;margin:10px 0;font-size:1.5em;font-weight:bold;color:black;}



/* gallery */
ul.g360_gallery {float:left;display:block;width:100%;list-style-type:none;}
ul.g360_gallery li {position:relative;float:left;display:block;overflow:hidden;margin:.5%;border-radius:5px;}
ul.g360_gallery[data-elprow="4"] li {width:24%;}
ul.g360_gallery[data-elprow="5"] li {width:19%;}
ul.g360_gallery li a {float:left;display:block;width:100%;height:100%;}
ul.g360_gallery li figure.g360_gallery_thumb {display:block;width:100%;float:left;background-position:center center;background-size:cover;}
ul.g360_gallery li figure.g360_gallery_thumb img {display:block;width:100%;}

/* searchresult */
ul.searchresult li {position:relative;float:left;overflow:hidden;padding:5px;width:50%;cursor: pointer;}
.showgymdetails {cursor: pointer;}
ul.searchresult li .inner {position:relative;float:left;width:100%;border:1px solid #eee;padding:5px;border-radius:5px;cursor: pointer;}
ul.searchresult li a {float:left;display:block;width:100%;height:auto;text-decoration:none;}
ul.searchresult li figure.gymheader {position:relative;float:left;width:100%;height:150px;background-size:cover;background-position:center center;}
ul.searchresult li figure.gymlogo {position:absolute;bottom:-50px;right:25px;float:left;width:100px;height:100px;background-size:cover;background-position:center center;border:1px solid white;border-radius:100%;}
ul.searchresult li .g360_teaser_content {float:left;width:100% !important;padding:20px 60px 20px 10px;margin:0 !important;}
ul.searchresult li .g360_teaser_content header {width:100%;display:block;font-size:1.3em;font-weight:bold;}
ul.searchresult li .g360_teaser_content header * {margin:0;}
ul.searchresult li .location {float:left;width:100%;margin-top:10px;display:block;font-size:.8em;}
ul.searchresult li:hover figure.g360_teaser_thumb {opacity:.8;}
ul.searchresult li .standard {position:absolute;top:10px;right:10px;width:30px;height:30px;font-size:15px;text-align:center;line-height:30px;border-radius:100%;border:1px solid white;}

.st_s {background-color:#a76a1c;color:white;}
.st_l {background-color:silver;color:white;}
.st_xl {background-color:gold;color:black;}


.gym_detail .gymheader {position:relative;float:left;width:100%;height:300px;background-size:cover;background-position:center center;}
.gym_detail .gymheader figure.gymlogo {position:absolute;bottom:-75px;right:25px;float:left;width:150px;height:150px;background-size:cover;background-position:center center;border:1px solid white;border-radius:100%;}
.gym_detail .gym_detailcontent {position:relative;float:left;width:100%;height:auto;margin-top:75px;padding:10px 30px;}
.gym_detail #detail_gymname {position:relative;float:left;width:100%;height:auto;margin-bottom:20px;font-size:2em;font-weight:bold;}

/* ############################################################################# */
/* ### Navigationen ############################################################ */
/* ############################################################################# */


/* Basic Desktop View */
/* 1st lvl */
#desktop_navi {position:absolute;right:0;width:auto;height:auto;}
#desktop_navi ul {width:auto;height:auto;list-style-type:none;}
#desktop_navi ul > ul {height:auto;}
#desktop_navi ul li {position:relative;float:left;width:auto;margin:0 1.5em 0 0;line-height:80px;font-size:1em;font-weight:normal;
-moz-transition: line-height .3s;-webkit-transition: line-height .3s;-o-transition: line-height .3s;-ms-transition: line-height .3s;transition: line-height .3s;
}
.sticky #desktop_navi ul li {line-height:50px;} 
#desktop_navi ul li a {width:100%;text-decoration:none;color:white;}
.sticky #desktop_navi ul li a {color:white;}

/* 2nd lvl */
#desktop_navi ul ul {float:left;position:absolute;left:0;top:100%;width:auto;height:auto;min-width:150%;display:none;}
#desktop_navi ul ul li {display:block;float:left;width:100%;line-height:2em;}
/* 3rd lvl */
#desktop_navi ul ul ul {position:absolute;left:100%;height:auto;top:0;width:auto;min-width:0;display:none;}
#desktop_navi ul ul li:hover ul {display:block;height:auto;}
/* on hover */
#desktop_navi ul li:hover > ul {display:block;height:auto;}

#mobile_navi {position:fixed;left:-300px;top:0;height:auto;width:300px;z-index:11;-moz-transition: left .3s;-webkit-transition: left .3s;-o-transition: left .3s;-ms-transition: left .3s;transition: left .3s;}
.navopen #mobile_navi {left:0;}


#mobile_navi ul {width:100%;height:auto;list-style-type:none;}
#mobile_navi ul > ul {height:auto;}
#mobile_navi ul li {position:relative;float:left;width:100%;margin:0;line-height:1.2em;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(0,0,0,.5);}
#mobile_navi ul li a {float:left;width:100%;text-decoration:none;padding:1em;}
/* 2nd lvl */
#mobile_navi ul ul {float:left;position:absolute;left:0;top:100%;width:auto;height:auto;min-width:150%;display:none;}
#mobile_navi ul ul li {display:block;float:left;width:100%;line-height:2em;}
/* 3rd lvl */
#mobile_navi ul ul ul {position:absolute;left:100%;height:auto;top:0;width:auto;min-width:0;display:none;}
#mobile_navi ul ul li:hover ul {display:block;height:auto;}
/* on hover */
#mobile_navi ul li:hover > ul {display:block;height:auto;}

#hello {position:absolute;left:0;width:auto;height:auto;color:white;font-size:.7em;line-height:30px;text-transform:uppercase;}


a.navlogin {}
a.navregister {border:1px solid white;background-color:white;color:#D60B52 !important;border-radius:3px;padding:3px 1em;}

#usermenu {position:absolute;right:0;width:auto;height:auto;}
#usermenu ul {float:left;width:auto;list-style-type:none;}
#usermenu ul li {float:left;width:auto;line-height:30px;padding:0 1em;color:white;font-size:.7em;text-transform:uppercase;}


/* Trigger - wird via js generiert */
#offcanvas_trigger {position:absolute;right:-50px;cursor:pointer;font-size:1em;text-align:center;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);width:50px;height:50px;
-moz-transition: left .3s;-webkit-transition: left .3s;-o-transition: left .3s;-ms-transition: left .3s;transition: left .3s;}


#home #offcanvas_trigger {top:0;}
#default #offcanvas_trigger {top:0;}
#studios #offcanvas_trigger {top:0;}

.triggerbars {position:absolute;width:30px;height:20px;top:50%;left:50%;margin:-10px 0 0 -15px;}
.triggerbar {position:absolute;width:30px;height:2px;background:white;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.triggerbar.tb1 {top:0;left:0;margin-top:0;}
.triggerbar.tb2 {top:50%;left:0;margin-top:-1px;}
.triggerbar.tb3 {bottom:0;left:0;margin-top:0;}
.navopen .triggerbar.tb1 {top:50%;left:0;margin-top:-1px;-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.navopen .triggerbar.tb2 {-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.navopen .triggerbar.tb3 {top:50%;left:0;margin-top:-1px;opacity:0;}


/* Breadcrumbs */
#breadcrumbs {float: left;width: 100%;padding:15px 0;margin: 0 0 10 0;border-bottom: 1px solid rgba(0,0,0,.1);font-size: 0.8em;}
.bcintro {float: left;width: auto;font-weight: bold;margin-right: 10px;color: #888;}
#g360_page_breadcrumbs {float: left;width: auto;list-style-type: none;padding: 0;margin: 0;}
#g360_page_breadcrumbs li {float:left;width: auto;padding: 0;margin: 0;}
#g360_page_breadcrumbs li:first-child{}
#g360_page_breadcrumbs li:last-child{color:#999;}
#g360_page_breadcrumbs li a,#breadcrumb li a:hover,#breadcrumb li a:visited {text-decoration: none;margin: 0;padding: 0 .5em 0 0;color: #888;}
#g360_page_breadcrumbs li a:after {content:" »";}

/* Footnavigation */
#g360_page_foot_navigation ul {float:left;width:100%;list-style-type:none;font-size:0.9em;}
#g360_page_foot_navigation ul li {float:left;width:25%;text-align:left;}
#g360_page_foot_navigation ul li a {float:left;padding:5px 0;text-decoration:none;color:#fff;font-weight:700;}
#g360_page_foot_navigation ul ul {width:100%;font-size:0.9em;}
#g360_page_foot_navigation ul ul li {width:100%;margin:0;}
#g360_page_foot_navigation ul ul li a {font-weight:400;}
#g360_page_foot_navigation ul ul ul {width:98%;font-size:0.9em;margin-left:2%;}
#g360_page_foot_navigation ul ul li {width:100%;}
#g360_page_foot_navigation ul ul li a {}
#g360_page_foot_navigation ul a:hover {text-decoration:underline;}

/* Navigation Currents & Co */
li.current-menu-item,li.rex-current,li.current,
li.active-menu-item,li.rex-active,li.active {text-decoration:underline;}

/* ############################################################################# */
/* ### TABLES ################################################################# */
/* ############################################################################ */

table {float:left;width:100%;text-align:left;margin:2em 0;}
table tr {float:none;width:100%;text-align:left;}
table td,table th {float:none;width:auto;text-align:left;padding:.5em;vertical-align: middle;font-size:.8em;}
table tr:nth-child(2n+2) {background:#f5f5f5;}
table th {float:none;width:auto;background:#000;color:#fff;font-size:.8em;}
table a {text-decoration:none;}

/* ############################################################################# */
/* ### FORMS ################################################################## */
/* ############################################################################ */

/* g360 */
.g360_form .formrow {float:left;width:100%;margin:0.5em 0;}
.g360_form input,
.g360_form select,
.g360_form textarea {border:1px solid #eee;padding:15px;width:100%;}
.g360_form input:focus,
.g360_form select:focus,
.g360_form textarea:focus {border:1px solid gray;background-color:rgba(0,0,0,0);}
.g360_form label {float:left;width:100%;padding:.5em 0;font-size:.8em;font-weight:bold;}
.g360_form label.checkbox {float:left;width:auto !important;padding:2px 0;margin:0 .5em !important;font-size:.8em;}
.g360_form label.radio {float:left;width:auto !important;padding:2px 0;margin:0 .5em !important;font-size:.8em;}
.g360_form {float:left;width:100%;margin:0;}
.g360_form fieldset {position:relative;float:left;width:100%;height:auto;margin:0 0 10px 0;padding:40px;border:1px solid #eee;border-radius:5px;}
.g360_form legend {float:none;padding:.5em 1em;}
.ie .g360_form legend {position:absolute;top:-1em;z-index:99;}
.lte8 .g360_form legend {position:relative;margin-left:-1.5em;}

.doubleinput {float:left;width:100%;margin:0.5em 0;}
.g360_form .doubleinput .formrow {float:left;width:49%;margin:0 0;}
.g360_form .doubleinput .formrow:first-child {margin:0 1% 0 0;}
.g360_form .doubleinput .formrow:last-child {margin:0 0 0 1%;}

/* Input */
.g360_form input {float:left;}
.g360_form input:focus{outline:0;}
.g360_form input[disabled] {background:#fff;color:#999}
.ie6 .g360_form input {width:auto;vertical-align: text-bottom; }
/* Textarea */
.g360_form textarea {float:left;height:auto;}
.g360_form textarea:focus {outline:0;}
/* Checkbox */
.g360_form input[type=checkbox] {float:left;width:auto;clear:both;margin-top:2px;}
.ie7 .g360_form input[type="checkbox"] {width:95%;vertical-align:baseline;}
.g360_form label.checkbox {float:left;width:auto;height:auto;margin:0;font-size:1em;}
/* Radio */
.g360_form input[type="radio"] {float:left;width:auto;clear:both;margin-top:2px;}
.g360_form label.radio {float:left;width:auto;height:auto;}
/* Select */
.g360_form select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image:url(img/down.png);background-position:right center;background-repeat:no-repeat;}
.g360_form select {float:left;width:auto;height:auto;padding:10px 50px 10px 10px;border-radius:0;}
.g360_form select:focus {outline:0;}
/* SendButton */
.g360_form input[type="submit"] {float:right;text-decoration:none;width:auto;font-size:1em;padding:1em 2em;font-weight:bold;}
.g360_form input[type="submit"]:hover {opacity:.8;}
/* Placeholder */
.g360_form ::-webkit-input-placeholder {color: gray;}
.g360_form :-moz-placeholder {color: gray;  }
.g360_form ::-moz-placeholder {color: gray;  }
.g360_form :-ms-input-placeholder {color: gray;}
.g360_form input:focus::-webkit-input-placeholder {color:#eee;}
.g360_form input:focus:-moz-placeholder {color:#eee;}
.g360_form input:focus::-moz-placeholder {color:#eee;}
.g360_form input:focus:-ms-input-placeholder {color:#eee;}

.buttonholder {float:left;width:100%;margin:20px 0;}
.submitbutton {display:inline-block;width:100%;max-width:500px;text-align:center;line-height:3em;font-size:1.5em;cursor:pointer;font-weight:bold;border-radius:5px;text-shadow:1px 1px 0 rgba(0,0,0,.3);}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #f5f5f5 inset;
}


.errorhere input,
.errorhere select {border-color:red;}

.errorhere .checkbox {color:red;}

.okayhere input,
.okayhere select {border-color:green;}

/* pagesearch */
#searchtrigger {float: left;width: 80px;height: 80px;line-height: 80px;left: 60px;text-align: center;color: #333;cursor: pointer;}
#pagesearch {position: relative;float: left;width: 100%;height: 50px;z-index: 0;margin-top: -50px;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
#pagesearch.open {margin-top: 0;}
.g360_mobiledevice #searchtrigger {position:absolute;width:80px;height:80px;line-height:80px;left:50px;}

#search {float:left;width:100%;max-width:400px;margin:10px 0;padding:0 10px;}
#search input {float:left;width:80%;padding:0 .5em;line-height:30px;font-size:.8em;background:rgba(255,255,255,.5);}
#search input:focus {outline:0;background:rgba(255,255,255,1);}
#search input[type=submit] {float:left;width:20%;line-height:30px;font-size:.8em;}
#search input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 





#studio_timetable {float:left;width:100%;}
#studio_timetable ul {float:left;width:12.5%;list-style-type:none;}
#studio_timetable ul li {float:left;position:relative;width:100%;height:auto;min-height:120px;border-bottom:2px solid #fff;border-right:2px solid #fff;font-size:.8em;margin-bottom:5px;}

#studio_timetable ul:first-child li {font-weight:bold;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
#studio_timetable ul li:first-child {font-weight:bold;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}

.course{position:absolute;float:left;width:100%;padding:3px;background-color:#D60B52;color:white;border-top:1px solid white;border-bottom:1px solid white;border-right:2px solid white;border-left:2px solid white;border-radius:5px;
display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;
}

.course_info {float:left;width:100%;text-align:center;}
.course_name {font-weight:bold;}
.course_time {font-size:.8em;}

li[data-num="1"] .course {height:100%;top:0;}

li[data-num="2"] .course {height:50%;}
li[data-num="2"] .course:nth-child(2) {top:50%;}

li[data-num="3"] .course {height:33.333%;}
li[data-num="3"] .course .course_name {font-size:.9em}
li[data-num="3"] .course .course_time {font-size:.7em}
li[data-num="3"] .course:nth-child(2) {top:33.333%;}
li[data-num="3"] .course:nth-child(3) {top:66.666%;}

li[data-num="4"] .course {height:25%;}
li[data-num="4"] .course .course_time {display:none;}
li[data-num="4"] .course:nth-child(2) {top:25%;}
li[data-num="4"] .course:nth-child(3) {top:50%;}
li[data-num="4"] .course:nth-child(4) {top:75%;}

/* ################################################################################# */
/* ### STYLES ############################################################### */
/* ################################################################################# */

/* Selection */
::selection {background:#C12737; color:#fff;}
::-moz-selection {background:#C12737; color:#fff;}

/* Fancy */
.shadowed {-moz-box-shadow:3px 3px 0 rgba(0,0,0,.1);-webkit-box-shadow:3px 3px 0 rgba(0,0,0,.1);-o-box-shadow:3px 3px 0 rgba(0,0,0,.1);-ms-box-shadow:3px 3px 0 rgba(0,0,0,.1);box-shadow:3px 3px 0 rgba(0,0,0,.1);}
.rounded {-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}

/* Custom colors*/
/* Page Hintergrund */
.cbcpagebg {background-color:white;}
/* generelle Schmuckfarbe */
.cbcstyle {background-color:#D60B52 !important;color:#fff;}
.cbcstyle a {color:#fff !important;}
.g360_button.cbcstyle {color:#fff !important;}
/* Header */
.cbcheader {background-color:rgba(0,0,0,.0);color:#000 !important;}
.cbcheader a {color:#000 !important;}
/* Footer */
.cbcfooter {background-color:#111;color:white;}
.cbcfooter a {color:white;}
/* Tabs */
.cbctab {background-color:#C12737 !important;color:#fff !important;}
.cbctab a {color:#fff !important;}
.cbctab.active {background-color:#ddd !important;color:#888 !important;}
/* Menue Offcanvas */
.cbcoffcanvas {background-color:#222 !important;color:#fff !important;}
.cbcoffcanvas a {color:#fff;}
/* Menue Dropdown */
.cbcdropdown {background-color:#222 !important;color:#fff !important;}
.cbcdropdown a {color:#fff;}
/* Menue Offcanvas Trigger*/
.cbcmenuetrigger {background-color:#D60B52 !important;color:#fff !important;}
/* Searchtrigger Trigger*/
.cbcsearchtrigger {background-color:#eee !important;color:#333 !important;}
/* Basic Colors */
.cbclight {background-color:#f9f9f9 !important;color:#333;}
.cbclight a {color:#333 !important;}
.g360_button.cbclight {color:#333 !important;}

.cbcgrey {background-color:#666 !important;color:#fff;}
.cbcgrey {background-color:#fff !important;}
.g360_button.cbcgrey {color:#666 !important;}

.cbcdark {background-color:#222 !important;color:#fff;}
.cbcdark  a {color:#fff !important;}
.g360_button.cbcdark {color:#fff !important;}

.cbcblack {background-color:#111 !important;color:#fff;}
.cbcblack a {color:#fff !important;}
.g360_button.cbcblack {color:#fff !important;}

.cbcwhite {background-color:#fff !important;}
.cbcwhite a {color:#333 !important;}
.g360_button.cbcwhite {color:#333 !important;}


/* ################################################################################# */
/* ### Media queries ############################################################### */
/* ################################################################################# */

/* Normal Screen */
@media screen and (max-width: 1400px) {
ul.g360_flexbox_teaser li {float:left;display:block;width:32.333%;}
}

/* iPad, Landscape 1024x768 */
@media screen and (max-width: 1100px) {	
	.g360_section.image {left:0;width:100%;}
}

/* iPad, Portrait 768x1024 */
@media screen and (max-width: 800px) {
	
.g360_desktoponly {display:none;}
.g360_mobilonly {display:block;}

header#g360_pagehead {float:left;height:50px;background-color:#000000;}
.sticky header#g360_pagehead {background-color:#000000;;}
figure#g360_pagelogo {height:30px;left:inherit;right:0;}
path {fill: black;}
	
#home header#g360_pagehead {height:50px;background-color:rgba(214,11,82,.95);}
#home figure#g360_pagelogo {height:30px;left:inherit;right:0;}
	
#default figure#g360_pagelogo {height:30px;left:inherit;right:0;}
#studios figure#g360_pagelogo {height:30px;left:inherit;right:0;}

.bigline {font-size:3em;}
.txtline {font-size:1em;margin-top:20px;}

#default #g360_contents.hashero {margin-top:30vh;}
#studios #g360_contents.hashero {margin-top:30vh;}
#articlehero {height:30vh;}

	
ul.rates li {width:48%;}

.g360_wfull {width:100% !important;}
.g360_whalf {width:50% !important;}
.g360_wtwothird {width:100% !important;}
.g360_wthird {width:49% !important;}
.g360_wfourth {width:50% !important;}
.g360_wthreefourth {width:100% !important;}

/* InText Pictures */
figure.threequarter {width:100% !important;}
figure.twothird {width:66.666% !important;}
figure.half {width:50% !important;}
figure.third {width:50% !important;}
figure.quarter {width:50% !important;}

/* Studio-Finder */
/* Sidebar */
aside#sidebar {position:relative;float:left;top:0;width:100%;margin-bottom:20px;}
	.contentwrap {width:100% !important;}
	
#filter.sticky {position:relative;width:100%;top:0;left:0;}
	
	
.sidebarset_content {width:100%;}
.sidebarset_sidebar {width:100%;margin:10px 0;}


}

/* iPhone, Landscape 480x320 */
@media screen and (max-width: 500px) {
	
.g360_widget {padding:10px;}
	
.bigline {font-size:2em;}
.txtline {font-size:1em;margin-top:10px;}

#default #g360_contents.hashero {margin-top:20vh;}
#studios #g360_contents.hashero {margin-top:20vh;}
#articlehero {height:20vh;}
	
ul.rates li {width:100%;margin:1% 0;}
	
.g360_wfull {width:100% !important;}
.g360_whalf {width:100% !important;}
.g360_wtwothird {width:100% !important;}
.g360_wthird {width:100% !important;}
.g360_wfourth {width:100% !important;}
.g360_wthreefourth {width:100% !important;}

/* InText Pictures */
figure.threequarter {width:100% !important;}
figure.twothird {width:100% !important;}
figure.half {width:100% !important;}
figure.third {width:100% !important;}
figure.quarter {width:100% !important;}

.regstep {padding:.5em;font-size:.8em;} 
/* Formular */
.form-group label {float:left;width:100%;}

.g360_form fieldset {padding:10px;}


}

/* iPhone, Portrait 320x480 */
@media screen and (max-width: 350px) {


}