/* =============================================================================
   kursplan.css
   Bodybalance – Kursplan | Privatpraxis Niedernhall
   Adobe Muse Export – strukturiert und bereinigt
   =============================================================================

   Inhaltsverzeichnis:
    1.  Lokale Schriftarten (Open Sans)
    2.  Basisstile & Sichtbarkeit
    3.  Seitenlayout
    4.  Navigation
    5.  Kursplan-Inhalt
    6.–12. Breakpoints: Desktop bis 320px
   ============================================================================= */


/* =============================================================================
   1. LOKALE SCHRIFTARTEN
   ============================================================================= */

@font-face {
  font-family: '__Open Sans_5';
  src: url('../fonts/open-sans-v17-latin-300.eot');
  src: local('☺'), url('../fonts/open-sans-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: '__Open Sans_5';
  src: url('../fonts/open-sans-v17-latin-600.eot');
  src: local('☺'),
       url('../fonts/open-sans-v17-latin-600.woff') format('woff'),
       url('../fonts/open-sans-v17-latin-600.svg') format('svg');
  font-weight: 600;
  font-style: normal;
}


/* =============================================================================
   2–5. BASIS- & KOMPONENTENSTILE
   ============================================================================= */

.version.kursplan {
  color:#0000E5;
  background-color:#58817F;
}

.js body {
  visibility:hidden;
}

.js body.initialized {
  visibility:visible;
}

#page {
  width:100%;
  border-width:0px;
  background-image:none;
  z-index:1;
  border-color:#000000;
  background-color:transparent;
  margin-right:auto;
  margin-left:auto;
}

#u95709-25 {
  z-index:2;
  background-color:transparent;
}

#u95709-24 {
  margin-right:20px;
  margin-left:20px;
}

#u95709-6 {
  text-align:center;
}

#u95709-10 {
  text-align:center;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
}

#u95709-11 > #u95709-3:before,#u95709-11 > #u95709-4:before,#u95709-11 > #u95709-6:before,#u95709-11 > #u95709-7:before,#u95709-11 > #u95709-10:before {
  visibility:hidden;
  counter-increment:list 0;
}

#u106641 {
  margin-top:1px;
  margin-bottom:-1px;
}

#u106642 {
  z-index:15;
  border-color:transparent;
  background-color:transparent;
  border-width:0px;
}

#u106647-5 {
  margin-right:-10000px;
  z-index:16;
  background-color:transparent;
  line-height:11px;
  border-color:#D6D6D6;
  border-style:solid;
  position:relative;
  min-height:34px;
  border-width:0px 1px;
}

#u106644-5 {
  margin-right:-10000px;
  z-index:21;
  background-color:transparent;
  position:relative;
  min-height:34px;
  line-height:11px;
}

#u106647-5:hover,#u106644-5:hover {
  padding-top:0px;
  padding-bottom:0px;
  min-height:34px;
  margin:0px -10000px 0px 0px;
}

#u106647-5:hover p,#u106647-5:hover span,#u106647-5:hover a,#u106644-5:hover p,#u106644-5:hover span,#u106644-5:hover a {
  visibility:inherit;
  color:#A8A8A8;
}

#u106644-5.MuseLinkActive p,#u106644-5.MuseLinkActive span,#u106644-5.MuseLinkActive a {
  visibility:inherit;
  color:#5E707F;
}

#u106643-5 {
  margin-right:-10000px;
  z-index:26;
  background-color:transparent;
  position:relative;
  min-height:34px;
  line-height:11px;
}

#u106646-5 {
  margin-right:-10000px;
  z-index:31;
  background-color:transparent;
  line-height:11px;
  border-color:#D6D6D6;
  border-style:solid;
  position:relative;
  min-height:34px;
  border-width:0px 1px;
}

#u106644-5.MuseLinkActive,#u106643-5:hover,#u106646-5:hover {
  padding-top:0px;
  padding-bottom:0px;
  min-height:34px;
  margin:0px -10000px 0px 0px;
}

#u106643-5:hover p,#u106643-5:hover span,#u106643-5:hover a,#u106646-5:hover p,#u106646-5:hover span,#u106646-5:hover a {
  visibility:inherit;
  color:#A8A8A8;
}

#u106646-5:active p,#u106646-5:active span,#u106646-5:active a {
  visibility:inherit;
  color:#000000;
}

#u106645-5 {
  margin-right:-10000px;
  z-index:36;
  background-color:transparent;
  line-height:11px;
  border-color:#D6D6D6;
  border-style:solid;
  position:relative;
  min-height:34px;
  border-width:0px 1px;
}

#u106646-5:active,#u106645-5:hover {
  padding-top:0px;
  padding-bottom:0px;
  min-height:34px;
  margin:0px -10000px 0px 0px;
}

#u106645-5:hover p,#u106645-5:hover span,#u106645-5:hover a {
  visibility:inherit;
  color:#A8A8A8;
}

#u95709-3,#u95709-17 {
  line-height:36px;
}

#u95709-8,#u95709-14 {
  font-size:1px;
  line-height:0px;
}

#u95728 {
  margin-top:-33px;
  margin-bottom:33px;
}

#u95729 {
  filter:alpha(opacity=100);
  z-index:48;
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background:transparent url("../images/kursplan-02.svg?crc=3866460148") no-repeat center center;
  background-size:contain;
}

.nosvg #u95729 {
  background-image:url('../images/kursplan-02_poster_u106747.png?crc=142730517');
}

.html {
  background-color:#FFFFFF;
}

body {
  position:relative;
  padding-top:36px;
  padding-bottom:36px;
}



/* =============================================================================
   6. BREAKPOINT: Desktop (>= 1039px)
   ============================================================================= */

@media (min-width: 1039px), print {

#muse_css_mq {
  background-color:#FFFFFF;
}

#bp_infinity.active {
  display:block;
}

#page {
  min-height:500px;
  max-width:1160px;
}

#page_position_content {
  padding-bottom:62px;
  width:100%;
}

#u95709-25 {
  min-height:681px;
}

#u106642 {
  width:599px;
}

#u106647-5 {
  width:119px;
  left:119px;
}

#u106644-5 {
  width:120px;
}

#u106644-5:hover {
  width:120px;
}

#u106643-5 {
  width:120px;
  left:479px;
}

#u106644-5.MuseLinkActive,#u106643-5:hover {
  width:120px;
}

#u106646-5 {
  width:119px;
  left:359px;
}

#u106647-5:hover,#u106646-5:hover {
  width:119px;
}

#u106645-5 {
  width:119px;
  left:239px;
}

#u106646-5:active,#u106645-5:hover {
  width:119px;
}

#u95729 {
  width:643px;
  height:420px;
}

#u95709-18 {
  line-height:36px;
}

#u95709-25-bw {
  z-index:2;
  min-height:681px;
}

.css_verticalspacer .verticalspacer {
  height:calc(100vh - 947px);
}

}


/* =============================================================================
   7. BREAKPOINT: Tablet gross (918px – 1038px)
   ============================================================================= */

@media (min-width: 918px) and (max-width: 1038px) {

#muse_css_mq {
  background-color:#00040e;
}

#bp_1038.active {
  display:block;
}

#page {
  min-height:376px;
  padding-top:62px;
  padding-bottom:62px;
  max-width:1038px;
}

#u95709-25 {
  min-height:818px;
}

#u106642 {
  width:520px;
}

#u106647-5 {
  width:106px;
  left:104px;
}

#u106647-5:hover {
  width:106px;
}

#u106644-5 {
  width:105px;
}

#u106644-5:hover {
  width:105px;
}

#u106644-5.MuseLinkActive {
  width:105px;
}

#u106643-5 {
  width:103px;
  left:417px;
}

#u106646-5 {
  width:102px;
  left:314px;
}

#u106646-5:hover {
  width:102px;
}

#u106646-5:active {
  width:102px;
}

#u106645-5 {
  width:103px;
  left:210px;
}

#u106643-5:hover,#u106645-5:hover {
  width:103px;
}

#u95729 {
  width:707px;
  height:566px;
}

#u95709-18 {
  line-height:36px;
}

#u95709-25-bw {
  z-index:2;
  min-height:818px;
}

.css_verticalspacer .verticalspacer {
  height:calc(100vh - 1155px);
}

body {
  overflow-x:hidden;
}

}


/* =============================================================================
   8. BREAKPOINT: Tablet mittel (741px – 917px)
   ============================================================================= */

@media (min-width: 741px) and (max-width: 917px) {

#muse_css_mq {
  background-color:#000395;
}

#bp_917.active {
  display:block;
}

#page {
  min-height:413px;
  padding-top:25px;
  padding-bottom:62px;
  max-width:917px;
}

#u95709-25 {
  min-height:814px;
  position:relative;
  width:95.64%;
  margin-left:2.19%;
}

#u95709 {
  font-size:12px;
  line-height:18px;
  color:#000000;
}

#u95709-10 {
  font-size:14px;
  line-height:21px;
}

#u106642 {
  width:595px;
}

#u106647-5 {
  width:116px;
  left:120px;
}

#u106644-5 {
  width:120px;
}

#u106644-5:hover {
  width:120px;
}

#u106643-5 {
  width:120px;
  left:475px;
}

#u106644-5.MuseLinkActive,#u106643-5:hover {
  width:120px;
}

#u106646-5 {
  width:119px;
  left:355px;
}

#u106646-5:hover {
  width:119px;
}

#u106646-5:active {
  width:119px;
}

#u106645-5 {
  width:116px;
  left:237px;
}

#u106647-5:hover,#u106645-5:hover {
  width:116px;
}

#u95729 {
  width:706px;
  height:493px;
}

#u95709-18 {
  font-size:14px;
  line-height:17px;
}

#u95709-4,#u95709-6,#u95709-7,#u95709-12,#u95709-13,#u95709-19,#u95709-20,#u95709-21,#u95709-22,#u95709-23 {
  font-size:14px;
  line-height:25px;
}

.css_verticalspacer .verticalspacer {
  height:calc(100vh - 1057px);
}

body {
  overflow-x:hidden;
}

}


/* =============================================================================
   9. BREAKPOINT: Tablet klein (596px – 740px)
   ============================================================================= */

@media (min-width: 596px) and (max-width: 740px) {

#muse_css_mq {
  background-color:#0002e4;
}

#bp_740.active {
  display:block;
}

#page {
  min-height:500px;
  max-width:740px;
}

#page_position_content {
  margin-top:-36px;
  padding-bottom:62px;
  width:100%;
}

#u95709-25 {
  min-height:824px;
}

#u106642 {
  width:374px;
}

#u106647-5 {
  width:88px;
  left:60px;
}

#u106647-5:hover {
  width:88px;
}

#u106644-5 {
  width:60px;
}

#u106644-5:hover {
  width:60px;
}

#u106644-5.MuseLinkActive {
  width:60px;
}

#u106643-5 {
  width:75px;
  font-size:9px;
  left:299px;
}

#u106643-5:hover {
  width:75px;
}

#u106646-5 {
  width:74px;
  font-size:9px;
  left:223px;
}

#u106646-5:hover {
  width:74px;
}

#u106646-5:active {
  width:74px;
}

#u106645-5 {
  width:73px;
  left:149px;
}

#u106645-5:hover {
  width:73px;
}

#u106647,#u106644,#u106645 {
  font-size:9px;
}

#u95729 {
  width:694px;
  height:457px;
}

#u95709-18 {
  line-height:36px;
}

#u95709-25-bw {
  z-index:2;
  min-height:824px;
}

.css_verticalspacer .verticalspacer {
  height:calc(100vh - 949px);
}

body {
  overflow-x:hidden;
}

}


/* =============================================================================
   10. BREAKPOINT: Smartphone gross (376px – 595px)
   ============================================================================= */

@media (min-width: 376px) and (max-width: 595px) {

#muse_css_mq {
  background-color:#000253;
}

#bp_595.active {
  display:block;
}

#page {
  min-height:500px;
  max-width:595px;
}

#page_position_content {
  margin-top:-36px;
  padding-bottom:62px;
  width:100%;
}

#u95709-25 {
  min-height:636px;
}

#u95709 {
  padding-right:0px;
  padding-left:0px;
}

#u106642 {
  width:365px;
}

#u106647-5 {
  width:90px;
  left:55px;
}

#u106647-5:hover {
  width:90px;
}

#u106644-5 {
  width:55px;
}

#u106644-5:hover {
  width:55px;
}

#u106644-5.MuseLinkActive {
  width:55px;
}

#u106643-5 {
  width:73px;
  font-size:9px;
  left:292px;
}

#u106643-5:hover {
  width:73px;
}

#u106646-5 {
  width:64px;
  font-size:9px;
  left:226px;
}

#u106646-5:hover {
  width:64px;
}

#u106646-5:active {
  width:64px;
}

#u106645-5 {
  width:80px;
  left:146px;
}

#u106645-5:hover {
  width:80px;
}

#u106647,#u106644,#u106645 {
  font-size:9px;
}

#u95729 {
  width:400px;
  height:371px;
}

#u95709-18 {
  line-height:36px;
}

#u95709-25-bw {
  z-index:2;
  min-height:636px;
}

.css_verticalspacer .verticalspacer {
  height:calc(100vh - 863px);
}

body {
  overflow-x:hidden;
}

}


/* =============================================================================
   11. BREAKPOINT: Smartphone mittel (321px – 375px)
   ============================================================================= */

@media (min-width: 321px) and (max-width: 375px) {

#muse_css_mq {
  background-color:#000177;
}

#bp_375.active {
  display:block;
}

#page {
  min-height:500px;
  max-width:375px;
}

#page_position_content {
  margin-top:-44px;
  padding-bottom:62px;
  width:100%;
}

#u95709-25 {
  min-height:645px;
}

#u106642 {
  width:315px;
}

#u106647-5 {
  width:84px;
  left:116px;
}

#u106647-5:hover {
  width:84px;
}

#u106644-5 {
  width:48px;
}

#u106644-5:hover {
  width:48px;
}

#u106644-5.MuseLinkActive {
  width:48px;
}

#u106643-5 {
  width:61px;
  font-size:9px;
  left:254px;
}

#u106643-5:hover {
  width:61px;
}

#u106646-5 {
  width:52px;
  font-size:9px;
  left:201px;
}

#u106646-5:hover {
  width:52px;
}

#u106646-5:active {
  width:52px;
}

#u106645-5 {
  width:67px;
  left:48px;
}

#u106645-5:hover {
  width:67px;
}

#u106647,#u106644,#u106645 {
  font-size:9px;
}

#u95729 {
  width:371px;
  height:345px;
}

#u95709-18 {
  line-height:36px;
}

#u95709-25-bw {
  z-index:2;
  min-height:645px;
}

.css_verticalspacer .verticalspacer {
  height:calc(100vh - 829px);
}

body {
  overflow-x:hidden;
}

}


/* =============================================================================
   12. BREAKPOINT: Smartphone klein (<= 320px)
   ============================================================================= */

@media (max-width: 320px) {

/*

*/
#muse_css_mq {
  background-color:#000140;
}

#bp_320.active {
  display:block;
}

#page {
  min-height:500px;
  max-width:320px;
}

#page_position_content {
  margin-top:-36px;
  padding-bottom:62px;
  width:100%;
}

#u95709-25 {
  min-height:495px;
}

#u95709 {
  padding-right:0px;
  padding-left:0px;
}

#u106642 {
  width:324px;
}

#u106647-5 {
  width:79px;
  left:49px;
}

#u106647-5:hover {
  width:79px;
}

#u106644-5 {
  width:50px;
}

#u106644-5:hover {
  width:50px;
}

#u106644-5.MuseLinkActive {
  width:50px;
}

#u106643-5 {
  width:60px;
  left:264px;
}

#u106643-5:hover {
  width:60px;
}

#u106646-5 {
  width:59px;
  left:204px;
}

#u106646-5:hover {
  width:59px;
}

#u106646-5:active {
  width:59px;
}

#u106645-5 {
  width:74px;
  left:129px;
}

#u106645-5:hover {
  width:74px;
}

#u95729 {
  width:317px;
  height:226px;
}

#u95709-18 {
  line-height:36px;
}

#u95709-25-bw {
  z-index:2;
  min-height:495px;
}

.css_verticalspacer .verticalspacer {
  height:calc(100vh - 718px);
}

body {
  overflow-x:hidden;
  min-width:320px;
}

}