
/* === SEITE BREITER ALS 1440px (PROTOSTAR AUF FLUID SETZEN !!!)ANLEGEN UND ZENTRIEREN !!! ===*/

.container-fluid {/* border: 1px solid #ff0000; aus */
    max-width:1440px !important;  /*   Maximale Breite */
    margin:0em auto;               
    padding-right: 0px;
    padding-left: 0px;
    background: #ffffff;
}
/* HEAD-GRAFIK */
.custom img{
    width:100%!important;
	border-top: 0px solid #000000;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}
/*  ------------------------------------------------------------------------- */

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../../../images/fonts/titillium-web-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../../../images/fonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../images/fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../images/fonts/titillium-web-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../images/fonts/titillium-web-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../images/fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web Bold';
  font-style: normal;
  font-weight: 600;
  src: url('../../../images/fonts/titillium-web-v6-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('../../../images/fonts/titillium-web-v6-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('.../../../images/fonts/titillium-web-v6-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../images/fonts/titillium-web-v6-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../../images/fonts/titillium-web-v6-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../images/fonts/titillium-web-v6-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/*  -------------------------------LEISTUNGEN-GRID---------------------------------- */
#grid_hover_box {
 /*border: 5px solid #00ff00;   grün */
  width: 97%;
  height: 290px;
  margin:0 auto;
  display:table;
  text-align:center;
  margin-top:20px;
}
#grid_hover_box:after {
 clear:both;
}
#column_hover_box { 
  margin-bottom:60px;
  /* border: 2px solid #000000; schwarz */
  width: 100%;
  height: auto;
  max-width: 280px; 
  margin-right:20px;
  display:inline-block;
}
.column_hover_box {
  background: #f2fdfd; /* url(../../../images/BG_Text.png) repeat top left*/
  border: 0px dotted #6fe3b9 ;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px; 
}	
#hover_box {
 /*border: 2px solid #ff0000;   rot */
  width: 100%;
  max-width: 380px;
  overflow:hidden;
  height:1%;/
  margin:0 auto;
  float:left;  
  cursor:pointer;
}
#hover_box_wrapper {
  position:relative;
  width: 100%;
  max-width: 380px;
  height: auto;
  margin:0 auto; 
}
#hover_box_wrapper:after {
  clear:both;
}
#hover_box_wrapper img { 
  position:relative;
  width: 100%;
  margin-bottom:20px;
  display:block;
}
#column_hover_box a {
  display:block;
  font-weight:bold;
}


/*  ------------------------------TEAM-GRID----------------------------- */
#team_grid_hover_box {
   /*border: 5px solid #00ff00; grün */
  width: 97%;
  height: 290px;
  margin:0 auto;
  display:table;
  text-align:center;
  margin-top:0px;
  margin-bottom:20px;
  background: #f2fdfd; /* */
  border: 0px dotted #6fe3b9 ;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px; 
}
.team_grid_hover_box {
  background: #f2fdfd; /* url(../../../images/BG_Text.png) repeat top left*/
  border: 0px dotted #6fe3b9 ;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px; 
}	
#team_grid_hover_box:after {
 clear:both;
}
#team_column_hover_box { 
  margin-bottom:50px;
  margin-top:30px;
  /* border: 2px solid #000000; schwarz */
  width: 100%;
  height: auto;
  max-width: 400px; 
  margin-right:20px;
  display:inline-block;  
  padding-bottom:20px;
  background: #f2fdfd;/*  url(../../../images/BG_Text.png) repeat top left*/
  border: 0px dotted #6fe3b9 ;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;  
}
#team_hover_box {
 /* border: 2px solid #ff0000;  rot */
  width: 100%;
  max-width: 480px;
  overflow:hidden;
  height:1%;
  margin:0 auto;
  float:left;  
}
#team_hover_box_wrapper { 
  position:relative;
  width: 100%;
  max-width: 480px;
  height: auto;
  margin:0 auto; 
}
#team_hover_box_wrapper:after {
  clear:both;
}
#team_hover_box_wrapper img { 
   /*border: 2px solid #0000ff; blau */
  position:relative;
  width: 100%;
  margin-bottom:20px;
}
#team_column_hover_box a {
  font-weight:bold;
}

/*  ------------------------------------------------------------------------- */
/*  ------------------------------------------------------------------------- */

/* === Ganze Seite -  Content === */
.body .container {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        *padding-top: 0px;
        background:#171d25 url(../../../images/mcp_gfx/Content_BG.png) repeat-y top right;/* */
}

/* Body All BG */
body.site {
        border: 0px solid #000000; /**/
        width: 99.999999999999%;
        *width: 99%;
        padding-top: 20px;
        padding-left: 0px;
        padding-right: 0px;
        background: #252e39 url(../../../images/images/BG.jpg) repeat top left;/* */
}

/* === Content - Artikel All ===*/
.row-fluid {
        margin: 0px 0px 0px 0px;
        padding-top:0px;
        background: #ffffff url(../../../images/mcp_gfx/Content_BG_trans.png) repeat top left; /**/
}

.container-fluid {	        
        border-top: 0px solid #000000;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
}	
		
body {
      background:#f8f6f1;
      font-family: 'Titillium Web', sans-serif !important;
      color:#b5b0a2        ;
      font-size: 20px;
	  letter-spacing: 0.05em; /* === TEXT - Laufweite einstellen ===*/
      line-height:1.5em;
      text-align:justify;     /* === TEXT - Blocksatz einstellen ===*/
      text-justify: inter-ideograph;
}
.body_farbstreifen{
       background: #6fe3b9 ;
       width: 99.999999999999%;
       *width: 99%;
	   height:146px;  
       margin-top: -20px;
	   padding-top: 40px;
       /*border-bottom: 2px solid #ffffff;*/
}
/* === Überschriften/Titel im Content === */
.page-header {
        color:#6fe3b9;
        padding-bottom: 0px;
        margin: 0px 0px 0px;
        /*border: 1px solid #5f3f00; */ 
}

/* === Content - Div - Allgemein >> Abstand Head zu Content=== */
.content_all {
        /* border: 4px solid #6fe3b9; */
        margin: 0px 0px 0px;
		margin-top:-10px!important;
        padding-top:0px;
        padding-left:10px;
        padding-right:10px;
        font-family: 'Titillium Web', sans-serif !important;
        color:#787876;
        font-size: 20px;
        line-height:1.4em;
		letter-spacing: 0.05em; /* === TEXT - Laufweite einstellen ===*/
        text-align:justify;
        text-justify: inter-ideograph;
        
		/* background: url(../../../images/images/Blume_BG.png) repeat top left !important;*/
}

/*  ------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
        font-family: 'Titillium Web', sans-serif !important;
        color: #6fe3b9;
        text-align:left;
}

h3.sub{
        text-align:center;
}
h3{
        color: #6fe3b9;
		font-size: 22px;
		text-align:center !important;
}

.h3_align_left{
        color: #6fe3b9 ;
		font-size: 22px;
		line-height:1.2em;
		text-align:left !important;
}

h1 { 
        margin:auto;
        font-size: 30px;
		text-align:left !important;
		display:block;
		width:90%;
}
h4 {
        font-size: 20px;
        text-align:center !important;
}
p {
        margin-top:10px;
}
hr {
        width:90%
}
/*  ------------------------------------------------------------------------- */
.podo{
		float: left; 
		margin-right:20px;
} 
/*  TEAMPHOTO */
.site_team {
      margin: 0 auto;
      width:90%; 
	  overflow:hidden;
      height: auto;
	      border: 0px solid #e7ac03;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;	
      border-bottom:16px solid #6fe3b9;
     
      text-align: right !important;
      background-size:cover;
      -moz-background-size:100% auto;  /* */
}
/*  ------------------------------------------------------------------------- */

/*  ---- HEAD / TEXT (blau) > STARTSEITE - Center ---  */
.aktuell {
    margin-top: 40px;
	margin-bottom: 60px;
    width:100%;
    overflow:hidden;
    text-align: center !important;
}
.aktuell h2{
    font-size: 48px;
    text-align: center !important;
	margin-bottom: 35px;
	line-height:45px;
	color:#6fe3b9;
}
.aktuell p{
    text-align: center !important;
	font-size: 23px;
    color:#hellgrau;
    line-height:35px;
	font-family: 'Titillium Web bold', sans-serif !important;
}

/* --- SUBHEAD im Content > black text --- */

.content_subhead { /* --- Block --- */
    margin: auto;
    font-family: 'Titillium Web', sans-serif !important;
    width:90%;
    margin-top: 60px;
}
.content_subhead h2{ /* --- Überschrift - blau --- */
    font-size: 48px;
    text-align: center !important;
	margin-bottom: 35px;
	color:#6fe3b9;
	line-height:45px;
}
.content_subhead_txt { /* --- SUB-Überschrift - grau --- */
    font-family: 'Titillium Web bold', sans-serif !important;
    margin-top: 30px;
    margin-bottom: 25px;
    font-size: 26px;
    color:#hellgrau;
    line-height:35px;
	text-align: center !important;
}
.content_txt { /* --- SUB-Text rechts --- */
    margin-top: 20px;
	margin-bottom: 30px;
	text-align: left !important;
    text-align:justify!important;
    text-justify: inter-ideograph!important;
}
/*  ------------------------------------------------------------------------- */

/*  ---- HEAD > Center / blauer Block (hellblau) ---  */
.h2_center{
    margin:auto;   
    border: 0px solid #e7ac03;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;	
	padding-top: 5px;
	padding-bottom: 5px;
	background: #f2fdfd !important;
	margin-bottom:30px;
}
/*  ---- HEAD > Center / blauer Text (blau) ---  */
.h2_center h2{   
    margin:auto;            
    font-size: 32px;
    line-height:42px;
    text-align: center !important;
    width:90%;
}

/*  --- DIV center mit UL > BG grau ---  */
.div_center{ 
    width:70%;
    margin:auto; 
    border: 0px dotted #6fe3b9;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;	
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:30px;
	background: #efefef ;/* url(../../../images/images/BG2.jpg) repeat-x top left; */
}
.div_center ul li{ 
	margin-left:20px; 
	text-justify: inter-word;
}

/* --- IMPRESSUM HEAD --- */
.content h2{
    width:90%;
    font-size: 30px;
	text-align: center !important;
	margin:auto; 
	margin-top:30px; 
	margin-bottom:30px;  
	background: #f2fdfd !important;
    border: 0px solid #e7ac03;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;	
	padding-top: 10px;
	padding-bottom: 10px;
}
/* --- IMPRESSUM TEXT-BLOCK --- */
.Impressum_content {
        width:90%;
		margin:auto; 
		margin-top:60px; 
}
.Impressum_content > h3 {
        color:#6fe3b9;
}
/*  ------------------------------------------------------------------------- */

/* --- Starseite > SLIDESHOW & TEXTBOX --- */
.camera_wrap {
         border-bottom:0px solid #6fe3b9 !important;
}
.camera_wrap div{
		 -webkit-border-radius: 14px!important;
         -moz-border-radius: 14px!important;
          border-radius: 14px!important;
}
.camera_wrap div div div div div div {
                /* border:1px solid #0000ff !important;  blau */
          background:rgba(255,255,255,0.0);
          margin-right: 0px;
          height:auto;
          overflow:hidden;    	 
		  border: 0px solid #e7ac03;
	      -webkit-border-radius: 14px;
	      -moz-border-radius: 14px;
	      border-radius: 14px;	
}
.camera_caption{
        margin-bottom: 1%;
        background:rgba(255,255,255,0.0)  !important;
        max-width:100%;
        /*border:1px solid #ff0000 !important; rot */
        -moz-border-radius: 0px 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px 0px;
        border-radius: 0px 0px 5px 0px;
        padding-bottom: 30px !important;
}
.camera_caption_title{
        font-family: 'Titillium Web Bold', sans-serif !important;
        background:rgba(255,255,255,0.9) !important;
        color:#b5b0a2;
        margin-top: 0px !important;
        /*border:1px solid #00ff00 !important; grün */
        border-bottom:16px solid #6fe3b9 !important;
        float:right;/*  */
        align:right;
        display:inline-block !important;
}
.camera_caption_title h2{
        font-family: 'Titillium Web Bold', sans-serif !important;
        text-transform:uppercase;
        margin-top: 20px!important;
        margin-left: 50px;
        font-size: 38px;
        color:#6fe3b9;
        text-align: left !important;
        line-height:35px;
}
.camera_caption_title > p {
        font-size: 20px;
        line-height:1.4em;
        margin-left: 50px;
        margin-right: 25px;
        margin-bottom: 20px;
        text-align: left !important;
}
/*  ------------------------------------------------------------------------- */

/*  --- Meister mit Photo --- */
.Meister {
         margin-top: 20px;
	     margin-bottom: 40px;
         width:99.7%;
         height: auto;
         overflow:hidden;
         text-align: left !important;
         background:#ffffff;              
}
.Meister > img {
         float:left;
         margin-right: 0px;
         width:45%;
}
.Meister > p {
          font-family: 'Titillium Web bold', sans-serif !important;
          margin-top: 35px;
          margin-bottom: 25px;
          font-size: 26px;
          color:#hellgrau;
          line-height:40px;
	      text-align: left !important;
}
.Meister > p.sub {     
          width:90%;
	      margin: 0px auto;
          font-size: 20px;
          margin: 0px auto;
          margin-top: 0px;
		  font-family: 'Titillium Web', sans-serif !important;
	      line-height:1.4em;
          text-align:justify!important;
          text-justify: inter-ideograph!important;
}
.Meister a {
          color:#b5b0a2 !important;
}
.Meister a:hover  {
          color:#6fe3b9 !important;
}
.Meister_Head {
          font-size: 28px;
          line-height:42px;
}
/*  ------------------------------------------------------------------------- */

/*  --- ALLGEMEIN <div class="clear"> </div> --- */
.clear {
          height:0px;
          clear:both;
}

/* === GoToTop-GFX Content - Div - Allgemein === */
.gotop_fixed {
       padding:6px;
       background: #ffffff;
       position:fixed;
       right:10px;
       bottom: 30px;  /*70px calc((100% - 714px)); */
       border: 1px solid #000000;
       -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
       border-radius: 8px;
}
.gotop_fixed  a {
       border: 0px solid #000000;
}
/*  ------------------------------------------------------------------------- */

/* --- Telefon --- */
ul.tel_head {/* border: 1px solid #00ff00; aus */
       list-style: none;
       color:#b5b0a2         !important;
}
ul li.tel_head_li {
       text-align: right !important;
	   margin-top:10px;
       margin-right:10px;
       font-size: 22px;
       line-height:20px;
}

/* === LOGO-GFX im Header === */
.brand { 
       bottom:0px;
}

/* === FOOTER === */
footer .container-fluid{
       background: #6fe3b9 !important;
}
.footer a{
       color:#ffffff !important;
}
.footer a:hover{
       color:#01597d  !important;
}
.pull-right{
       color:#ffffff !important;
}
.pull-right a:hover{
       color:#47a684 !important;
}
.copy{
       color:#ffffff !important;
	   margin-left:10px;
}
/* --- FOOTER --- */
.footer{
       margin-right: 0px;
       margin-left: 0px;
       padding-right: 10px;
       padding-left: 0px;
       height: auto;
       overflow:hidden;
       text-align: right !important;
       background: #6fe3b9 !important;
}
.sitemap_footer_toptext{
       height: auto;
       padding-left: 0px;
       margin-top: 10px;
       overflow:hidden;
       text-align: left !important;
       background:#6fe3b9;/**/
       color:#ffffff;
       margin-left: 0px;
       margin-right: 0px;
       padding-top: 10px;
       padding-bottom: 10px;

}
.sitemap_footer_toptext_01 {
       width:40%;
       float:left;
       margin-left: 140px;
}
.sitemap_footer_toptext_02 {
       margin-top: 10px;
       font-size: 18px;
       line-height:20px;
       width:40%;
       float:right;
}
.sitemap_footer_toptext a{
       font-size: 22px;
       display:block;
       color:#ffffff !important;
}
.sitemap_footer_toptext a:hover  {
       color:#47a684 !important;
}
.sitemap_footer_toptext_head {
       font-size: 36px;
       line-height:42px;
}
.sitemap_footer_toptext_02 a{
       font-size: 18px!important;
}
/*  ------------------------------------------------------------------------- */

li {
       line-height:1.5em;
}

a {
       color: #b5b0a2 !important;
       text-decoration: none;
}
a:hover,
a:focus {
       color:#6fe3b9!important; /*#ca9505;*/
       text-decoration: none;
}
/*  ------------------------------------------------------------------------- */

/* === NAVIGATION === */
.header{
       border-bottom: 4px solid #6fe3b9; /*  */
       position:relative;
       /*background:  url(../../../images/mcp_gfx/Head_Bg.png) no-repeat top left; */
}
.header-inner:after{
       clear:both;
}
.header-inner {
       /*border: 2px solid #00ff00;   */
       position:relative;
       background: #f2fdfd; /*url(../../../images/mcp_gfx/Head_Bg.png) no-repeat top left; */
	   	border-top: 0px solid #000000;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

/* === Innerhalb - Header === */
.navigation{
       border: 0px solid #ccd5e9;/* blau */
       z-index:999;
       position:absolute;
       top:10px;
       right:10px;
       font-size: 23px;
}
.nav-collapse{
       width:100%;
}
.nav-pills > li > a {
       padding-left:6px;
       padding-right:8px;
       -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
       border-radius: 0px;
       align:bottom;
       color:#47a684 !important;
       border-bottom: 3px solid #f2fdfd;
       border-right: 1px solid #6fe3b9;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
       color: #47a684 !important;
       border-bottom: 3px solid #6fe3b9;
       background-color: #f2fdfd !important;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
       color: #47a684 !important;
       border-bottom: 3px solid #6fe3b9;
       background-color: #f2fdfd !important;
}

/* === Innerhalb - Header >> SUBNAVI=== */
.navigation .nav-child {
       background-color: #efefef;
       top: 35px;
       left: 9px;
       -webkit-border-radius: 11px;
       -moz-border-radius: 11px;
       border-radius: 11px;
}
.navigation .nav-child li > a {
       margin: 5px;
       color: #b5b0a2;
       font-size:18px;
       border-bottom: 3px solid #ffffff;
}
.navigation .nav-child li > a:hover,
.navigation .nav-child li > a:focus,
.navigation .nav-child:hover > a {
       border-bottom: 3px solid #f9bf00;
       text-decoration: none;
       color: #ffffff !important;
       background-color: #b5b0a2;
       background-image: -moz-linear-gradient(top,#efefef        ,#efefef);
       background-image: -webkit-gradient(linear,0 0,0 100%,from(#efefef        ),to(#efefef));
       background-image: -webkit-linear-gradient(top,#efefef        ,#efefef);
       background-image: -o-linear-gradient(top,#efefef        ,#efefef);
       background-image: linear-gradient(to bottom,#efefef        ,#efefef);
       background-repeat: repeat-x;
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef        ', endColorstr='#efefef', GradientType=0);
}
.navigation .nav-child > .current > a {
       color: #ffffff !important;
       background-color: #b5b0a2 !important;
       border-bottom: 3px solid #f9bf00;
}
.navigation .nav-child > .active > a {
       color: #ffffff !important;
       background-color: #b5b0a2 !important;
       border-bottom: 3px solid #f9bf00;
}

/* === Subnavi > im Content darstellen TEST === */
.moduletable {
}
.moduletable > ul {
   /*border: 1px solid #ffffff; */
       padding: 0px 0px 0 auto;
       margin-top:-20px;
       margin-right:-5px;
       padding-bottom:0px;
       height:5px;
       float:right; /* */
}
.moduletable > ul {
       padding: 0px 0px 0 auto;
       margin-top:-20px;
       float:right; /* */
}
.moduletable > ul:after {
       clear:both;
       float:left;
}
.moduletable > .nav-pills > li > a{
       line-height:5px;
       border-right:0px;
}
.moduletable > .nav-pills > li:first-child a{
       display:none;/* */
}
.moduletable > .nav-pills > .current > a,
.moduletable > .nav-pills > .current > a:hover,
.moduletable > .nav-pills > .current > a:focus {
       color: #ffffff !important;
       background-color: #abb7d2 !important;
}
.moduletable > .nav-pills > .active > a,
.moduletable > .nav-pills > .active > a:hover,
.moduletable > .nav-pills > .active > a:focus {
       color: #ffffff;
       background-color: #252e39 !important;
       border-right:0px;
}

/* === BREADCRUMB Formatierung === */
.breadcrumb{
       margin-left:10px;
       margin-right:10px;
	   -webkit-border-radius: 14px;
       -moz-border-radius: 14px;
       border-radius: 14px;
	   background: #f2fdfd  ;
}

/* === Burger-Button === */
.navbar a.btn {
       background: #6fe3b9 ;
       margin-right:15px;
}
.navbar a.btn:hover {
       background: #47a684 ;
}

/* === CONTENT - LOGO-ICON > RECHTS OBEN ===    margin-top:0px; */
.content_logo{
       max-width:100px;
       float:right;
}
/*  ------------------------------------------------------------------------- */
/* eGYM VIDEO border: 1px solid #a9a192; border: 1px solid #00ff00; border: 1px solid #ff0000;  */
.Leistungen_box{
        margin:auto;
        margin-top:20px;
        width:90%;
		background: #f2fdfd;/*  url(../../../images/BG_Text.png) repeat top left*/
		border: 0px dotted #6fe3b9 ;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;  
		overflow:hidden;
}
.Leistungen_Z1{
        margin-top:10px;
        margin-bottom:10px;
        float:left;
        width:90%;
}
.Leistungen_Z1 p{
        float:left;
		text-align:center;
}
.Leistungen_Z1 ul li{
        line-height:25px;
	    text-align:left;     /* === TEXT - Blocksatz einstellen ===*/
		margin-top:0px;	
}
.Leistungen img{        
	    margin-top:-10px!important;  
	    margin-bottom:-10px!important; 				         
		margin-left: 10px;  
		float:left;
}
.Leistungen_Z1:after, .Leistungen img:after, .Leistungen p:after{
        clear:both;
}
/*  ------------------------------------------------------------------------- */


/* eGYM VIDEO border: 1px solid #a9a192; border: 1px solid #00ff00; border: 1px solid #ff0000;  */
.eGym_video{
        margin:auto;
        margin-top:20px;
        width:90%;
	    height:350px;
		background: #f2fdfd;/*  url(../../../images/BG_Text.png) repeat top left*/
		border: 0px dotted #6fe3b9 ;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;  
		
}
.eGym_video_Z1{
        margin-top:10px;
        margin-bottom:20px;
        float:left;
        width:45%;
}
.eGym_video_Z1 img{        
	    margin-top:-10px!important;  
	    margin-bottom:-10px!important; 				         
	    border: 0px dotted #6fe3b9 ;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;  
		margin-left: 10px;  
		float:left;
}
.eGym_video_Z2{
        margin-top:10px;
        margin-left: 20px;
        float:left;
        width:51%;
}
.eGym_video_Z2 ul li{
        line-height:25px;
	    text-align:justify;     /* === TEXT - Blocksatz einstellen ===*/
        text-justify: inter-word;
		margin-top:20px;	
}
.eGym_video_Z1:after{
        clear:both;
}
.eGym_video_Z2:after{
        clear:both;
}
/*  ------------------------------------------------------------------------- */

/* === Kontaktformular Formatierung === */
legend { display: none; }   /* === Formular überschriften >> "Eine Emails enden" & "Fields" === */

.control-label label{
         font-size:18px !important;
}
.contact .page-header{
         display:none
}
.contact > h3 {
         padding-left:155px;
         display:none
}
.contact-address{
         padding-left:15px;
}
.contact .contact-address span{
         line-height:1.4em;
}
.contact-form {
         padding-left:15px;
         padding-right:15px;
}
.contact-form legend{
         color:#181716;
}
.controls{
         color:#181716;
}
.controls input, .controls textarea {
         font-size:18px !important;
}
.form-validate{
         padding-left:15px;
         padding-right:15px;
         background: #f2fdfd;
         border: 1px dotted #5f3f00;
         -webkit-border-radius: 11px;
         -moz-border-radius: 11px;
         border-radius: 11px;
         margin:0px auto;
         width:72%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
       background: #6fe3b9!important;
       color:#ffffff !important;
       border:0px !important;
       font-family: 'Titillium Web', sans-serif !important;
}
button {
       padding:10px !important;
       font-size:18px !important;
}
button:hover, button:focus{
       background: #6fe3b9!important;
       color:#47a684!important;
       border: 0px;
}
input,
textarea,
.uneditable-input {
       width: 90%;
}
.checkbox  {                /* === Formular Checkbox Text === */
       margin-top:5px;
       font-size:18px !important;
       color:#b5b0a2 !important;
}
#easycalccheckplus label{
       font-size:18px !important;
       color:#b5b0a2 !important;
}
/* === Kontaktformular ENDE=== ccd5e9 */


/* Accordion Menu */
.jeAccordion{
       margin:0em auto;
       margin-top:30px !important;
       max-width:900px;
       background-color:#ffffff  !important;
}
.jeAcc-section{
       background-color:#ffffff  !important;
}
.jeAcc-title{
       font-family: 'Titillium Web', sans-serif !important;
       font-size: 22px;
       background-color:#f2fdfd  !important;
       color:#646263!important;
       border: 0px solid #ffffff !important;
}
.jeAcc-title:hover, jeAcc-title:focus{
       color:#47a684 !important;
}
.jeAcc-content{
       font-size: 20px;
       background-color:#fafafa !important;
       color:#646263!important;
       border: 0px solid #ffffff;
}

/*  ------------------------------------------------------------------------- */
/*  ------------------------------------------------------------------------- */

@media(max-width: 1280px) {
/*  ------------------------------------------------------------------------- */
/* === Innerhalb - Header === */
       .navigation{
         font-size: 21px;
       }
}

@media(max-width: 978px) {
/*  ------------------------------------------------------------------------- */

       .Meister > p  {
          margin-top: 20px;
          margin-bottom: 30px;
          font-size: 24px;
          line-height:27px;
       }
       .Meister > p.sub  {
          line-height:30px;
          font-size: 20px;
       }
       /* FOOTER */
       .sitemap_footer_toptext_01 {
          margin-left: 40px;
          width:50%;
       }
       .sitemap_footer_toptext_02 {
          width:30%;
       }
       .eGym_video {
          width:100%;
          height: auto;
          text-align:center;
       }
       .eGym_video_Z1 {
          width:100%;
          margin-bottom:15px;	
		  text-align:center;
		  display:flex;
		  justify-content:center;
       }
       .eGym_video_Z2{ 
	      margin: 0px auto !important;
          text-align:left;
          padding-left: 0px;
          width:90%;
		  float:none;
		  margin-left:0px;		    
       }
		.eGym_video_Z1 img{
		width:100%;
          margin-left:0px;
		  margin: auto !important;
		  display:block;
        }
		/*  TEAMPHOTO */
        .site_team {
           margin: 0 auto;
           width:100%; 
		 }
       /* Body All BG */
       body.site {
          padding-top: 0px;
       }
	   
       /* === Logo-gfx im Header=== */
       .brand {
          top:0px;
       }
       /* === Innerhalb - Burgerbutton === */
       /* === border: 1px solid #f9bf00; === */
       .navigation{
          margin-top: 0px !important;
          background: #ddefef;
          width:100%;
          border-right: 0px solid #ffffff;
          position:relative;/**/
          right:0px;
        }
        .nav-pills > li {
          margin-bottom: 5px !important;
        }
        .nav-pills > li > a {
           height:20px;
           color: #47a684 !important;
           background: #f2fdfd;
           border-right: 0px solid #ffffff;
        }
        .nav-pills > li > a:hover,
        .nav-pills > li > a:focus {
           color: #6fe3b9 !important;
           border-bottom: 3px solid #6fe3b9;
           background-color: #f2fdfd !important;
        }
        .nav-pills > .active > a,
        .nav-pills > .active > a:hover,
        .nav-pills > .active > a:focus {
           color: #ffffff !important;
           border-bottom: 3px solid #47a684;    
           background-color: #6fe3b9 !important;
        }
}
/*  ------------------------------------------------------------------------- */

/* === Screen ist kleiner 768 Pixel === */
@media(max-width: 768px) {
/*  ------------------------------------------------------------------------- */

         #column_image_box { 
           width: 99%;
         }
         #column_text_box {
           width: 99%;
         }
		 .podo{
		 text-align:center;
		 float: none; 
		 margin-right:20px;
		 display:inline-box;
		 margin:auto;
         } 
		 #team_column_hover_box { 
             margin-bottom:20px;
             margin-top:40px;
         }
         .txt_subhead  {
           font-size: 22px;
           line-height:24px;
           width:98%;
         }
         /*  ÜBERSCHRIFTEN */
         .h2_center{
	        margin-bottom:10px!important;
         }
		 	
         .h2_center h2{           
            font-size: 23px;
            line-height:25px;
         }
         .Meister_Head {
            font-size: 22px;
            line-height:25px;
         }
		 h1 { 
            font-size: 25px;
         }
         /*  ---------------- HEAD-TEXT ------------------------- */
         .content_subhead h2{
            font-size: 38px;
            line-height:40px;
            margin-bottom: 35px;
         }
		 /* --- SUBHEAD im Content > black text --- */
         .content_subhead { /* --- Block --- */
            margin-top: 30px;
         }
		 /* --- HEAD-SUB - grau --- */
         .content_subhead_txt { 
            margin-top: 0px;
            margin-bottom: 15px;
            font-size: 24px;
            line-height:32px;
         }

		 /*  ---- HEAD / TEXT (blau) > STARTSEITE - Center ---  */
	     .aktuell {
		    margin-top: 40px;
		    margin-bottom: 20px;
	      }
		  .aktuell h2{
		    font-size: 36px;
		    margin-bottom: 15px;
		  }
		  .aktuell p{
		    font-size: 19px;
		    line-height:23px;
		  }
		  /*  --- DIV center mit UL > BG grau ---  */
          .div_center{ 
            width:90%;
          }
         .div_center ul li{ 
	        margin-left:10px; 
          }
	     /* === TEXTGRÖSSE > Schrift allgemein === */
         .content_all {
            font-size: 19px;
            line-height:1.3em;
         }
		 .jeAcc-content{
            font-size: 19px;
		    line-height:1.3em;
         }
         .Meister > p.sub {     
            font-size: 19px;
	        line-height:1.3em;
          }
         /*  Meister */
         .Meister > p  {
            margin-bottom: 20px;
            font-size: 19px;
            line-height:25px;margin-top: 60px;
		    text-align:center !important;
         }
         .Meister > img  {
            float:left;
            margin-right: 0px;
            width:100%;
          }
          /*  ---- HEAD > Center / blauer Block (hellblau) ---  */
          .h2_center{
	        margin-bottom:0px;
          }

          /*  IMPRESSUM */
          .content h2{
            margin-top: 20px !important;
            margin-left: 10px !important;
          }
          .Impressum_content > p {
            margin-left: 10px;
            margin-right: 10px;
          }
          .Impressum_content > h3 {
            margin-left: 10px;
          }
          /* Starseite > SLIDESHOW & TEXTBOX */
         .camera_wrap div div div div div div {
            margin-bottom: -10px !important;
         }
         .camera_caption_title h2{
            margin-left: 20px;
            margin-top: 25px!important;
         }
        .camera_caption_title > p {
            margin-left: 20px;
            margin-right: 0px;
            margin-bottom: 10px;
        }
        h2 {
            font-size: 20px;
            line-height:30px;
        }
        body {
            font-size: 18px;
            line-height:1.4em;
        }
        .sub  {
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 30px;
            line-height:1.4em;
        }

        /* FOOTER */
        .sitemap_footer_toptext_01 {
            margin-left: 10px;
            min-width:50%;
        }
	   .sitemap_footer_toptext_02 {
          margin-right: 10px !important;
		  width:40%;
       }
        .txt {
            font-size: 20px;
            line-height:1.4em;
            with:95%;
        }
        .content h2 {
            margin-top: 30px;
            margin-left: 40px;
            font-size: 30px;
        }

        .moduletable > ul {
            padding-bottom:70px;
        }
        /* === Logo-gfx im Header=== */
        .brand {
            float:left;
            position:relative;
            top:0px;
        }

        /* === Innerhalb - Burgerbutton === */
        /* === border: 1px solid #f9bf00; === */
        .nav-pills > li > a {
             border-bottom: 3px solid #ffffff !important;
             font-size:22px;
        }
        .nav-pills > .active > a,
        .nav-pills > .active > a:hover,
        .nav-pills > .active > a:focus {
             border-bottom: 3px solid #47a684 !important;
        }
        .nav-pills > li > a:hover,
        .nav-pills > li > a:focus {
             border-bottom: 3px solid #6fe3b9 !important;
        }
        .nav-pills > li {
             padding-bottom: 0px !important;
        }

         .moduletable > ul {
             padding-left:10px;
         }
         .contact .contact-address{
             margin-left:30px;
         }
         .contact .contact-address span{
             line-height:1.4em;
         }
         .form-validate{
             width:93% !important;
         }
		 
         /* Accordion Menu */
         .jeAcc-title{
             font-size: 20px;
         }
         .jeAcc-content{
             font-size: 19px;
         }
		 
		 #column_hover_box { 
             margin-bottom:30px;
         }
}

/* === Screen ist kleiner 580 Pixel === */
@media(max-width: 580px) {
/*  ------------------------------------------------------------------------- */
         /* === border: 2px solid #ff00ff; == */
         .body_farbstreifen{ 
             margin-top: -20px;
             padding-top: 25px;
         }
         /*  ----------------------------TEAM-GRID--------------------------- */

         #team_column_hover_box { 
             padding-right:0px;
         }
         #column_hover_box { 
             padding-right:0px;
         }
		 #team_column_hover_box { 
             margin-bottom:10px;
             margin-top:30px;
         }
		 /* === TEXTGRÖSSE > Schrift allgemein === */
		 .jeAcc-content{
            font-size: 18px;
            line-height:1.2em;
         }
         .Meister > p.sub {     
            font-size: 18px;
            line-height:1.2em;
          }
         /*  Meister */
         .Meister > p  {
            margin-bottom: 20px;
            font-size: 18px;
            line-height:23px;
			margin-top: 60px;
		    text-align:center !important;
         }
		 .content_all {
            font-size: 18px;
            line-height:1.2em;
			padding-left:5px;
            padding-right:5px;
			text-justify:none!important;
			text-align:left;
         }
		 /*  --- DIV center mit UL > BG grau ---  */
         .div_center{ 
            width:100%;
         }
        .div_center ul li{ 
	        margin-left:2px; 
			margin-right:5px;
         }
         /* === BREADCRUMB Formatierung === */
         .breadcrumb{
             margin-left:10px;
             margin-right:10px;
             text-align:left;
         }

         .form-validate{
             width:90% !important;
         }

         .sitemap_footer_toptext_head {
             font-size: 30px;
             line-height:42px;
          }
          .contact .btn{
             width:100%;
             text-align:center;
             font-size:18px;
             height: 35px;
          }
          /* Starseite > SLIDESHOW & TEXTBOX */
          .camera_wrap div div div div div div {
             margin-bottom: -15px !important;
          }
          .camera_caption {
             margin-bottom: 0px !important;
          }
          .camera_caption_title {
          }
          .camera_caption_title h2{
             margin-left: 20px;
             margin-top: 10px!important;
             font-size: 26px;
             line-height:29px;
          }
          .camera_caption_title > p {
             line-height:1.1em;
             font-size: 19px;
             margin-left: 20px;
             margin-right: 0px;
             margin-bottom: 5px;
          }
          /* FOOTER */
          .sitemap_footer_toptext {
             margin-top: 10px;
          }
          .sitemap_footer_toptext_01 {
             width: 95%;
             margin-left: 10px;
             float:none;
             text-align:center;
          }
          .sitemap_footer_toptext_02 {
             width: 95%;
             margin-left: 0px;
             margin-top: 40px;
             float:none;
             text-align:center;
          }
          .contact .contact-address{
             margin-left:10px;
          }
          .contact .contact-address span{
             line-height:1.3em;
          }
          .form-validate{
             width:90% !important;
          }
		  /* --- Telefon --- */
		  ul.tel_head {/* border: 1px solid #00ff00; aus */
             width:90% !important;
          }
          ul li.tel_head_li {
             margin-top:10px;
             margin-right:10px;
             font-size: 19px;
             line-height:20px;
          }
		  #column_hover_box { 
             margin-bottom:15px;
          }  
		  .nav-pills > li > a {
		   font-size:18px;
          }
         .Leistungen_Z1 p{
		 width:100% !important;
         /* border: 2px solid #ff00ff; */     
         }
}
/*  ------------------------------------------------------------------------- */
/*  ------------------------------------------------------------------------- */

/* CookieHint  */
    #redim-cookiehint{padding: 5px 25px; }
    #redim-cookiehint .cookiecontent{font-size: 15px; }
    #redim-cookiehint .cookiebuttons{padding: 3px 50px; }
    #redim-cookiehint .cookiebuttons .btn{background-color: #252e39 !important;
    font-size: 14px !important; line-height: 16px !important; }
    #redim-cookiehint > .cookiebuttons > a{ color: #ffffff !important;}
    /* Button allgemein für CookieHint a href */
    #cookiehintsubmit { color: #ffffff !important;}
    .btn { background-image: none !important; border:0px;}


/* 3D-Panorama  */
.embed-container {
         position: relative;
         padding-bottom: 56.25%; /* ratio 16x9 */
         height: 0;
         overflow: hidden;
         width: 100%;
         height: auto;
}
.embed-container iframe {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
}
.content h2.VR3D {
          outline:none;
         /*   cursor:pointer; */
          margin-top: 0px;
          margin-bottom: 20px;
}
#akkordeon:not(:target) .inhalt,
#akkordeon:not(:target) .hide,
#akkordeon:target .show {display: none;}
#akkordeon:target .inhalt {display: block;}
#akkordeon:target .hide {display: block;}
.inhalt {
          box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
          padding: 10px 20px 10px;
          margin: 0px 0px 10px;
}
.show,
.hide {
          padding:10px;
          margin: 10px 0px 0px;
          background: #f9bf00 ;
          box-shadow:none!important;
          color:#ffffff!important;
          font-weight:bold;
}
.show:hover,
.hide:hover {
          background: rgb(255, 214, 118);
          color:#47a684!important;
          transition:0.2s all ease-in-out!important;
}
