/** SOME FONTS **/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300italic,300,700,800);
/*@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);*/
@import url(gg_font/css/gg_icons.css);
body {
  color: #585858;
  background-color: #eaeaea;
  font: 1em/1.4 'Open Sans', Arial, sans-serif;
}
a:hover,
a:focus {
  outline: none;
  text-decoration: none;
  border: none;
}

h1 {
  color: #585858;
  font-size: 1.85em;
  font-weight: 300;
  margin-bottom: 1.25em;
}
h1 strong { font-weight: 700; }
.stage h1 {
  text-transform: uppercase;
  color: #FFF;
  font-weight: 300;
  line-height: 1.15;
  margin-bottom: .75em;
}
.studios h1,
.search h1 {
  font-size: 1.85em;
  font-weight: 400;
}
.studios h1 { margin-bottom: 0;}
h2 {
  font-size: 1.9em;
  font-weight: 300;
  text-transform: none;
  margin-bottom: .75em;
  color: #FFF;
}
h3, .sekHeadline, 
.dashboard h1 {
  text-transform: uppercase;
  font-size: 1.9em;
  font-weight: 300;
  margin-bottom: .75em;
}
h3, .sekHeadline { text-transform: none; }
.studios .sekHeadline { text-transform: uppercase; }
ol.steps {
  padding: 0;
  padding-left: 30px;
  margin: 0;
  counter-reset: li-counter;
}
ol.steps > li {
  list-style:none;
  position: relative;
  max-width: 82%;
}
ol.steps li:before {
  content: counter(li-counter);
  counter-increment: li-counter;
  font-size: 1.5em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: italic;
  color: #02a4bc;
  position: absolute; 
  top: 0;
  left: -1em;
}
ol.steps li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
h4 {
  font-size: 1.35em;
  font-weight: 300;
  margin: 1em 0 .75em;   
}
.box_content h4 {
  margin-bottom: .25em;
}
.subheader {
  font-size: 1.25em;
  margin-top: -1.25em;
  font-weight: 300;
}
.field-headline {
  font-weight: 700;
  text-transform: uppercase;
  margin: 1em 0;
}
.form-container > .field-headline:first-child {
  margin-top: 0;
}
h2.blue, .sekHeadline,
.search h1, .studios h1, h1.blue, 
.dashboard h1 strong, .register h1 em,
a, .login a, blockquote p,
a.button:hover, .register h3, .field-headline { 
  color: #1789a9;
}
.form-checkbox {
    padding: 0.5em 0;
}
.bodytext a { padding-bottom: .15em;}
.bodytext a:hover {
  border-bottom: 1px solid #1789A9;
}
.missing-ul a:before {
  color: #02a4bc;
}
body, h3, h2.grey,
.tabs blockquote p, .dashboard h1, 
.missing-ul a { color: #585858; }

.cont-darkblue, .cont-lightblue,
.cont-darkblue blockquote p, 
.cont-lightblue blockquote p, 
.ggd_hurde .sekHeadline, 
.cont-darkblue .sekHeadline,
.navfoot a {
  color: #FFF;
}
p { 
  font-size: .9em; 
  line-height: 1.6;
}

p.label-tip {
  line-height: 1.4;
  font-style: italic;
  display: block;
  margin-top: .5em;
}
.columns-teaser-left > div {
  vertical-align: bottom;
}
.columns-teaser-left > div:first-child p {
  color: #FFF;
  font-size: 2.5em;
  line-height: 1;
  padding: 10em 1em 2em;
  padding: calc(100% + 1em) 1em 2em;
  margin-bottom: 0;
}

.columns-teaser-left .backgroundimage4ce {
  background-size: cover !important;
  background-position: top center;
}
.tabs .tab-nav li {
  display: block;
}

/** REGISTER FORM #################################### **/

.register h1 {
  font-size: 1.9em;
  color: #585858;
}
.register h1 em {
  font-style: normal;
}
.register p.bodytext {
  font-style: italic;
  font-weight: 300;
  font-size: 1em;
}    
.tx-felogin-pi1 {
  padding: 2em 0;
}
label {
  font-weight: 300;
  color: #1789a9;
}
.dashboard label { color: #585858; }
.form-fields input,
.form-fullfield.pseudo {
  padding: .85em;
}
.form-fields .form-field > * {
  vertical-align: middle;
}
.form-field > * {
  padding-bottom: 0;
}
.form-field > button,
.form-field > input[type=submit],
.form-field > input[type=button] {
  padding-bottom: .75em;
}
.form-field > .styled-checkbox {
  padding-bottom:3px;
}
.form-fullname span {
  float: left;
  width: 49.75%;
}
.form-fullname span input,
.form-fullname span select { width: 100%; }
.form-fullname span + span { float:right; }
.form-field span { position: relative; }
.form-field span:after,
.form-container:after { 
  position: absolute; 
  font-weight: normal !important;
  top: .65em;
  right: .65em;
  font-size: 20px;
  font-family: 'gg_icons';
}
.spacing span:after {
  top: 1.45em;
}

.form-field span.textarea:after {
  bottom: auto;
  top: .65em;
}
.form-field span.required:after,
.form-container.required:after { 
  color: #CDCACC;
  content:'\e805';
}
.form-field span.required input {
  padding-right: 2.5em;
}
.form-field span.success:after,
.form-container.success:after { 
  color: #82C02E;
  content:'\e807';
}

.form-container.success:after {
  opacity: 0.5;
}
.form-container.required:after,
.form-container.success:after {
  font-size: 120px;
  top: auto; 
  right: -25px;
  bottom: -45px;
}
.form-container .field-headline + .field-headline {
  margin-top: 1.5em;
}
.form-field .error input {
  border: 1px solid #e80c21;
  color: #e80c21;
  font-weight: normal;
}
.form-field .success input {
  border: 1px solid #82C02E;
  color: #82C02E;
  font-weight: normal;
}
.form-field .error.required:after { color: #e80c21; }
.form-fields > .form-field.spacing > * { padding-top: 1em; }
.form-field .required.success:after {
  content:'\e807';
  color: #82C02E;
}
.form-field span.required-focus input {
  padding-right: .85em;
}
.form-field span.required-focus:after {
  display: none;
  }
.dashboard .form-field .error input,
.dashboard .form-field .success input {
  border: 1px solid #cdcacc;
  color: #888;
}
.form-field .error strong {
  font-weight: 400;
  font-style: italic;
  color: #e80c21;
  display: block;
  margin-bottom: 0.65em;
}
.form-field .message strong {
  font-weight: 400;
  font-style: italic;
  color: #82C02E;
  display: block;
  margin-bottom: 0.65em;
}
.dashboard .form-field .error.required:after { color: #e80c21; }

.form-fields .form-field > label.top {
  vertical-align: top;
  padding-top: 15px;
}
.form-fields.in-cols > .form-field {
  width: 50%;
  float:left;
}
.styled-checkbox label:before {
  height: 22px;
  width: 22px;
}

.fullcontainer {
  padding: 0 15px;
}
.map .fullcontainer {
  padding: 0;
}
.map img {
    max-width: none;
}

/** HEADER #################################### **/
.logo {
  padding: 5px 15px;
}
.logo img { max-width: 100%; }
.register .logo,
.dashboard .logo,
.studios .logo { width: 250px; }

.head > div { display: block; }
.head > div > .logo { 
  float:left; 
  width: 122px;
}
.dashboard .head > div > .logo,
.studios .head > div > .logo,
.register .head > div > .logo {
  width: 200px;
}

.login { 
  float:right; 
  width: calc(100% - 130px);
  padding: 5px;
  text-align: right; 
  color:#FFF; 
}
.login a {
  display: block;
  margin-left: 1.25em; 
  font-weight: bold;
  color: #FFF;
}
/*
.login a:last-child:after {
  display: inline-block;
  content:'\e802';
  font-family: 'gg_icons';
  margin-left: .25em;
}
*/
.login a.preview-back:after {
  display:none !important;
  content:'' !important;
}
.login a.preview-back:before {
  display: inline-block;
  content:'\e801';
  font-family: 'gg_icons';
  margin-right: .25em;
}

.footer a:hover,
.footer a:focus,
.login a:hover,
.login a:focus {
  color: #FFF;
}
.dashboard .login a + a {
  font-weight: 400;
}
.register .login { display: none;}
.stage {
  background-color: #003;
}
/* Scroll icon
.home .stage .backgroundimage4ce:after,
.stage .backgroundimage4ce:after {
  content: 'SCROLL';
  display: block;
  height: 50px;
  background: url(../images/ico_scroll.gif) no-repeat center top;
  position: relative;
  bottom: 2em;
  left: 50%; 
  left: calc(50% - 35px);
  z-index: 999;
  width: 70px;
  font-size: .85em;
  color: #FFF;
  padding: 3em 12px 0;
  opacity: .5;
}
*/
.dashboard .stage .backgroundimage4ce:after,
.register .stage .backgroundimage4ce:after,
.studios .stage .backgroundimage4ce:after,
.subpage .stage .backgroundimage4ce:after {
  content: '';
  background: none;
}
.stage .backgroundimage4ce {
  padding: 175px 0 2em;
  /*min-height: 800px;*/
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center top !important; 
}
.stagebg-right .stage .backgroundimage4ce {
  background-position: right top !important; 
}
.dashboard .stage .backgroundimage4ce,
.studios .stage .backgroundimage4ce,
.register .stage .backgroundimage4ce {
  background-attachment: fixed !important;
  background-size: cover !important;
}
.meta .stage .backgroundimage4ce {
  padding-top: 0;
  min-height: 270px;
  background-size: cover !important;
  background-position: top center !important;
}

.home .stage .backgroundimage4ce {
  min-height: 800px;
  min-height: 100vh;
  margin: 0;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-attachment: fixed !important; 
}
  .home .stage .backgroundimage4ce > div > div {
    padding: 15px;
  }
.home .stage .columns-1-1 > div + div .container {
  text-align: right;
}
.home .stage .columns-1-1 > div + div .container p {
  max-width: none;
}
.dashboard .stage .backgroundimage4ce,
.studios .stage .backgroundimage4ce,
.register .stage .backgroundimage4ce {
  min-height: 0;
  height: 184px;
  padding:0;
  background-attachment: scroll !important;
}
.studios .stage .csc-textpic-imagewrap img {
  border: 5px solid #fff;
  position: absolute;
  top: 2em;
  z-index: 3;
  background:#FFF;
}

.stage p {
  font-size: 1.25em;
  color: #d6d6d6;
  max-width: 35rem;
  font-weight: 300;
}
.studios .stage p {
  font-size: 1.25em;
  color: #585858;
}
.stage a { color: #d6d6d6; }
.stage a:hover { color: #fff; border: none; }
.stage .columns-1-1-1 > div + div + div {
  text-align: right;
}
.stage form.mailing input[type=email]{
  width: 35%;
}
.arrow-ul {
  margin:2em 0 0;
  padding:0;
}
.stage .arrow-ul {
  margin:0;
  overflow: auto;
}
.opening {
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 400;
  margin-bottom: .75em;
  padding-right: 10px;
}
.square-ul {
  margin: 0;
  padding: 0;
}
.arrow-ul li {
  list-style:none;
  font-style: italic;
  color: #585858;
  position: relative;
  padding-left: 20px;
  margin-bottom: .5em;
}
.arrow-ul li:before {
  position: absolute;
  top: 3px;
  left: 0;
  content: ' ';
  width: 16px;
  height: 20px;
  background: url(../images/bg_arrowli.png) no-repeat 0 0;
}
.stage .arrow-ul li {
  color: #FFF;
  font-size: 1.25em;
}
.square-ul {
  margin: 1.25em 0 1.25em .85em;
  padding:0;
}
.studio-info .square-ul {
  padding-left: 10px;
  margin: 0;
}
.square-ul li {
  text-transform: uppercase;
  color: #1789a9;
  list-style: none;
  position: relative;
  font-size: 1em;
  padding-left: 15px;
  font-weight: 400;
  margin-right: 1%;
}
.square-ul.grey-li li {
  color: #585858;
}
.square-ul.in-content li {
  font-size: .9em;
  line-height: 1.6;
}
.kursplan.square-ul { 
  margin-top: 2.25em; 
}
.square-ul.block li {
  display: block;
  text-transform: none;
  color: #585858;
  margin-bottom: 0;
  padding-bottom: 0;
}
.studio-info .square-ul li {
  font-style: italic;
  color: #585858;
  text-transform: none;
}
.square-ul li:before {
  position: absolute;
  left: -2px;
  top: 8px;
  content: '';
  height: 8px;
  width: 8px;
  background: #1789A9;
}
.square-ul p {
  text-transform: none;
  color: #585858;
  font-size: .8em;
}
.square-ul li.inactive,
.square-ul li.inactive p {
  color: #d6d6d6;
}
.square-ul li.inactive:before {
  background: #d6d6d6;
}
.centered .square-ul li {
  margin-bottom: .65em;
}
.service-icon-list {
  font-size: 1.15em;
  font-weight: 300;
  list-style: none;
  margin: 2em 0;
  padding: 0;
  padding-left: 10px;
  width: 100%;
  max-width: none !important;
}
.service-icon-list li {
  float: left;
  width: 33%;
  position: relative;
  padding-left: 50px;
  margin-bottom: 14px;
}
.studios .stage .service-icon-list {
  float: right;
  margin-top: .75em;
}
.studios .stage .service-icon-list li {
  width: 32px;
  padding-left: 34px;
  height: 32px;
  margin-bottom: 2px;
}
.studios .stage .service-icon-list li:last-child {
  padding-left: 0;
}
.service-icon-list li:before {
  position: absolute;
  left: -10px;
  height: 32px;
  width: 32px;
  background-color: #02a4bc;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 85%;
  content: ' ';
  top: -8px;
}
.studios .stage .service-icon-list li:before {
  left: 0;
}
.service-icon-list li.inactive { color: #B4B4B4; }
.service-icon-list li.inactive:before { background-color: #EAEAEA; }
.service-icon-list li.geraetetraining:before { background-image: url(../images/ico_geratetraining.png); }
.service-icon-list li.ausdauertraining:before { background-image:  url(../images/ico_cardio.png); }
.service-icon-list li.freihanteltraining:before { background-image: url(../images/ico_freihantel.png); }
.service-icon-list li.kurse:before { background-image: url(../images/ico_kurse.png); }
.service-icon-list li.wellness:before { background-image: url(../images/ico_wellness.png); }
.service-icon-list li.lady-fitness:before { background-image: url(../images/ico_ladyfit.png); }
.service-icon-list li.frei-parken:before { background-image: url(../images/ico_parking.png); }
.service-icon-list li.kinderbetreuung:before { background-image: url(../images/ico_kinder.png); }
.service-icon-list li.freie-getraenke:before { background-image: url(../images/ico_drinks.png); }
.service-icon-list li.ems:before { background-image: url(../images/ico_ems.png); }
.service-icon-list li.personal-check:before { background-image: url(../images/ico_personal_check.png); }

.missing-ul, .status-ul  {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 2em 0;
}
.box_content .missing-ul {
  margin: 1em 0 2em;
}
.missing-ul li {
  padding: .5em 0;
}
.missing-ul a:before {
  content: '\e802';
  font-family: 'gg_icons';
  margin-right: .5em;
}
.status-ul {
  margin: 0.3em 0 0.3em 1em;
  padding: 1em 0 1px 1.75em;
  border-left: 1px solid #CDCACC;
}
.status-ul li {
  position: relative;
  text-transform: uppercase;
  margin-bottom: 1.5em;
}
.status-ul a, 
.status-ul b {
  display: block;
  font-size: .9em;
  text-transform: none;
  font-weight: normal;
}
.status-ul li:before {
  font-family: 'gg_icons';
  position: absolute;
  left: -1.36em;
  top: -.1em;
  font-size: 30px;  
  background: #FFF;
  line-height: 1em;
}
.status-ul li.required:before { content:'\e805'; color: #CDCACC; }
.status-ul li.progress:before { content:'\e805'; color: #e8740c; }
.status-ul li.waiting:before { content:'\e808'; color: #585858; }
.status-ul li.success:before { content:'\e807'; color: #82C02E; }
.tbl_opening { width: 100%; margin-top: 1.5em; }
.tbl_opening tr td:first-child {
  width: 30%;
}

/**  #################################### **/
.dashboard .stage .columns-1-1 { padding-top: 2em; }
.dashboard .stage .columns-1-1 > div + div { text-align: right; }
.main blockquote p {
  font-weight: 300;
  font-size: 1.15em;
  font-style: italic;
  line-height: 1.45;
  margin-bottom: .8em;
}
.footer {
  color: #f1f1f1;
  font-size: .8em;
  padding: 1em 0 3em;
}
.copyright {
  margin-bottom: 1em;
}
.navfoot {
  text-align: right;
}
.footer a { 
  color: #B7DBE4; 
}
.navfoot ul li {
  display: inline;
  list-style: none;
}
.navfoot ul li,
.navfoot ul li * {
  -ms-word-break: normal;
  word-break: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  white-space: nowrap;
    //float: left;
}
.navfoot a { margin: 0 .75em; }
.navfoot .partnerstudio a {margin: 0; }
div.dashboard { margin-bottom: 10px; }

.cont-white > div,
.box_head, .box_main { 
  background-color: #FFF; 
  padding: 15px;
  margin-bottom: 10px;
}
.cont-lightblue > div { background-color: #02a4bc; }
.cont-darkblue > div, .footer { background-color: #1789a9; }
.cta-section p {
  color: #FFF;
  font-size: 1.675em;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 0;
}
.form-container.current {
  border-left: 3px solid #1789a9;
}
.csc-textpic-text {
  padding-bottom: 1px; /* to enable p margin! */
}
.centered .csc-textpic-text {
  text-align: center;
}
.centered p,
.centered img {
  margin: 0 auto;
}
.centered .square-ul,
.centered .subheader {
  text-align: left;
}
.centered + .centered { margin: 2em 0 0 }

.box_content {
  padding-left: 5em;
  position: relative;
}
.ggd_hurde .box_content {
  margin-top: -1.25em;
  padding-left: 0;
}
.ggd_hurde:before {
  position: absolute;
  top: 63px;
  left: -5px;
  height: 25px;
  width: 25px;
  background: #02a4bc;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  content: '';
}
.box_content.warning:before {
  content:'\e805';
  color: #e8740c;
  font-family: 'gg_icons';
  font-size: 4em;
  position: absolute;
  top: -.15em;
  left: 0;
}
.box_content.success:before {
  content: '\e807';
  font-family: 'gg_icons';
  font-size: 4em;
  color: #82C02E;
  position: absolute;
  top: -.15em;
  left: 0;
}
.box_content.waiting:before {
  content: '\e808';
  font-family: 'gg_icons';
  font-size: 4em;
  color: #585858;
  position: absolute;
  top: -.15em;
  left: 0;
}
.register .columns-teaser-left > div:first-child {
  background-image: url(../images/bildwelt/illu_leftteaser_laufband.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;  
}
/** DASHBOARD #################################### **/
.dash_nav {
  padding-right: 10px;
}
.dash_nav ul {
  list-style: none;
  margin-top: 10px;
  padding-left: 0em;
}
.dash_nav > ul a {
  background: #FFF;
  text-transform: uppercase;
  padding: 1.25em 1em;
  display: block;
  font-size: .9em;
  margin-bottom: 1px;
  color: #585858;
} 
.dash_nav a:hover {
  color: #FFF;
  background: #7EBACC;
}
.dash_nav li.activ > a {
  color: #FFF;
  background: #02a4bc;
}
/*
.dash_nav > ul a:before {
  font-family: 'gg_icons';
  font-size: 1.25em;
  margin-right: .5em;
}
.dash_nav > ul li.dashboard > a:before { content: '\e80b'; }
.dash_nav > ul li.stammdaten > a:before { content: '\e80a'; }
.dash_nav > ul li.benutzer > a:before { content: '\e809'; }
.dash_nav > ul li.studios > a:before { content: '\e80c'; }
.dash_nav > ul li.trainings > a:before { content: '\e80c'; }
.dash_nav > ul li.gutschriften > a:before { content: '\e80c'; }
*/
.dash_nav > ul li > a > span {
  background: url("menu-icons.png") no-repeat scroll 0px 0px transparent;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: .5em;
}
.dash_nav > ul li.dashboard > a > span { background-position: 0 0; }
.dash_nav > ul li.stammdaten > a > span { background-position: -20px 0; }
.dash_nav > ul li.benutzer > a > span { background-position: -40px 0; }
.dash_nav > ul li.studios > a > span { background-position: -60px 0; }
.dash_nav > ul li.trainings > a > span { background-position: -80px 0; }
.dash_nav > ul li.gutschriften > a > span { background-position: -100px 0; }
.dash_nav > ul li.dashboard.activ > a > span,
.dash_nav > ul li.dashboard:hover > a > span,
.dash_nav > ul li.dashboard > a:hover > span { background-position: 0 -20px; }
.dash_nav > ul li.stammdaten.activ > a > span,
.dash_nav > ul li.stammdaten:hover > a > span,
.dash_nav > ul li.stammdaten > a:hover > span { background-position: -20px -20px; }
.dash_nav > ul li.benutzer.activ > a > span,
.dash_nav > ul li.benutzer:hover > a > span,
.dash_nav > ul li.benutzer > a:hover > span { background-position: -40px -20px; }
.dash_nav > ul li.studios.activ > a > span,
.dash_nav > ul li.studios:hover > a > span,
.dash_nav > ul li.studios > a:hover > span { background-position: -60px -20px; }
.dash_nav > ul li.trainings.activ > a > span,
.dash_nav > ul li.trainings:hover > a > span,
.dash_nav > ul li.trainings > a:hover > span { background-position: -80px -20px; }
.dash_nav > ul li.gutschriften.activ > a > span,
.dash_nav > ul li.gutschriften:hover > a > span,
.dash_nav > ul li.gutschriften > a:hover > span { background-position: -100px -20px; }

/** STUDIODETAIL ######################################## **/
.studios figure {
  margin:0;
}
.textpic-transformer {
  position: relative;
}
.transformer.service-teaser figcaption,
.transformer.service-teaser .transformer-prev, 
.transformer.service-teaser .transformer-next {
  position: absolute;
  top: auto;
  bottom: 5px;
  color: #FFF;
  background: rgba(2, 164, 188, 0.85);
  font-size: .9em;
  height: 2.6em;
  padding: .5em;
  line-height: 1.4em;
}
.transformer.service-teaser figcaption {
  left: 0;
  right: 5.4em;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
}
.transformer.service-teaser .transformer-prev, 
.transformer.service-teaser .transformer-next {
  right: 0;
  left: auto;
  width: 2.6em;
  font-family: 'gg_icons';
  text-align: center;
}
.transformer.service-teaser .transformer-prev:hover, 
.transformer.service-teaser .transformer-next:hover {
  background: rgba(23, 137, 169, .85)
}
.transformer.service-teaser .transformer-prev {
  right: 2.7em;
}
.transformer.service-teaser .transformer-prev:after {
  content: '\e801';
} 
.transformer.service-teaser .transformer-next:after {
  content: '\e802';
}


/** TX_GYM ############################################# **/
.tx_gym { width: 100%; }

.tx_gym tr td,
.tx_gym tr th {
  padding: 1em 0.5em;
}
.tx_gym tr td:first-child,
.tx_gym tr th:first-child {
  padding-left: 1em;
}
.tx_gym th { padding-bottom: 1.5em; }
.tx_gym tr {
  border-bottom: 1px solid #eaeaea;
  vertical-align: middle;
}
.tx_gym tr:nth-child(even) { background-color: #fafafa; }
.tx_gym tr:hover { background-color: #dfeef2; }
.tx_gym tr:first-child:hover { background: none; }
.tx_gym .fa { 
  margin-right: 1em; 
  display: inline-block; 
  color: #888;
  font-family: 'Open Sans',sans-serif;
}
.tx_gym .fa:before { 
  font-size: 1.25em; 
  color: #1789a9;
  font-family: 'gg_icons', sans-serif;
}
.fa-copy:before {
  content: '---';
  background: url('ico-copy.png') 0 0 no-repeat;
  color:transparent !important;
}
.fa-pencil:before {
  content: '\e80d'
}
.fa-trash:before {
  content: '\e80e';
}
.tx_gym tr th.id-col {
  width: 2%;
}
.tx_gym tr th.status-col {
  width: 20%;
}
.tx_gym tr th.icon-col {
  width: 0.1%;
}
.tx_gym .icon-col img {
  max-width: 32px;
}
/** BUTTONS & LINKS #################################### **/
.booking-teaser {
  background-color: #1789A9;
  color: #FFF;
  font-size:2em;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}
.booking-teaser .booking-teaser-content {
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 2em 0px 0px;
  line-height: 1.2;
}
.booking-teaser figure {
  width: 100%;
  opacity: .15;
  max-height: 6em;
  overflow-y: hidden;
}
.booking-teaser figure img {
  width: 100%;
}
a.button, 
button, 
input[type=button], input[type=submit].button {
  display: inline-block;
  background: #02a4bc;
  color: #FFF;
  text-transform: uppercase;
  font-size: 1em;
  padding: .75em 2.25em;
  text-decoration: none;
  font-weight: 300;
  border: 1px solid #02a4bc;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-style: normal !important;
  text-align: center;
}
input[type=button] {
  padding: .9em 2.25em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
button.newsletter {
  font-size: 1.175em;
  font-family: 'gg_icons';
  padding:.65em 1.5em;
  margin-left: .075em;
}
a.button.inactive,
button.inactive,
a.button.inactive:hover,
a.button.inactive:focus,
button.inactive:hover,
button.inactive:focus {
  background: #eaeaea;
  color: #B4B4B4;
  border: 1px solid #eaeaea;
  cursor: initial;
}
.stage a.button { color:#FFF; font-size: .95em;}
.stage a.button:hover { color:#1789a9; border-color: #FFF; border: 1px solid #FFF;}
.stage a.button > span.play-icon {
    background:url(../images/play.png) 0 0 no-repeat;
    display:inline-block;
    width:28px;
    height:28px;
    margin-left:30px;
}
.stage a.button:hover > span.play-icon { background-position:0 -28px;}
button.big,
a.button.big {
  font-size: 1.15em;
  padding: 1em 4.25em;
  text-transform: none;
  font-style: italic;
}
button:hover, button:focus,
a.button:hover, input[type=button]:hover, 
input[type=submit].button:hover {
  background: #FFF;
  color: #02a4bc;
}
a.button.outline {
  border: 1px solid #FFF;
  background: none;
  color: #FFF;
}
a.button.outline:hover {
  border: 1px solid #FFF;
  background: #FFF;
  color: #02a4bc;
}
.cont-white a.button.outline {
  border: 1px solid #1789A9;
  color: #1789A9;
}
.cont-white a.button.outline:hover {
  background: #1789A9;
  color: #fff;
}
.stage a.button { margin-top: 1.35em; }
.cta-section a.button.outline {
  color: #FFF;
  font-size: .7075em;
  padding: 1em 4em;
}
.cta-section a.button.outline:hover {
  color: #1789A9;
  border: 1px solid #FFF;
}
.cont-darkblue a.button:hover {
  background: #FFF;
  color: #1789a9;
}
.form-field button {
  /*width: 300px;*/
  margin: .85em .85em .65em;
  display: block;
  float: right;
}
.box_btn a.button,
.box_btn button {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: .5em;
}
button.action-removeitem {
  border-radius: 0;
  background: #EAEAEA;
  border: 1px solid #EAEAEA;
  margin-left:0;
  color: #585858;
}
button.action-removeitem:hover { 
  background: #585858;
  color: #eaeaea;
}
a.back {
  font-weight: 300;
  font-size: .9em;
  color: #585858;
  text-transform: uppercase;
  font-style: normal;
  display: inline-block;
}
a.back:before {
  content:'\e801';
  margin-right: .5em;
  font-family: 'gg_icons';
}
.register .main { position: relative; }
.register .main a.back {
  position: absolute;
  top: 2.5em;
  left: 32%;
  left: calc(30% + 7.5em);
}
/** MAP ################################################## **/
    #mbg {
        height:300px;
        width:100%;
    }
    .gm-style-iw * {
        display: block;
        width: 100%;
    }
    .gm-style-iw h4, .gm-style-iw p {
        margin: 0;
        padding: 0;
    }
    .gm-style-iw a {
        color: #4272db;
    }
    
    
/** Studio vorschau ################################## **/
.preview-layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: RGBA(80, 135, 168, 0.965);
  color: #FFF;
  font-style: italic;
  font-weight: 400;
  font-size: 1.35em;
  z-index: 9999;
}
.preview-layer span {
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}
.preview-layer a {
  color: #FFF;
  padding-right: .5em;
}
.preview-layer a:after {
  content:'\e802\e801';
  font-family: 'gg_icons';
  letter-spacing: -13px;
}
.preview-layer .container {
  padding: 2em 2em 3.5em;
}
.preview-layer .container > div { float: left; width: 70%;}
.preview-layer .container > div + div { float: right; width: 30%; text-align: right;}

@media (max-width: 1280px) {
  .register h1 { font-size: 1.65em; }
  .columns-teaser-left > div:first-child p { font-size: 1.5em; }
  .stage .backgroundimage4ce { background-attachment: scroll !important; }
}

@media (max-width: 1024px) {
  .home .stage .backgroundimage4ce { 
    background-size: auto 100% !important; 
    background-size: auto 100vw !important; 
  }
  .cta-section .backgroundimage4ce { 
    background-position: top center !important; 
  }
  .head { padding: auto 2%; }
  .studios .stage .csc-textpic-imagewrap img { left: 8px; }
  .form-fields > .form-field.spacing > span { padding-top: 0em; }
  .form-fields > .form-field.spacing .required:after {
    top: .55em;
  }
  .studios .stage .service-icon-list li {
    width: 30px;
    padding-left: 32px;
    float:right;
  }
  .service-icon-list li:before {
    width: 30px;
    height: 30px;
  }
  .navfoot ul li {
    text-align: left;
  }
  
}

@media (max-width: 1014px) {
  .navfoot ul li {
   // display: block;
  }	
}

	.footer .fullcontainer > div + div + div > .fblike > a > img{
		right: 25px;
		position: relative;
	}
	.navfoot {
		margin-right: 40px;
	}

@media (max-width: 1000px) {
  .studios .stage .columns-1-1-1 > div:nth-child(2){
    text-align: right;
    padding-right: .5em;
  }
  .studios .stage .service-icon-list {
    width: 100%;
    max-width: none;
  }
}
td.tr-code-upper, input.tr-code-upper {text-transform:uppercase;}
.form-fields .price-fields span {
    float:left;
    width: 82px;
}
.form-fields .price-fields .price-comma {
    width:auto;
    padding:16px 4px 0;
}
.form-fields .price-fields span:after {
 
}
.example-studio-filter,
.example-studio-imagewrap,
.example-studio-imagewrap a,
.example-studio-imagewrap img,
.example-studio-infowrap,
.example-studio-infowrap a,
.example-studio-infowrap img,
.example-studio-image,
.example-studio-signature,
.example-studio-logo,
.example-studio-name,
.example-studio-details,
.example-studio-info,
.example-studio-address,
.example-studio-contact,
.example-studio-price,
.example-studio-iconlist {
  display: block !important;
}
.example-studio-imagewrap,
.example-studio-image,
.example-studio-infowrap,
.example-studio-signature,
.example-studio-info,
.example-studio-iconlist {
  margin:0;
  width:auto;
}
.example-studio-imagewrap,
.example-studio-infowrap,
.example-studio-logo,
.example-studio-name,
.example-studio-details,
.example-studio-iconlist > div {
  float:left;
}
.example-studio-imagewrap {
 background: repeating-linear-gradient(
  45deg,
  #f1f1f1,
  #f1f1f1 10px,
  #f8f8f8 10px,
  #f8f8f8 20px
 );
}
.example-studio-image,
.example-studio-image img,
.example-studio-image div {
  width:400px;
  /*width:300px;
  height:234px;*/
}
.example-studio-image,
.example-studio-image div {
  height:234px;
}
.example-studio-image {overflow:hidden;}
.example-studio-image img {
  height:auto;
}
.example-studio-infowrap {
  padding:0 20px;
}
.example-studio-signature,
.example-studio-info,
.example-studio-iconlist {
  padding:10px 0;
}
.example-studio-logo,
.example-studio-name {
  padding-right:40px !important;
}
.example-studio-logo,
.example-studio-logo img {
  height:60px;
}
.example-studio-name > a {
  font:1.75em/1.9 "Open Sans",Arial,sans-serif;
}
.example-studio-name > a:hover {
  text-decoration:underline;
}
.example-studio-address,
.example-studio-contact,
.example-studio-price {
  font-size:.9em;
  padding:0 0 4px 0;
}
.example-studio-address {
  font-weight:bold;
}
.example-studio-iconlist > div {
  margin-right: 10px;
  margin-bottom: 10px;
  background: #1789A9;
}
.example-studio-iconlist > div.inactive {
  background: #b4b4b4;
}
.example-studio-iconlist > div,
.example-studio-iconlist img,
.example-studio-iconlist > div.example-studio-details {
  height: 40px !important;
}
.example-studio-iconlist > div.example-studio-details {
  background: transparent;
  margin-left: 40px;
}
.example-studio-iconlist > div.example-studio-details > a {
  padding: 0.5em 2.25em;
}
.example-studio-filter {margin:20px 0;}
.example-studio-filter > div > div {float:left;}
.example-studio-filter > div > div:last-child {float:right;}
.example-studio-clearfix {*zoom: 1;}
.example-studio-clearfix:before,
.example-studio-clearfix:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}
.css-half {
  display:table;
}
.css-half-left,
.css-half-right {
  margin:0;
  padding:0;
  display:table-cell;
  vertical-align:bottom;
}
.css-half-left {
  min-width:320px;
  width:64.5%;
}
.css-half-right {
  min-width:240px;
  width:34.5%;
  padding-left:20px;
  padding-bottom:20px;
}
.css-half-right > div {
  display:table;
}
.css-half-right .css-half-image {
  margin:0;
  padding:0;
  display:table-cell;
  vertical-align:bottom;  
}
.css-half-right .css-half-image:first-child {
  min-width:140px;
}
.css-half-right .css-half-image:last-child {
  padding-left:20px;
}
.css-half-right img.app-iPhone,
.css-half-right img.app-Button,
.css-half-right img.app-Button {
  display:inline-block;
}
.css-half-right img.app-iPhone {
  margin-top:-100%;
}
.css-half-right img.app-Button,
.css-half-right img.app-Button {
  width:120px;
  font-size:14px;
  line-height:14px;
}

.css-half-clearfix:before,
.css-half-clearfix:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}
@media (max-width: 1599px) {
  .css-half,
  .css-half-left,
  .css-half-right {
    display:block;
    width:auto;
  }
  .css-half-right img.app-iPhone {
    margin-top:20px;;
  }
}
table.tx_gym th.icon-col {
  text-align:right;
}
table.tx_gym th.icon-col > a {
  display:inline-block;
  margin-left:-999px;
  white-space: nowrap;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  //-0-hyphens: none;
  hyphens: none;
}
a.button.btn-sportler { color:#1789a9; background: #FFF; border:1px solid #1789a9; }
a.button.btn-sportler:hover { color:#FFF; background: #1789a9; border: 1px solid #FFF; }

.screen767{
	display:none;
}
.Notscreen767{
	display:block;
}
.navfoot .partnerstudio{
	text-align: center;
    font-size: 160%;
    font-weight: bold;
    position: relative;	
    top: -15px;
	float: left;
}


.navfoot ul {
	line-height: 28px;
}

/* <studio-beispiel> */
#studio_appbox_header {
	background: url('/fileadmin/images/studio_appbox_header.jpg');
	height:288px;
	background-repeat: no-repeat;
    background-size: cover;
}

.studio_appbox_content {
    background-color: #1789a9;
    color: #f1f1f1;
	padding: 30px 35px !important;
	vertical-align: top;
	margin-bottom: 5px;
}
	.studio_appbox_title {
		font-weight: bold;
		font-size: 1.6em;
	}
	.studio_appbox_body {
		
	}
		.studio_appbox_body_download {
			font-size: 0.85em;
		}
		.studio_appbox_list {
			list-style-image: url('/fileadmin/images/list_haken.png');
			padding-left: 27px;
		}
		
		.studio_appbox_list li {
			margin-top: 20px;
			font-size: 0.85em;
		}	
		
.studio_umkreis_box {
	text-align: center;
	background-color: #eaeaea;
	padding: 15px;
    padding-bottom: 0px;
}

.studio_umkreis_box .sekHeadline {
    line-height: 23px;
	margin-bottom: 0;
	height: 72px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 233px;
}


.studio_umkreis_box .bodytext:before {
	content: url('/fileadmin/images/logo-small.png');
	vertical-align: -50%;
    padding-right: 15px;
}

.studio_umkreis_box .bodytext {
	color: #000;
	padding-top: 10px;
}

.studio_umkreis_weitere:before {
	content: url('/fileadmin/images/logo-small3.png');
	text-align: center;
    width: 233px;
}

.studio_umkreis_weitere {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 233px;
	padding-top: 10px;
}

.studio-h1-title {
	clear: both;
    padding: 5px 15px;
    font-size: 1.2em !important;
    color: #fff !important;
}

.studio-title {
    font-size: 1.85em;
    font-weight: 400;
	color: #1789a9;
}


/* </studio-beispiel> */

/* <studio-übersicht> */
#uebersicht-map {
	width: 80%;
	float:left;
    height: 555px;
}
.uebersicht-map-filter {
	width: 20%;
	float:left;
	background-color: #fff;
}

.map-filter-title {
    background-color: #1688a8;
    color: #fff;
    padding: 7px;
    text-align: center;
    font-weight: bold;	
}

.map-infobox-details {
	left: -17px;
    position: relative;
}

.map-infobox-details > .button {
	margin: 0;
    padding: 0;
    color: #fff;
    width: 60px;
    font-size: 80%;
    float: right;
    margin-top: 5px;	
}

.map-filter-btn {
    margin: 10px;
}

.uebersicht-map-filter .example-studio-iconlist > .map-filter-text {
	background-color: transparent;
	height: 30px !important;
    line-height: 30px;
	color: #000;
}

.uebersicht-map-filter  .example-studio-iconlist img {
	height: 30px !important;
	width: 30px;
}

.uebersicht-map-filter .example-studio-iconlist > .inactive, .uebersicht-map-filter .example-studio-iconlist > .active {
	height: 30px !important;
	width: 30px;
	margin-bottom: 0;
	cursor:pointer;
}


.uebersicht-map-filter .example-studio-iconlist > .clear {
	height: 30px !important;
}

.uebersicht-topbox {
	padding: 15px;
}
.uebersicht-konzept {
	padding-top: 25px;
}

.uebersicht-app {
	padding-top: 25px;
	background-color: #eaeaea;
	color: #1789a9;
	text-align: center;
}

.uebersicht-trainieren {
	padding-top: 25px;
	background-color: #02a4bc;
    color: #fff;
}

.uebersicht-trainieren ul{
	list-style-image: url('/fileadmin/images/list_haken.png');
    padding-left: 25px;
}

.studio_uebersicht_pagination {
	padding-left: 5px;
	color: #a7aaab;
	list-style-type: none;
	float: left;
}
.studio_uebersicht_pagination li {
    float: left;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    padding: 2px 10px;
    margin: 0 2px;
    cursor: pointer;
}

.studio_uebersicht_pagination li.pagination_active {
	font-weight: bold;
}

.studio_uebersicht_pagination_first {
    line-height: 28px;
        margin: 0 0px 0 10px;
}

.studio_uebersicht_pagination_first > span {
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    padding: 2px 10px;
    margin: 0 2px;
    cursor: pointer;
    color: #a7aaab;	
}


.studio_uebersicht_pagination_last {
    line-height: 28px;
        margin: 0 0px 0 10px;
}

.studio_uebersicht_pagination_last > span {
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    padding: 2px 10px;
    margin: 0 2px;
    cursor: pointer;
    color: #a7aaab;	
}

.left_arrow:after {
    content:'\25C4';
}

.right_arrow:after {
    content:'\25BA';
}


/* </studio-übersicht> */

/* <Landingpage> */
.landingpage_text {
display: block;
margin-top: 50px;
padding-right: 30px;	
float:left;
}
.landingpage_text ul {
    padding-left: 20px;
}
/* </Landingpage> */

/* <footer> */
.footer_fitnessstudios {
}

.footer_ueber {
}

.footer_fb {
}
/* </footer> */

/* <loading-icon> */
.loading-container {
  position: relative;
  display:block;
  height:70px;
}

.loading-animation, .loading-text {
  position:relative;
  display:block;
  float:left;
  width:35px;
  height:35px;
  left:35px;
  top:35px;
}

 .loading-text {
   line-height:70px; 
   width:auto;
   top: 5px;
}

.loading-bars {
  position:absolute;
  width:35px;
  height:35px;
}
.loading-bars > div {
	position: absolute;
	width: 2px;
	height: 8px;
	background-color: #25363F;
	opacity: 0.05;
  animation: fadeit 0.8s linear infinite;
}
.loading-bars > .bar-1 {
  transform: rotate(0deg) translate(0, -12px);
  animation-delay:0.05s;
}
.loading-bars > .bar-2 {
  transform: rotate(22.5deg) translate(0, -12px);
  animation-delay:0.1s;
}
.loading-bars > .bar-3 {
  transform: rotate(45deg) translate(0, -12px);
  animation-delay:0.15s;
}
.loading-bars > .bar-4 {
  transform: rotate(67.5deg) translate(0, -12px);
  animation-delay:0.2s;
}
.loading-bars > .bar-5 {
  transform: rotate(90deg) translate(0, -12px);
  animation-delay:0.25s;
}
.loading-bars > .bar-6 {
  transform: rotate(112.5deg) translate(0, -12px);
  animation-delay:0.3s;
}
.loading-bars > .bar-7 {
  transform: rotate(135deg) translate(0, -12px);
  animation-delay:0.35s;
}
.loading-bars > .bar-8 {
  transform: rotate(157.5deg) translate(0, -12px);
  animation-delay:0.4s;
}
.loading-bars > .bar-9 {
  transform: rotate(180deg) translate(0, -12px);
  animation-delay:0.45s;
}
.loading-bars > .bar-10 {
  transform: rotate(202.5deg) translate(0, -12px);
  animation-delay:0.5s;
}
.loading-bars > .bar-11 {
  transform: rotate(225deg) translate(0, -12px);
  animation-delay:0.55s;
}
.loading-bars > .bar-12 {
  transform: rotate(247.5deg) translate(0, -12px);
  animation-delay:0.6s;
}
.loading-bars> .bar-13 {
  transform: rotate(270deg) translate(0, -12px);
  animation-delay:0.65s;
}
.loading-bars > .bar-14 {
  transform: rotate(292.5deg) translate(0, -12px);
  animation-delay:0.7s;
}
.loading-bars > .bar-15 {
  transform: rotate(315deg) translate(0, -12px);
  animation-delay:0.75s;
}
.loading-bars> .bar-16 {
  transform: rotate(337.5deg) translate(0, -12px);
  animation-delay:0.8s;
}
@keyframes fadeit{
	0%{ opacity:1; }
	100%{ opacity:0;}
}
/* </loading-icon> */

@media (max-width: 1014px) {
	.webTrailer { 
		float: none;
		clear: both;
		display: inline-block;
	}
	#studio_appbox_header {
		display:none;
	}
}
@media (max-width: 1000px) {
	.bupper { 
		left: 400px;
		top: -18%;
		max-width: 155px;
	}
	.footer .fullcontainer > div + div + div > .fblike {
		width: 29px;
		float:right;
	}
	.navfoot .partnerstudio {
		font-size: 120%;
		top: -12px;
		margin-left: 25px;
	}
	.footer .fullcontainer > div + div + div > .fblike > a > img {
		right: 0;
	}
	
	.navfoot ul{
		padding-left: 0;
	}
	
	.csc-default uebersicht-trainieren{
		width: 100%;
	}
	
	.csc-default .studio_umkreis_box{
		width: 30%;
		float: left;
		margin: 10px;
	}
	
	#uebersicht-map {
		width: 70%;
	}
	.uebersicht-map-filter {
		width: 30%;
	}
}

@media (max-width: 767px){
	#uebersicht-map {
		width: 100%;
		float:none;
		height: 555px;
	}
	.uebersicht-map-filter {
		width: 100%;
		float:none;
		background-color: #fff;
	}
	
	.bupper {
		top: -24%;
		left: 65%;
		max-width: 25%;
	}
	
	.screen767{
		display:block;
	}
	.Notscreen767{
		display:none;
	}
	#pat_carousel div.wrap2 {
		margin-top: 0%;
		margin-left: 0%;
	}
	#patWrap{
		margin: auto;
	}
	#pat_carousel label {
		font-size: 3em;
	}
	
	.btnMini img{
		max-width: 49%;
	}
	
	.navfoot {
		position: relative;	
	}
	
	.fblike{
		float:left;
	}
	
	.fb-like{
		line-height: 28px;
		float: left;
	}
	
	.service-icon-list li { 
		width: 50%;
	}	
	
	.footer_fitnessstudios {
		margin: 10px 0;
	}

	.footer_ueber {
		margin: 10px 0;
	}
	.footer_fb {
		margin: 10px 0;
	}
	/* Scroll icon
	.home .stage .backgroundimage4ce:after, 
	.stage .backgroundimage4ce:after{
		display:none;
	}
	*/
	.csc-default .studio_umkreis_box{
		width: 100%;
	}
	
	.csc-default .studio_umkreis_box .csc-header, .csc-default .studio_umkreis_box .csc-textpic-text{
		display: table;
		width: 100%;
	}	
	.uebersicht-trainieren .sekHeadline {
		text-align: center;
		display: block;
		padding: 0 5px;
	}
	
	.uebersicht-trainieren li {
		padding-right: 2px;
	}
	
	#uebersicht-map {
		width:90%;
	}
	
	.uebersicht-trainieren ul {
		padding-left: 55px;
	}
	.studios .stage .csc-textpic-imagewrap img {
		top: 6em;
	}	
}


@media (max-width: 510px){
	.service-icon-list li { 
		width: 100%;
	}
	
	.studios .stage .csc-textpic-imagewrap img {
		position: relative;
		top: 0;
	}
	
}
@media (max-width: 450px){
	
	.navfoot .partnerstudio {
		text-align: center;
		font-size: 100%;
		font-weight: bold;
		position: relative;
		top: 12px;
		height: 70px;
	}
	
	.footer .fullcontainer > div + div + div > .fblike {
		padding-top: 15px;
	}
}

@media (max-width: 1010px){
	.navfoot .partnerstudio {
		font-size: 140%;
	}	
}

@media (max-width: 1000px){
	.copyright {
		float: none;
		margin-bottom: 20px;
	}
}


@media (min-width: 978px){
	
}

@media (max-width: 938px){
	.copyright {
		float: none;
	}
	.navfoot a {
		display: inline;
	}
	.navfoot .partnerstudio {
		top: 0;
		margin-left: 0;
	}
	.navfoot .partnerstudio {
		font-size: 100%;
	}
}

@media (max-width: 767px){

	.navfoot .partnerstudio {
		top: 0;
		margin-left: 7%;
	}
	
	
	.cont-darkblue > div, .footer {
		position: relative;
	}
	
	.footer .fullcontainer > div + div + div > .fblike {
		right: 10px;
		top: 50%;
	}
}

@media (max-width: 459px){
	.navfoot ul {
		clear: both;
	}
	.footer .fullcontainer > div + div + div > .fblike {
		top: 80px;
	}
	.navfoot .partnerstudio {
		top: 8px;
	}
	.navfoot {
		width: 100%;
	}
}

@media (max-width: 450px){
	.navfoot .partnerstudio {
		top: 12px;
	}	
	
	.footer .fullcontainer > div + div + div > .fblike {
		top: 105px;
	}
}
@media (min-width: 375px){
	.footer .fullcontainer > div + div + div > .fblike {
		top: 75px;
	}
}

@media (max-width: 450px){
	.fb-like {
		margin-top: 12px;
	}	
}

@media (max-width: 540px){
	.mobile-break {
		display: block;
		clear: both;
		height: 10px;
	}	
}

@media (min-width: 768px) and (max-width: 1000px) {
	.studio-info .columns > div {
		display: table-cell;
	}
	.square-ul li {
		float: none;
		width: 100%;
	}
}
@media (min-width: 667px) and (max-width: 767px) {
	.studio-info .columns > div .csc-default .csc-textpic-imagewrap {
		height: auto;
		margin: 0 101px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	.uebersicht-konzept {
		padding-left: 2em;
	}
}