/* Für IE */
.ce-textpic.ce-right .ce-gallery,
.ce-textpic.ce-left .ce-gallery,
.ce-image.ce-right .ce-gallery,
.ce-image.ce-left .ce-gallery,
.ce-outer, 
.ce-inner,
.ce-row,
.ce-column,
.ce-media{
 max-width: 100%;
}
.ce-gallery figure {
	display: block;
}


/* Bilder dynamisch an Container und Bildschirmgröße anpassen nur für Contentbereich BEGIN*/
#content img, embed, object, video, figure {
 max-width: 100%;
 height: auto;
 width: auto;
}
#right-container img {
 width: auto;
}

/* CSS Styled Content Regeln überschreiben */
#content div.csc-textpic .csc-textpic-imagewrap figure,
#content div.csc-textpic figure.csc-textpic-imagewrap,
#content figcaption.csc-textpic-caption {
 display: block;
}
#content div.csc-textpic-right .csc-textpic-imagewrap,
#content div.csc-textpic-left .csc-textpic-imagewrap {
 float: none;
}
#content div.csc-textpic-center .csc-textpic-center-outer {
  max-width: 100%; /* max. Groesse des Bildes */
}
#content div.csc-textpic-center .csc-textpic-center-inner {
    width: 100%;
}
/*
#content div.csc-textpic DIV.csc-textpic-imagecolumn {
 display: inline-block;
 float: none;
 vertical-align: top;
}
*/
#content .csc-default {
  clear: both;
}

@media screen and (max-width: 1920px) and (min-height: 560px) {
 #right-container {
  width: 560px;
 }

}

 #right-container {
  width: 560px;
 }

/* Bilder dynamisch an Container und Bildschirmgröße anpassen nur für Contentbereich END*/

@media screen and (min-width: 1389px) {
#content .row .col-xs-12 .row .col-lg-8 .hg-weiss {
/* margin-bottom: 0px; /* siehe hier http://hains.detele.de/eislaufen/ */
}
#content .row .col-xs-12 .row .col-lg-8 #c432 {
 margin-bottom: 30px; /*Ausnahme siehe http://hains.detele.de/fitnessclub/training-kurse-coachings/ */
}
.tablesaw-advance a.tablesaw-nav-btn.disabled {
 display: none;  
}


}

/**** Navigation BEGIN ****/

@media screen and (min-width: 1050px) {
#navigation {
	padding: 0;
}

#mainnav {
 margin: 0px;
 padding: 0px;
 width: 100%;
}

#mainnav li a {
 padding: 0px;
}

#mainnav li.active ul.sub_navi {
  display: block;
  visibility: visible;
  transition: visibility 2s;
}
 #mainnav ul.sub_navi {
/* display: none;
  visibility:hidden;*/
}

.dropdown-button,
.navbar-toggle {
 display: none;
}
.navbar-default .navbar-collapse {
 padding-left:0px;
 padding-right:0px;
 display: block;
}

#mainnav li ul {
  position: absolute;
  left: -999em;
  height: auto;
  margin-left: 340px;
  margin-top: -46px;
  z-index: 999;
  width: 300px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  list-style: none;
  border-radius: 0;
  border: none;
}
  
#mainnav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
  left: auto;
}
#mainnav li.mainmenue:not(.active) ul.dropdown-menu {
	display: block;
}

#mainnav li:hover,
#mainnav li:hover ul{
 background: #b1a46a;
}
#mainnav li:hover .sub_navi li.menue a {
	background-color: transparent;
	text-align: left;
}
#mainnav li.active:hover ul.dropdown-menu  li.menue a {
	text-align: center;
}

#mainnav li:hover,
#mainnav li:hover a, 
#nav li.sfhover a {
  color: #fff;
}
#mainnav li.active,
#mainnav li.active ul.sub_navi li {
	background: none;
}
#mainnav li ul.dropdown-menu li ul.dropdown-menu.sub_navi-2 {
	display: none !important;
}

}

@media screen and (min-width: 992px) and (max-width: 1200px) {


}

@media screen and (min-width: 710px) and (max-width: 1050px) {
#left-container {
 position: static;
 width: 690px;
  height: auto;
 background-color: transparent;
 z-index: 60;
}
#header{
  width: 690px;
}
#footer {
 width: 690px;
}

#middle-container {
  position: relative;
  z-index: 10;
  height: auto;
  margin-left: 0px;
  padding-top:140px;
  padding-bottom: 245px;
  z-index: 40;
}
#right-container {
 left: auto;
  right: -1px;
}


}


/* Menü stylen BEGIN */
@media screen and (min-width: 710px) {

.icon-telefon {
 display: none;
}

}


/**** Navigation END ****/

@media screen and (min-width: 1389px) {

.tablesaw-bar {
 display: none;
}

}



@media screen and (max-width: 1389px) {
.container {
  width: 660px;
 }
#middle-container {
 width: 690px;
}
#footer {

}
#header {
 /*position: absolute;*/
}
#c942 {
 min-height: 202px;
}
}




@media screen and (max-width: 1049px) {

html, body {
 height: auto;
}
#wrapper {
 position: relative;
 height: auto;
}

#header {
  height: auto;
  min-height: 135px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-top: 9px solid #b1a46a;
 /* border-image: linear-gradient(to right, #fbb800, #ffed00);
  border-image-slice: 1; */
  background-color: #000;
  box-shadow: 0px -10px 30px #888;
  position: fixed;
  top: 0px;
  z-index: 50;
  }
#footer {
 position:absolute;
  bottom: 0px;
  height: 167px;
  background: #fff;
 /* float:left;*/
  z-index: 50;
   
}
#logo {
 position: relative;
 width: 50%;
 height: auto;
 margin-top: 21px;
 margin-bottom: 22px;
 z-index: 50;
 text-align: center;
 left: 0;
}
#logo img {
  width: auto;
 height: 83px;
}
#navigation {
 margin-top: -105px;
  width: 100%;
  z-index: 40;
}
.navbar-default .navbar-collapse {
 margin-top: 100px;
}

#social-media {
 margin-top: 19px;
 margin-bottom: 22px;

}

#facebook {
 background-image: url('../Images/facebook-beige.svg');
}
#facebook:hover {
 background-image: url('../Images/facebook-beige.svg');
}
#instagram{
  background-image: url('../Images/instgram-beige.svg');
}
#instagram:hover {
 background-image: url('../Images/instgram-beige.svg');
}

#content-footer {
 position: relative;
 
}
#footer-navi {
  margin-top: 0px;
  height: 80px;
  /*background: linear-gradient(to right,#fbb800,#ffed00);*/
  background-color: #b1a46a;
  padding-top: 34px;
}

#content {
 padding-bottom: 0px;
 min-height: 600px;
}

#content .video {
height: auto;
  padding: 0px;
}
#content article.inhalt {
 height: auto;
}
#content-footer-left,
#content-footer-right{
 margin-top: 0px;
}
#content-footer-right {
	font-size: 20px;
}
#mainnav li{
 float: none;
 position: relative;
}
#mainnav li  a {
 line-height: normal;
}
#mainnav li.mainmenue a.nav-link {
	padding-top: 10px;
	padding-bottom: 10px;
} 
#mainnav li  a:hover,
#mainnav li  a:focus {
 font-family: "Asap Bold";
}
#mainnav li ul.sub_navi {
 display: none;
  margin: 0px;
  margin-top: -5px;
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
  list-style: none;
  background-color: transparent;
}
/*#mainnav li.active .sub_navi,*/
#mainnav li .sub_navi.show {
 display:block;
}
#mainnav li .sub_navi li.menue {
	margin-bottom: 0;
}



}


/*** Smartphone Auflösung ***/
@media screen and (max-width: 709px) {
#left-container {
 position: static;
 width: 100%;
  height: auto;
 background-color: transparent;
 z-index: 60;
}
#footer,
#header {
 width: 100%;
}
#middle-container {
  position: relative;
  z-index: 10;
  width: 100%;
  height: auto;
  margin-left: 0px;
  padding-top:100px;
  padding-bottom: 315px;
   /*z-index: 200;*/
}
#right-container {
 display: none;
}

 #navbottom,
.container {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
 }
#content {

}
#header {
  min-height: 100px;
  border-top: 3px solid #b1a46a;
}
#logo {

 margin-top: 11px;
 margin-bottom: 14px;

}
#logo img {
 height: 72px;
}
#navigation {
 margin-top: -87px;
}
.navbar-default .navbar-collapse {
 margin-top: 25px;
 /*max-height: 200px;*/
 height: calc(100vh - 105px);
 padding-bottom: 10px;
 overflow: scroll;
 
}

#footer {
 min-height: 167px;
 height:auto;
 z-index: 10;
}
#footer-navi {
  padding-top: 19px;
  min-height: 80px;
  height: auto;
  line-height: 38px;
  padding-bottom: 19px;
 }
#content-footer-right {
  text-align:left;
}
#content-footer-left {
 margin-top: -5px;
 margin-bottom: 15px;
}
#content .row-hg-weiss .col-xs-12 {
 
}
#content .inhalt {

}
#content  figure,
#content  img {
  

}
.teaser .csc-textpic .csc-textpic-text{
 background: none;
}

.teaser .csc-textpic-image {
 
}
.teaser .csc-textpic-imagewrap {
  width: auto; 
}
#content .teaser  .csc-textpic-imagewrap img {
  /* margin-top: -25%; */ /*entfernt wegen Teaserproblem im Smartphone Auflösung*/
  position: relative;
  margin-top: -50%;
  top: 107px;
 }
#content h1 {
 
}
.content h2 {

}
.content h3 {

}


#navigation {

}

/* optional */
/* Golden Grid Layout für Bild im Text*/
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
 width: 50%; /* Bildcontainer Breite */
}
.teaser DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
.teaser DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
.teaser DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
.teaser DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
 width: 100%; /* Bildcontainer Breite */
}


DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
/* margin-left: 40%;  /* Textblock */
}



/*** Scrollbar nicht im Firefox und IE END ***/
::-webkit-scrollbar {
    -webkit-appearance: none;
}
 
::-webkit-scrollbar:vertical {
    width: 12px;
}
 
::-webkit-scrollbar:horizontal {
    height: 12px;
}
 
::-webkit-scrollbar-thumb {
    background-color: #b1a46a;;
    border-radius: 10px;
    border: 2px solid #ffffff;
}
 
::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}
/*** Scrollbar nicht im Firefox und IE END***/


}


@media screen and (max-width: 540px) {

.panel-body .csc-textpic {

}
.panel-body .csc-textpic-text {
 
}
.panel-body .csc-textpic-imagewrap {
 float:none !important;
  margin-left: 0px !important;
  width: 100%;
}
#middle-container {
	padding-bottom: 345px;
}

}


@media screen and (max-width: 360px) {
 .teaser .csc-textpic-text {
  padding-left: 10px;
  padding-right: 10px;
}

}


/* IE 10 Hack */
@media screen and (-ms-high-contrast: none) {
.content ul {
   list-style-position:inside;
 }
}