body {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 29px;
	color: #333333;
	font-weight: 400;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	background: #E5E5E5;
}

#header {
	background: #333;
	height: 95px;
	overflow: visible !important;
}

#header .inside {
	position: relative;
	max-width: 1170px;
	margin: auto;
		padding-left: 20px;
		padding-right: 20px;
		overflow: visible !important;
}

#header .logo {
	background: url(../assets/logo-header.png);
	width: 326px;
	height: 177px;
	position: absolute;
	z-index: 2;
}

/*###############################################################################  Navigation */

#header li {
	color: #FFFFFF;
	*display: inline;
	list-style-type: none;
	*padding: 0px 15px;
	font: 18px/76px 'Open Sans', Arial, sans-serif;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	letter-spacing: 1px;
}


#header .mod_customnav, #header .mod_navigation {
	position: absolute;
	right: 15px;
	top: 10px;
	overflow:visible;
	z-index: 4;
}


#header .mod_customnav a, #header .mod_navigation a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 15px;
	font: 18px/76px 'Jockey One', Arial, sans-serif;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	letter-spacing: 1px;
}

#header .mod_customnav .level_2 a, #header .mod_navigation .level_2 a {
	padding: 0px 15px;
	font: 18px/44px 'Jockey One', Arial, sans-serif;
}


#header .mod_customnav .active, #header .mod_customnav .trail,
#header .mod_navigation .active, #header .mod_navigation .trail {
	color: #f09109 !important;
	font-weight: normal;
}

#header .mod_customnav a:hover, #header .mod_navigation a:hover {
	color: #f09109 !important;
}

/*############################## sf-menu */

.sf-menu li {
	background: none;
}

.sf-menu li:hover, .sf-menu li.sfHover {
	background: none;
}

.sf-menu .level_2 li:hover, .sf-menu .level_2 li.sfHover {
	background: #A00057;
}

.sf-menu a, .sf-menu span.active {
	border: none;
}

.sf-menu ul li {
	background: #A00057;
	border-bottom: 1px #C4006B solid;
}

.sf-menu .subline {
	display: none !important;
}


/*############################## Menu rechte Spalte */

#right ul {
	padding: 0;
}
#right li {
	position: relative;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

#right li:last-child {
	border-bottom: none
}

#right li a {
	position: relative;
	display: block;
	color: #777777;
	text-align: left;
	padding: 10px 35px;
	font: 16px/26px 'Jockey One', Arial, sans-serif;
	background: #F4F4F4;
	font-weight: normal;
	text-decoration: none;
}

#right li.active {
	color: #EAEAEA;
	background-color: #FF8A00;
	padding: 10px 35px;
	font: 16px/26px 'Jockey One', Arial, sans-serif;
}

#right li strong {
	font-weight: normal !important
}

#right li a:after {
	position: absolute;
	content: '►';
	color: #fd7605;
	width: 11px;
	height: 15px;
	display: block;
	left: 12px;
	top: 0;
	margin-top: 11px;
}

#right li strong:after {
	position: absolute;
	content: '►';
	color: #FFFFFF;
	width: 11px;
	height: 15px;
	display: block;
	left: 12px;
	top: 0;
	margin-top: 11px;
}

#right li a:hover {
	color: #EAEAEA;
	background-color: #FF8A00;
}


/*###############################################################################  Slider */

#slider {
	margin-bottom: 20px;
}

#slider .wrapper {
	max-width: 1160px;
	margin-left: calc(50vw - 580px);
	height: 100%;
	width: 100%;
	position: absolute;

}


#slider .claim {
	position: absolute;
	right: 0px;
	bottom: 50px;
	*background: #800080;
	background: #9F0057;
	display: inline;
	color: #FFFFFF;
	font-size: 35px;
	line-height: 40px;
	font-weight: 500;
	text-align: center;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	*width: 280px;
	*height: 280px;
	*border-radius: 10px;
	
}

#slider .claim.mobile_content {
	background: none !important;
}

#right .claim , .preisbutton .claim {
	position: relative;
	*background: #800080;
	background: #9F0057 !important;
	display: block;
	color: #FFFFFF;
	font-weight: 500;
	text-align: center;	
	padding: 10px;
	*border-radius: 20px;
	padding-bottom: 25px;
}

.preisbutton .claim {
	border-radius: 0px;
}

.preisbutton {
	max-width: 300px;
	width: 100%;
}

#moeglichkeiten .-large-last {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}


#slider .claim.start {
		padding-top: 70px;
		font-size: 30px;
}

/*
.slide1 .claim1, .slide1 .claim2, .slide1 .claim3 {
	opacity:0;
	position: absolute;
	right: 0px;
	bottom: 50px;
	*background: #800080;
	background: #9F0057;
	display: inline;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	text-align: center;
	border-radius: 140px;
	padding-top: 65px;
	padding-left: 30px;
	padding-right: 30px;
	width: 200px;
	height: 200px;
}
*/

.slide1 .claim1, .slide1 .claim2, .slide1 .claim3 {
	opacity:0;
	position: absolute;
	right: 0px;
	bottom: 50px;
	*background: #800080;
	background: #9F0057;
	display: inline;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	text-align: center;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 25px;
	width: 200px;
	*height: 200px;
	*border-radius: 10px;
}

.claim1 .fitness, .claim2 .fitness, .claim3 .fitness {
	font-weight: 700;
	color: #FF9900;
	font-size: 28px;
	line-height: 30px;
}


#slider .button {
	position: absolute;
	right: 0px;
	bottom: 20px;
	display: inline;
	color: #FFFFFF;
	font-size: 35px;
	line-height: 40px;
	font-weight: 500;
	padding-left: 30px;
	padding-right: 30px;
}



#slider .background img {
	width: 100% !important;
	margin: 0px;
	padding:0px
}

#slider figure , #slider img {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	display: block;
	vertical-align: bottom;
	
}

.small {
	font-size: 13px;
	line-height: 13px;
	color: #FF9900;
	font-weight: 700;
}
.fitness {
	font-size: 45px;
	line-height: 75px;
	color: #FFFFFF;
}




#slider table, #right table, .preisbutton table {
	position: relative;
	font-size: 30px;
	line-height: 20px;
	margin-top: 20px;
	color: #FFFFFF !important;
}

#right table {
	font-size: 20px;
}

.preisbutton {
	margin-top: 20px;
}
.preisbutton strong {
	color: #FFFFFF !important;
}

/*###############################################################################  Container / main etc */

#container {
	position: relative;
	margin: auto;
	max-width: 1170px;
	padding-left: 20px;
	padding-right: 20px;
}

.standard2 #container {
	margin-top: 100px;
}

.standard2 #main {
	max-width: 895px;
	width: calc(100% - 290px);
}

#right {
	padding-left: 50px;
	margin-top: 25px;
	width: 240px;
}

.bilder #container {
	margin-top: 100px;
}

/*###############################################################################  Schriften etc */

.mobile_content {
	display: none;
}
.mmenu-icon {
	position: absolute;
	right: 20px;
	top: 27px;
	background: url(../assets/mmenu.png);
	background-size: cover;
	width: 30px;
	height: 20px;
	display: none;
}

.wichtig {
	padding-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-evenly
	
}
.line1 {
	font-size: 53px;
	line-height: 30px
}
.line2 {
	font-size: 30px;
	line-height: 39px;
}
.line3 {
	font-size: 50px;
	line-height: 40px;
}

.p1, .p2 {
	position: relative;
}

.top1, .top2 {
	color: #ff9900;
	font-size: 35px;
	font-weight: 700;
	line-height: 60px;
}

.top1:before {
	 position: absolute;
	width: 50px;
	height:50px;
    content: " ";
    background-image: url(../assets/thumbs_up_purpur.png);
	background-size: 100%;
    left: -70px;
    top: 5px;
}
.top2:before {
	position: absolute;
	width: 50px;
	height:50px;
    content: " ";
    background-image: url(../assets/thumbs_up_purpur.png);
	background-size: 100%;
    left: -70px;
    top: 65px;
}

.partner {
	text-align: center;
}

.partner .rs-column {
	margin-top: 0;
}

.partner .ce_image {
	display: flex;
	height: 100px;
	align-items: center;
	justify-content: space-evenly
}


.partner img {
	width: auto !important;
}

.ce_gallery li {
	width: 32% !important;
}

.ce_gallery li  {
	margin-right: 1.333% !important;
	margin-bottom: 1.333% !important
}

.ce_gallery li.col_last  {
	margin-right: 0px !important
}

.bilder .ce_gallery li, .ce_gallery.partner  li {
	width: 24% !important;
}

.ce_gallery img, .ce_gallery figure {
	display: block;
}

.margin_bottom {
	margin-bottom: 20px;
}

.padding_bottom {
	padding-bottom: 20px;
}

.padding_top {
	padding-top: 20px;
}

.trainingszeiten .-large-first {
	max-width: 250px;
}
.trainingszeiten .-large-last {
	max-width: 300px;
}

.trainingszeiten .rs-column {
	margin-right: 0;
}

.trainingszeiten .tabelle p {
	line-height: 35px;
	margin:0;
	padding:0;
	border-bottom: 1px solid #999;;
}

.trainingszeiten .rs-column.-medium-col-2-1 {
	width: 50%;
}

.box_contact {
	background: #F4F4F4;
	padding: 20px;
	border: 1px solid #ff9900;
	font-size: 14px;
	line-height: 18px;
	text-align: right;
}

.box_contact h6 {
	color: #ff9900;
	font-size: 14px;
	line-height: 20px;
	padding: 0;
	margin: 0;
}

.green {
	color: #009581;
	font-weight: bold;
}

.lila {
	color: #800080;
	font-weight: bold;
}

.news {
	position: relative;
	display: inline-block;
	background: #009581;
	font-size: 16px;
	padding: 4px 8px;
	top: -5px;
	border-radius: 5px;
	color: #FFFFFF;
	font-weight: 700;
}

#main strong {
	color: #800080;
}

#main img {
	width: 100%;
}

a {
	color: #ff9900;
}

h1, h2 {
	display: block;
	*display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #ffffff;
	background-color: #ff9900;

	line-height: 1.2;
	margin-bottom: 0.5em;
	font-family: 'ABeeZee', sans-serif;
	font-weight: 400;
	margin-top: 30px;
	
	/*
	background:url(../assets/headline_background_4.png);
	background-position: center left;
	background-size: cover;
	*/
}

h2 {
	*display: inline-block;
	*background:url(../assets/headline_background_3.png);
	*background-position: center right;
	*background-size: cover;
}

/*

h1:after, h2:after {
	position: relative;
	*width: 100px;
	*height: 200px;
	background:url(../assets/headline_background_2.png);
	background-position: center right;
	background-size: cover;
	content: " ";
	padding-left: 0px;
	padding-right: 60px;
	padding-top: 0;
	padding-bottom: 0;
}
*/

h3 {
	font-family: 'ABeeZee', sans-serif;
}


.ce_form label {
	width: 150px !important;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}

.ce_form input, .ce_form textarea {
	font-size: 16px;
	border: none;
	width: calc(100% - 170px);
	padding: 5px;
	vertical-align: top;
}

.ce_form input[type = "checkbox"]{
	width: 30px;
	float: left;
}

.ce_form .widget-checkbox {
	padding-top: 20px;
	padding-left: 130px;
}
.ce_form .checkbox_container {
	border: none;
}

.ce_form .widget-checkbox label {
	width: calc(100% - 50px) !important;
	font-weight: normal;
	line-height: 22px;
}

.ce_form button {
	margin-left: 150px;
}



/*###############################################################################  Footer etc */

#footer {
	font-size: 16px!important;
	line-height: 23px;
	padding: 58px 0 30px;
	color: #fff;
	overflow: hidden;
	background: #343434;
	padding-bottom: 0px;
	margin-top: 50px;
	padding-bottom: 50px;
	height: auto;
}

#footer a {
	font-size: 16px!important;
	text-decoration: none;
}

#footer .inside {
	margin: auto;
	max-width: 1170px;
	padding-left: 20px;
	padding-right: 20px;
}

#footer ul {
	margin:0;
	padding: 0;
}

#footer li {
	list-style: none;
	padding-left: 10px;
}
#footer li:before {
	content: '»';
	font-size: 13px;
	line-height: 17px;
	position: relative;
	top: -2px;
	left: -10px;
	color: #FFFFFF;
	
}

#footer li strong {
	font-weight: normal;
}
#footer h4 {
	margin-top: 0;
}


#footer .rs-column.-large-col-4-1 {
	width: 22%;
}

#footer .rs-column {
	margin-right: 3%;
}

