body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
body {
    font:20px/32px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    height: 100%;
    overflow-y: scroll;
}

/* fira-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/taufit/css/fira-sans-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/taufit/css/fira-sans-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/taufit/css/fira-sans-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

p, .rte li {
    font:20px/32px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
    color:#4e4e4d;
    font-weight: 300;
}

.rte li {
    margin-left:20px;
    list-style-type: circle;
}

#fakten p, .intro-text p {
    color:#ffffff;
}

#intro p, #startseite-intro p {
    font:26px/38px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
    font-weight: 300;
}

#intro p {
    text-align:center;
}

#startseite-intro p {
    color:#fff;
    text-align:center;
}

#text {
    padding:30px;
}

img {
    display:block;
}

a {
    text-decoration:none;
    color:#4e4e4d;
}

h1,h2 {
    text-align: center;
    margin-top:0px;
    margin-bottom:30px;
}

h2, h3, h4, h5 {
    color:#747C51;
    font-weight: 400;
}

h3, h4 {
    margin-top:0px;
    margin-bottom:10px;
}

h1 {
    font:60px/70px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
    color:#ffffff;
    font-weight: 400;
}

h2 {
    font:70px/80px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h3 {
    text-align: left;
    font:42px/50px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h4 {
    text-align: left;
    font:28px/40px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h5 {
    text-align: left;
    font:20px/32px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
    margin-top:0px;
    margin-bottom:0px;
}

#navbar {
    width:100%;
    height:110px;
    left:0;
    top:0;
    position:absolute;
    padding-right:5%;
    padding-left:5%;
    background-color:#ffffff;
    z-index:999;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#navbar.sticky {
    height:70px;
    position:fixed;
    background-color:#ffffff;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
    z-index:999;
}

#navbar.sticky #logo {
    width:120px;
    height:auto;
    padding-top:10px;
    padding-bottom:0;
}

#navbar.sticky #navi_anker {
    margin-top:20px;
}

#logo {
    width:296px;
    max-width:100%;
    display:inline-block;
    padding-top:10px;
    padding-bottom:5px;
    -moz-transition: width 0.3s, height 0.3s;
    -webkit-transition: width 0.3s, height 0.3s;
    transition: width 0.3s, height 0.3s;
}

#navi_anker {
    float:right;
    display:inline-block;
    margin-top:30px;
}

#navi_anker li {
    width:auto;
    float:left;
}

#navi_anker a,
#navi_anker span {
    display:block;
    padding:5px 10px;
    font-size:20px;
    line-height:28px;
    color:#4e4e4d;
}

#navi_anker .active,
#navi_anker .trail,
#navi_anker a:focus,
#navi_anker a:hover {
    color:#4e4e4d;
}

.home-nav {
    background-image:url("../../files/taufit/css/home.png");
    background-position:center center;
    background-repeat:no-repeat;
}

#navi_anker a.home-nav,
#navi_anker span.home-nav {
    padding-right:15px;
    padding-left:15px;
    font-size:0;
}

.mitglied-werden {
   text-transform: uppercase;
   font-weight: 500;
}

#navi_mobil {
    display:none;
}

.col50, .col33 {
    float: left;
    padding-left:2%;
    padding-right:2%;
}

.col50 {
    width: 50%;
}

.col33 {
    width: 33%;
}

.rechtliches {
    float: left;
    width: 100%;
    padding-top: 150px;
    padding-left:5%;
    padding-right:5%;
    padding-bottom:5%;
}

#intro {
    margin:0;
    padding-top:300px;
    padding-left: 3%;
    padding-right: 3%;
    background-image:url("../../files/taufit/css/taufit_fitnessstudio_igersheim_header.jpg");
    position:relative;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#intro h2 {
    font:40px/50px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
    color:#fff;
    margin-bottom: 10px;
}

#startseite-intro {
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #747C51;
    color:#fff;
}

#startseite-intro .ce_text {
    text-align:center;
}

#startseite-intro h2 {
    color:#fff;
}

.leistungen_text, .leistungen_bild {
    width: 50%;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.leistungen_text{
    padding: 2% 5%;
}

.leistungen_text a {
    color:#747C51;
    font-weight:500;
}

.leistungen_text a:hover {
    text-decoration:underline;
}

.ce_text, .intro-text, #fakten p {
    max-width:1000px;
    margin: 0 auto;
}

.ce_text, #fakten p {
    padding-top:50px;
    padding-bottom:50px;
}

#leistungen {
    margin-bottom:0%;
}

.bild_marcel {
    margin-top:40px;
}

.slider-prev, .slider-next {
    display: none !important;
}

.slider-control .slider-menu {
    font-size: 40px !important;
}

#mitglied-werden {
    padding:5% 3%;
    background-image:url("../../files/taufit/css/taufit_fitnessstudio_igersheim_mitglied_werden.jpg");
    background-position:left top;
    background-repeat:no-repeat;
    position:relative;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#mitglied-werden h2, #mitglied-werden h3, #mitglied-werden h4, #mitglied-werden p, #mitglied-werden a {
   text-align: left;
   color:#fff;
}

#mitglied-werden h3 {
   font:30px/40px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
   font-weight: 500;
}

#mitglied-werden h4 {
   font:24px/28px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
   font-weight: 500;
   margin-bottom: 0px;
}

footer, #leistungen, #vorstellung {
    padding:5% 3%;
    background-color:#f0f0f0;
}

form#kontaktformular {
    margin-bottom:0;
    line-height:1;
}

#kontaktformular input,
#kontaktformular textarea,
button {
    margin-bottom:5px;
    padding:10px 15px;
}

#kontaktformular .text,
#kontaktformular textarea {
    width:100%;
    border:1px solid #dcdcdc;
}

button.submit {
    background-color:#747C51;
    border:0;
    color:#fff;
    cursor:pointer;
}

button.submit:hover {
    background-color:#323232;
}

footer h3 {
    border-bottom:2px solid;
}

footer a:hover, #mitglied-werden a:hover {
    text-decoration:underline;
}

.hansefit {
    margin-top: 10px;
}

.button-down {
    width:80px;
    height:80px;
    background-image:url("../../files/taufit/css/button-down.png");
    background-position:center center;
    background-repeat:no-repeat;
    border:5px solid #fff;
    border-radius:50px;
    margin: 3% auto;
}

.button-down:hover {
    background-image:url("../../files/taufit/css/button-down-hover.png");
    border-color:#747C51;
}

.nach_oben_link {
    width:55px;
    height:55px;
    bottom:25px;
    right:25px;
    position:fixed;
    background:rgba(30,30,30,.8) url("../../files/taufit/css/top-link.png") center center no-repeat;
    border:5px solid #747C51;
    border-radius:50px;
}

.nach_oben_link:hover {
    background-color:rgba(116,124,81,.8);
}

.hvr-underline-from-left {
    position:relative;
    overflow:hidden;
    display:inline-block;
    vertical-align:middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-underline-from-left:before {
    height:3px;
    left:0;
    right:100%;
    position:absolute;
    content: "";
    z-index: -1;
    bottom: 0;
    background: #747C51;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
    right:0;
}

.clr {
    clear:both;
}

@media screen and (min-width: 1400px) and (max-width: 1660px) {

body {
    font:17px/26px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

p, .rte li {
    font:17px/26px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h1 {
    font:50px/60px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h2 {
    font:48px/56px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h3 {
    font:36px/46px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h4 {
    font:22px/34px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h5 {
    font:17px/26px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

#intro p, #startseite-intro p {
    font:22px/34px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

#navbar {
    padding-right:3%;
    padding-left:3%;
}

.col50, .col33 {
    padding-left:1%;
    padding-right:1%;
}

.leistungen_text{
    padding: 2% 3%;
}

footer, #leistungen, #vorstellung, #mitglied-werden {
    padding:5% 2%;
}

}

@media screen and (min-width: 1100px) and (max-width: 1399px) {

body {
    font:14px/20px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

p, .rte li {
    font:14px/20px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h1 {
    font:40px/50px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h2 {
    font:38px/46px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

#intro h2 {
    font:32px/38px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h3 {
    font:26px/34px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h4 {
    font:18px/26px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h5 {
    font:14px/20px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

#intro p, #startseite-intro p {
    font:19px/29px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

#navbar {
    padding-right:3%;
    padding-left:3%;
}

.col50, .col33 {
    padding-left:1%;
    padding-right:1%;
}

.leistungen_text{
    padding: 2% 3%;
}

footer, #leistungen, #vorstellung, #mitglied-werden {
    padding:5% 2%;
}

}

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

body {
    font:16px/22px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

p, .rte li {
    font:16px/22px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h1, h2 {
    margin-bottom:15px;
}

h1 {
    font:30px/36px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h2 {
    font:30px/36px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

#intro h2 {
    font:26px/32px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h3 {
    font:26px/34px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

#mitglied-werden h3 {
   font:22px/28px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
   font-weight: 500;
}

#mitglied-werden h4 {
   font:18px/24px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
   font-weight: 500;
   margin-bottom: 0px;
}

h4 {
    font:19px/26px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

h5 {
    font:16px/22px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

#intro p, #startseite-intro p {
    font:19px/29px 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
}

#navbar {
    padding-right:3%;
    padding-left:3%;
    height:70px;
    position:fixed;
    background-color:#ffffff;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
    z-index:999;
}

#logo {
    width:120px;
    height:auto;
    padding-top:10px;
    padding-bottom:0;
}

#navi_anker {
    display:none;
}

#navi_mobil {
    float:right;
    display:inline-block;
}

.header__nav {
    display:block;
}

.menu-btn {
    width: 30px;
    height: 30px;
    position: relative;
    z-index:999999;
    overflow: hidden;
    cursor:pointer;
    float:right;
    margin-top: 20px;
}

.menu-btn .bar {
    width: 30px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    background-color: #4e4e4d;
    transition: all 0.3s ease-in-out;
}

.menu-btn .bar:nth-of-type(2) {
    top: calc(50% - 9px);
}

.menu-btn .bar:nth-of-type(3) {
    top: calc(50% + 9px);
}

.menu-btn.active .bar:nth-of-type(1) {
    display: none;
}

.menu-btn.active .bar:nth-of-type(2) {
    top: 50%;
    transform: translate(-50%, 0%) rotate(45deg);
}

.menu-btn.active .bar:nth-of-type(3) {
    top: 50%;
    transform: translate(-50%, 0%) rotate(-45deg);
}

.nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    background-color: #747C51;
    opacity: 0.9;
    transform: translateX(100%);
    transition: transform 0.5s;
    text-align: center;
    z-index:99999;
}

.nav__link {
    font-size: 25px;
    text-align: center;
    line-height: 1.8;
    font-family: 'Fira Sans',Arial,Verdana,Helvetica,sans-serif;
    color: #ffffff;
}

.nav.active {
    transform: translateX(0);
}

.nav .nav__list_item {
    list-style-type: none;
}

.nav__list_item {
    border-bottom: 0px;
}

.nav__list {
    margin-top:80px;
}

.col50, .col33 {
    float: none;
    width:100%;
    padding-left:2%;
    padding-right:2%;
}

#intro {
    padding-top:180px;
}

#startseite-intro {
    padding: 10% 3%;
}

.bild_marcel {
    margin-top:15px;
}

.leistungen_text{
    padding: 8% 3%;
}

.leistungen_text, .leistungen_bild {
    width: 100%;
}

.float_left, .float_right {
    float: none;
}

footer, #leistungen, #vorstellung, #mitglied-werden {
    padding:10% 2%;
}

.hansefit {
    margin-bottom: 15px;
}

}