@font-face {
  font-family:'NunitoSans Bold';
  src: url('../Fonts/Nunito_Sans/NunitoSans-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'NunitoSans';
  src: url('../Fonts/Nunito_Sans/NunitoSans-Regular.ttf') format('truetype');
}
:root {
	--buttonfarbe: #b1a46a;
}
/* gold #b1a46a */

/*** Allgemeines BEGIN ***/

html, body {
 margin: 0px;
 padding: 0px;
 width: 100%;
 height: 100%;
}
html {
 height: 100%;
}
body {
 background-color: #fff;
 font-family: 'NunitoSans',  sans-serif;
 font-size: 14px;
 line-height: 22px;
   height: 100%;
/*  overflow: hidden;*/
}


h1, h2, h3 {
 margin: 0px;
}

h1 {
 font-family: 'NunitoSans Bold';
 font-size: 45px;
 line-height: 48px;
 color: #b1a46a;
 margin-bottom: 20px;
}

h2 {
 font-family: 'NunitoSans Bold';
 font-size: 28px;
 line-height: 30px;
 color: #b1a46a; /*dunkel blau*/
 margin-bottom: 25px;
}

h3 {
 font-family:'NunitoSans Bold';
 font-size: 20px;
 line-height: 24px;
 color: #b1a46a; /*dunkel blau*/
 line-height: auto;
 margin-bottom: 5px;
 text-transform: uppercase;
}

iframe {
 border: none;
}

a{
 line-height: 22px;
 font-family: NunitoSans, sans-serif;
 text-decoration:underline;
 color: #b1a46a; /*dunkel blau*/
}
a:hover {
 text-decoration: none;
 color: #b1a46a;
}
a:focus {
	outline: none;
}


.weiss {
 color: #fff !important;
}


/*Hintergrundfarbe Main Container */
/*
.blau #middle-container{
background: linear-gradient(to right,rgb(0,91,162),rgb(61,156,211));
}

}
*/


.kurse thead tr th{
 background-color: #b1a46a;
}

.kurse,
.kurse thead tr th,
.kurse tbody tr td{
 border-color: #d9e7f1;
}

.row-hg-weiss table thead tr th,
.row-hg-weiss table tbody tr td,
.hg-weiss table thead tr th,
.hg-weiss table tbody tr td  {
	color: #fff;
}
.kurse tbody tr td.grau,
.kurse tbody tr td:empty{
 background-color: #d9e7f1;
}


p {
 font-family: 'NunitoSans', sans-serif;
 font-size: 14px;
  line-height: 22px;
  color:#1e1e1e;
  margin-bottom: 14px;
}
.hg-weiss p,
.row-hg-weiss p {
	color: #fff;
}

.container {
 width: 990px;
  padding-top: 25px;
  padding-bottom: 136px;
  /*padding-left: 30px;
  padding-right: 30px;*/
 /* padding-bottom: 30px;*/ /*old*/
 /*min-height: 1050px;*/
  position:relative;
}

#content ul {
  padding-left: 20px;
  list-style-position: outside;
  display: table;
}

li {

}
#wrapper {
 width: 100%;
  min-height: 100%;
  /*height: 100%;*/
position: relative;
}
#wrapper .scroll-to-fixed-fixed {
 position: fixed;
  top: auto;
  bottom: 0px;
}
#left-container {
  position: absolute;
  left:0;
  top: 0;
 min-height: 100%;
 height: auto;
 width: 340px;
 background-color:#000;
 
}
#middle-container {
  position: absolute;
 min-height: 100%;
 height: auto;
  width: 1020px;
  margin-left: 340px;
  background-color:#fff;
  /*background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#ffffff 50%,#b1a46a 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  z-index: 100;
  /*height: 100%;*/
  }

#right-container {
 position: fixed;
 right:0px;
 left: auto;
 top: 0px;
 min-height: 100%;
 height: auto !important;
 width: auto;
 background-color:#b1a46a;
}

#header {
 /*float: none;*/
  background-color: #000;
  margin: 0px;
 min-height: 268px;
  width: 340px;
 /* top: 0px;*/
  z-index: 12;
}

#logo {
 margin-left: auto;
 margin-right: auto;
 margin-top: 25px;
 margin-bottom: 42px;
  text-align:center;
  position: absolute;
  left:33px;
  top: 0;
}
#logo img{
 width: 85%;
  height: 85%;
}

#footer {
  position: relative;
  bottom: 0px;
  z-index: 10;
  background-image: url("../Images/footer-welle.png");
  background-repeat: no-repeat;
  background-position: top left;
  height: 278px;
  width: 340px;
  float:left;
  /*background: #b1a46a;*/
 /* margin-bottom: -278px;*/
}

#social-media {
  margin-top: 60px;
  text-align:center;
  float:left;
  width: 100%;
}
#social-media a {
 display: inline-block;
  width: 30px;
  height: 30px;
  color: #fff;
 background-repeat: no-repeat;
 margin-left: 3px;
 margin-right: 3px;
}
#facebook {
 background-image: url('../Images/facebook-weiss.svg');
}
#facebook:hover {
 background-image: url('../Images/facebook-beige.svg');
}
#instagram{
 background-image: url('../Images/instgram-weiss.svg');
}
#instagram:hover {
 background-image: url('../Images/instgram-beige.svg');
}
#youtube{
 background-image: url('../Images/youtube-weiss.svg');
}
#youtube:hover {
 background-image: url('../Images/youtube-beige.svg');
}

#footer-navi {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 90px;
  float:left;
  width: 100%;
}
#content {
 font-family: 'NunitoSans';
 color: #1e1e1e;
 padding-bottom: 0;
 min-height: calc(100% - 160px);
}
#content-footer{
 width: 100%;
 padding-left: 30px;
 padding-right: 30px;
 padding-bottom: 20px;
 padding-top: 30px;
}

#content-footer-left {
  font-size: 12px;
  color: #fff;
  margin-top: 30px;
  line-height: 20px;
}
#content-footer-left a{
 text-decoration: none;
}

#content-footer-right {
   font-size: 35px;
   line-height: normal;
   color: #000;
   margin-top: 30px;
  text-align: right;
}
#content .row-hg-weiss {
  background-color: #000;
  margin-left: 0px;
  margin-right: 0px;
  min-height: 300px;
  border-bottom-right-radius: 20px;
  padding-top: 25px;
  padding-bottom: 16px; /*siehe http://hains.detele.de/wasserwelten/oeffnungszeiten-preise/ */
  margin-bottom: 30px;
}
.row-hg-weiss  .col-xs-12,
.row-hg-weiss  .col-sm-12{
 /*margin-bottom: 0px;*/
  padding-left: 25px;
  padding-right: 25px;
}
.row-hg-weiss .col-xs-12 .row .col-xs-12{
  padding-left: 15px;
  padding-right: 15px; /* sihe hier http://hains.detele.de/fitnessclub/aeroscan-stoffwechsel-leistungsanalyse/ */
 }
.equal-height{
 display: flex;
}
.equal-height .col-xs-12 {
 padding-bottom: 30px;
}
.equal-height .col-xs-12 article .row .col-xs-12{
 padding-bottom: 0px;
}
/* siehe hier http://hains.detele.de/fitnessclub/ernaehrung 
    http://hains.detele.de/fitnessclub/training/
*/
#content .equal-height .col-xs-12 article .hg-weiss, 
#content .equal-height .col-xs-12 article .row-hg-weiss {
 margin-bottom: 0px;
}

.equal-height .col-xs-12 article .hg-weiss,
.equal-height .col-xs-12 article .row-hg-weiss,
.equal-height .col-xs-12 article {
 height: 100%;
}


#content .hg-weiss{
  width: 100%;
 background-color: #000;
  min-height: 300px;
  /*height: 300px;*/
  border-bottom-right-radius: 20px;
  padding:25px;
  margin-bottom: 30px; /*wichtig bitte lassen, da hintergrundbild auch 30px, neu geändert am 06.10.16 */
  padding-bottom: 11px;
  /*float:left;*/ /*wegen nächsten Container möglichts ohne Flota left siehe http://hains.detele.de/aktuelles/*/
}

/* IE Hack geaendert am 04.12.17 wegen Umnruch auf Startseite*/
_:-ms-lang(x),
#content .hg-weiss {
     margin-bottom: 29px;
}

#content #c14 {
 margin-bottom: 29px;
}

#content .panel-hg-weiss {
  background-color: #000;
  border-bottom-right-radius: 20px;
  padding:25px;
  margin-bottom: 30px;
}


/*** Allgemeines END ***/



/** Content Inhalt stylen BEGIN ***/
#content .inhalt {
/* margin-bottom: 20px;*/ 
 
}
.teaser {
  position: relative;
  border-bottom-right-radius: 20px;
  background-color: #000;
  height: 300px;
  width: 300px; /* neu eingefuegt am 27.11.19 */
  margin-bottom: 30px;
 /* margin-bottom: 29px; */ /*wegen IE*/
}
.teaser .ce-gallery {
  height: 215px;
  width: 300px;
  overflow: hidden;
 /* border-bottom-right-radius: 150px 42px;
  border-bottom-left-radius: 150px 38px;*/
  margin-left: 0px !important;
}
.teaser .ce-gallery img {
    transition: transform 0.4s;
}
.teaser .ce-gallery img:hover {
  transform: scale(1.1, 1.1);
}
.teaser .ce-bodytext {
  width: 100%;
  position: absolute;
  top: 188px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 38px;
  background-image: url('../Images/Radius-Teaser-black.png');
  background-position: top left;
  background-repeat: no-repeat;
 }
.teaser .ce-bodytext h3 {
 margin-bottom: 0px;
}
.teaser .ce-bodytext p {
 line-height: 18px;
 color: #fff;
}

#content .hintergrundbild {
 background-color: transparent;
 margin-bottom: 29px;
 margin-bottom: 30px; /*wegen Startseite 26.09.2016*/
  
}
#content .hintergrundbild .ce-image,
#content .hintergrundbild .ce-textpic  {
  position: relative;
   border-bottom-right-radius: 20px;
}
#content .hintergrundbild .ce-gallery {
	margin-bottom: 0;
}
#content .hintergrundbild figure.image {
 margin-bottom: 0px;
}
#content .hintergrundbild .ce-bodytext {
 width: 100%;
 position: absolute;
 top: 10px;
 /*top: -30px; */ /*geändert Tobias Löschner 22.01.16*/
 padding-left: 15px;
 padding-right: 15px;
 font-family: 'NunitoSans Bold';
 font-size: 28px;
 line-height: 30px;
 color: #005ba2; /* dunkel blau */
}
#content .hintergrundbild .ce-bodytext h2.vertical-align-center {
 top: 155px;
}
#content .hintergrundbild .ce-bodytext h2 a {
 font-family: 'NunitoSans Bold';
 line-height: 30px;
 text-decoration: none;
 color: #000;
}

#content .video {
 height: 300px;
 background-color: #000;
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 30px;
}

/** IE Hack ***/
_:-ms-lang(x),
#content .video {
    margin-bottom: 29px;
}
_:-ms-lang(x),
#content .video{ 
    margin-bottom: 29px;
}


.contenttable {
 width: 100%;
}

.contenttable tr td,
.contenttable tr th {
 font-family: 'NunitoSans';
  font-size: 14px;
  line-height: 30px;
  vertical-align: top;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 15px;
  color: #1E1E1E;
}
.kurse {
  width: 100%;
 border: 3px solid;
  margin-bottom: 14px;
}
.kurse thead tr th {
 height: 35px;
  min-width: 104px;
  text-align: center;
  border-width: 3px;
  border-style: solid;
  color: #fff;
  font-size: 14px;
  padding: 7px;
  
}
.kurse tbody tr td {
 border: 3px solid;
  text-align: center;
  font-size: 14px;
  min-height: 56px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 5px;
  padding-right: 5px;
  
}
.table-responsive {
 border: none;
}

.panel-group,
.accordion {
 margin-bottom: 30px;
}
.accordion .accordion-item + .accordion-item {
	margin-top: 5px;
}

.panel-group .panel,
.panel-default .panel-heading,
.accordion,
.accordion-item,
.accordion-item .accordion-button
 {
 border:none;
 border-radius: 0 !important;
 box-shadow:none;
}
.panel-default .panel-heading {
 /*background-image: url('../Images/klapp-pfeil-weiss.png');
 background-repeat: no-repeat;
 background-position: 16px 16px;*/
 padding-left: 15px;
}

.accordion-item  .accordion-collapse .accordion-body p, 
.accordion-item  .accordion-collapse .accordion-body table tr td {
	color: #000;
}
.panel-default .panel-heading a,
.panel-default .panel-heading a h4,
.accordion-header .accordion-button{
  font-family: 'NunitoSans';
  text-decoration: none !important;
  font-size: 18px;
  font-weight: 500;
  color: #fff !important;
 line-height: 28px;
 margin-top: 3px;
 margin-bottom: 3px;
 display: block;
}
.accordion-header .accordion-button {
	background-color: var(--buttonfarbe);
	margin: 0;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}

.panel-default .panel-heading a .glyphicon,
.accordion .accordion-header .accordion-button .glyphicon{
 color: #fff;
 margin-right: 5px;
 top: 2px;
 font-size: 18px;
}
.panel-default .panel-heading a .glyphicon-chevron-right,
.accordion .accordion-header .accordion-button .glyphicon-chevron-right {
 display: none;
}
.panel-default .panel-heading a.collapsed .glyphicon-chevron-right,
.accordion .accordion-header .accordion-button.collapsed .glyphicon-chevron-right{
 display: inline-block;
}
.panel-default .panel-heading a.collapsed .glyphicon-chevron-down,
.accordion .accordion-header .accordion-button.collapsed .glyphicon-chevron-down {
 display: none;
}



/*** Spezifische CSS Anweisung für Content ***/
.weiss {
 color: #fff;
}
.fett {
 font-family: 'NunitoSans Bold';
}
.gross {
  text-transform: uppercase;
}
.align-right {
 text-align: right;
}
.text-justify {
  text-align: justify;
}
.vertical-align-center {
  position: relative;
  vertical-align: middle;
  top: 125px;
  text-align: center;
  margin-bottom: 0px;
}
.size-11 {
 font-size: 11px;
}

.btn {
	background-color: var(--buttonfarbe);
	border: 0;
	border-radius: 0;
}
.btn:hover {
	background-color: #949599;
}

/*** Newsletter Formular ***/
.blau .cr_form input {
 
}
.blau .cr_form .cr_button {
 background-color: #005ba2;
 color: #fff;
 padding-left: 10px;
 padding-right: 10px;
 line-height: 34px;
 border-color:  #d9e7f1;
 border-width: 1px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 600;
}
.blau .cr_form .cr_button:hover {
 opacity: 0.7;
}



/*** Google Map ***/

.inner_cbQuickGoogleMap {
 max-width: 100%;
}


.frame-space-before-10 { padding-top: 10px !important;}
.frame-space-before-15 { padding-top: 15px !important;}
.frame-space-before-20 { padding-top: 20px !important;}
.frame-space-before-25 {padding-top: 25px !important;  padding-top: 1.5625rem !important;}
.frame-space-before-30 {padding-top: 30px !important;  padding-top: 1.875rem !important;}
.frame-space-before-40 { padding-top: 40px !important;  padding-top: 2.5rem !important;}
.frame-space-before-50 {padding-top: 50px !important;  padding-top: 3.125rem !important;}
.frame-space-before-60 {padding-top: 60px !important;  padding-top: 3.75rem !important;}
.frame-space-before-70 {padding-top: 70px !important;  padding-top: 4.375rem !important;}
.frame-space-before-80 {padding-top: 80px !important;  padding-top: 5rem !important;}
.frame-space-before-90 {padding-top: 90px !important; padding-top: 5.625rem !important;}

.frame-space-after-10 {padding-bottom: 10px !important;}
.frame-space-after-15 {padding-bottom: 15px !important;}
.frame-space-after-20 {padding-bottom: 20px !important;}
.frame-space-after-25 {padding-bottom: 25px !important;  padding-bottom: 1.5625rem !important;}
.frame-space-after-30 {padding-bottom: 30px !important;  padding-bottom: 1.875rem !important;}
.frame-space-after-35 {padding-bottom: 35px !important;  padding-bottom: 2.1875rem !important;}
.frame-space-after-40 {padding-bottom: 40px !important;  padding-bottom: 2.5rem !important;}
.frame-space-after-50 {padding-bottom: 50px !important;  padding-bottom: 3.125rem !important;}
.frame-space-after-60 {padding-bottom: 60px !important;  padding-bottom: 3.75rem !important;}
.frame-space-after-70 {padding-bottom: 70px !important;  padding-bottom: 4.375rem !important;}
.frame-space-after-80 {padding-bottom: 80px !important;  padding-bottom: 5rem !important;}
.frame-space-after-90 {padding-bottom: 90px !important; padding-bottom: 5.625rem !important;}

/*** Bildergalerie ***/

.ce-gallery[data-ce-columns="2"] .ce-row,
.ce-gallery[data-ce-columns="3"] .ce-row,
.ce-gallery[data-ce-columns="4"] .ce-row, 
.ce-gallery[data-ce-columns="5"] .ce-row, 
.ce-gallery[data-ce-columns="6"] .ce-row,
.ce-gallery[data-ce-columns="7"] .ce-row,
.ce-gallery[data-ce-columns="8"] .ce-row{
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 0;
}
.ce-gallery[data-ce-columns="2"] .ce-row .ce-column {
	padding: 15px;
	margin: 0;
	width: 50%;
}
.ce-gallery[data-ce-columns="3"] .ce-row .ce-column {
	padding: 15px;
	margin: 0;
	width: 33.33%;
}
.ce-gallery[data-ce-columns="4"] .ce-row .ce-column {
	padding: 15px;
	margin: 0;
	width: 25%;
}
.ce-gallery[data-ce-columns="5"] .ce-row .ce-column {
	padding: 15px;
	margin: 0;
	width: 20%;
}
.ce-gallery[data-ce-columns="6"] .ce-row .ce-column {
	padding: 15px;
	margin: 0;
	width: 16.66%;
}
.ce-gallery[data-ce-columns="7"] .ce-row .ce-column {
	padding: 15px;
	margin: 0;
	width: 14.28%;
}
.ce-gallery[data-ce-columns="8"] .ce-row .ce-column {
	padding: 15px;
	margin: 0;
	width: 12.5%;
}


.ce-below .ce-gallery {
	margin-top: 0;
	margin-bottom: 10px;
}
.ce-image .ce-gallery {
	margin-bottom: 0;
}
.ce-above .ce-gallery {
	margin-bottom: 10px;
}

.cc-revoke.cc-bottom {
font-size: 0.875em !important;	
}


/*** News Plugin Begin ***/

.news-list-view {
	padding: 0 15px;
}
.news-list-view .row.news-list-item  {
	margin-bottom: 30px;
}
.news-list-view .row.news-list-item .extra {
  color: #fff;
}
.pagination {
  padding-left: 0 !important;
}
.pagination li.page-item {
	display: inline-block;
}
.pagination li span,
.pagination li a {
	border-radius: 0;
	color: #000;
}
.pagination li a:hover {
	color: #000;
}
.pagination li.active span {
	background-color: #b1a46a;
	color: #fff;
	border-color: #b1a46a;
	border-radius: 0;
	
}


/*** News Plugin End ***/

.row, .container {
	--bs-gutter-x: 1.8rem;
}
.accordion-header .accordion-button {
	margin: 0;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}

#content-footer .row {
	margin: 0;
}