body {
background-color : #404040;
font-family : 'Raleway', sans-serif;
margin : 0;
padding : 0;
line-height : 1.5;
}
html {
background-color : transparent;
min-width : 300px;
overflow-x : hidden;
overflow-y : scroll;
text-rendering : optimizeLegibility;
text-size-adjust : 100%;
margin : 0;
background : #404040;
}
*, *:before, *:after {
box-sizing : border-box;
}

.paypal-button-tagline {
  display: none !important;
}

.ig-container .SocialProof, .ig-container .Feedback, .ig-container .Footer {
display : none;
}

h1, h2, h3, h4, h5 {
font-family : 'Montserrat', sans-serif;
font-weight : 500;
}
quote {
margin : 0 13% 0 7%;
display : block;
font-size : 14px;
}
.icon {
display : none;
}
img.marketing {
filter : grayscale(1);
}
img.poster {
border-radius : 0.3rem 2rem;
}
#fito-widget img {
filter : grayscale(0);
}
.marketing:hover {
filter : grayscale(0);
}
strong, .highlight {
font-weight : 700;
  color: #f3bcbc;
}
a {
	color: white;
}

.unswitched {
color : white;
}
.switched {
color : black;
font-weight : 600;
}
a.active {
color : #ee2935;
font-weight: 800;
}
a.button {
border : rgb(48, 48, 48) solid 1px;
padding : 5px 8px;
background-color : white;
}
a.button:hover {
color : black;
}

ul {
list-style-type : none;
margin : 0;
padding : 0;
}
img.fito {
border-radius : 5px;
filter : blur(1px);
transition : 0.3s ease-in-out;
margin-left : 2px;
padding : 10px;
background-color : white;
}
img.fito:hover {
filter : blur(0);
}
li > img {
width : 200px;
margin : 0 10px 0 0;
}


.popup-privacy {
position : fixed;
bottom : 0;
z-index : 10;
display : block;
width : 100%;
height : 30px;
background-color : white;
color : black;
}
.popup-privacy p {
margin : 0 auto;
text-align : center;
padding-top : 3px;
font-size : 1em;
}
.popup-privacy p a {
color : #ee2935;
}
#top {
margin : 4rem auto 0 auto;
width : 63vw;
height : 9rem;
top : 5rem;
left : 18vw;
background-color : #404040;
cursor : pointer;
}
#top h1 {
padding-top : 0;
font-family : 'Averia Serif Libre', cursive;
font-weight : 700;
color : white;
font-size : 5.1vw;
margin : 5vh 0;
display : inline-block;
line-height : 1;
text-transform : uppercase;
}
#top h1:after {
content : "*";
display : inline-block;
color : #ee2935;
}
#top h3 {
color : #ee2935;
font-size : 2vw;
margin : 0;
}
#top img {
width : 57%;
margin : 0;
top : 0;
}
.menu {
background-color : #EF3E49;
height : 4rem;
z-index : 200;
position : fixed;
width : 100%;
top : 0;
}
.menu ol {
list-style-type : none;
margin : 0 auto;
padding : 0;
}
.menu > ol {
max-width : 1000px;
padding : 0 2rem;
display : flex;
}
.menu > ol > .menu-item {
flex : 1;
padding : 0.75rem 0;
}
.menu > ol > .menu-item:after {
content : "";
position : absolute;
width : 4px;
height : 4px;
border-radius : 50%;
bottom : 5px;
left : calc(50% - 2px);
background : #FECEAB;
will-change : transform;
transform : scale(0);
transition : transform 0.2s ease;
}
.menu > ol > .menu-item:hover:after {
transform : scale(1);
}
.menu-item {
position : relative;
line-height : 2.5rem;
text-align : center;
}
.menu-item a {
font-family : 'Montserrat', sans-serif;
font-size : 15px;
font-weight : 400;
letter-spacing : -0.3px;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
display : inline;
color : #FFF;
}
.menu-item a.active {
color : #000;
  font-weight: 500;
}
.sub-menu .menu-item {
padding : 0.75rem 0;
background : #EF3E49;
opacity : 0;
transform-origin : bottom;
animation : enter 0.2s ease forwards;
text-align : center;
}
.sub-menu .menu-item:nth-child(1) {
animation-duration : 0.2s;
animation-delay : 0s;
}
.sub-menu .menu-item:nth-child(2) {
animation-duration : 0.3s;
animation-delay : 0.1s;
}
.sub-menu .menu-item:nth-child(3) {
animation-duration : 0.4s;
animation-delay : 0.2s;
}
.sub-menu .menu-item:nth-child(4) {
animation-duration : 0.5s;
animation-delay : 0.3s;
}
.sub-menu .menu-item:hover {
background : #FDE9EA;
}
.sub-menu .menu-item:hover a {
color : #ee2935;
}
.sub-menu .menu-item a {
padding : 0 0.75rem;
}

#home h1 {
font-size : 1.4em;
color : #ee2935;
font-weight : 600;
font-variant : small-caps;
background-color : white;
display : inline-block;
padding : 0 5px;
}

#home h2 {
padding-top : 0;
font-family : 'Averia Serif Libre', cursive;
font-weight : 700;
color : white;
font-size : 1.2rem;
margin : 4vh 0;
line-height : 1;
text-transform : uppercase;
text-decoration-line: underline;
}

#home h3 {
    font-size: 1.4em;
    color: #ee2935;
    font-weight: 600;
    font-variant: small-caps;
    padding: 0 5px;
    border: #ee2935 dotted;
    border-radius: 3px;
    border-top: none;
    border-right: none;
}

h4 {
  font-size: 1em;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  font-style: italic;  
}

#home.resources h2 {
  display: inherit;
}

#home.resources h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: 600;
    color: white;
}

#home .box {
  display: flex;
  flex-wrap: wrap;
}

#home .box p {
  font-size: 0.8em;
  margin: 0 0 10px 0;
  line-height: 1.9;
  font-weight: 450;
  color: #444;
}
#home .box p span.title {
  font-size: 1em;
}
#home .box .col-membership {
  display:flex;
  flex-direction: column;
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 0 10px 10px 0;
    padding: 10px;
    /*flex: 0 1 0;*/
  background: #f88989;
}
#home .box .col-membership:hover {
  background:#EF3E49;
  color:white;
}

#home .box .col-membership:hover p {
  font-weight: 450;
  color:white;
}

#home .box .col-membership .highlight {
  color:white;
}

#home .box .col-membership:hover .highlight {
  color:#404040;
}

#home .paypal {
  align-items: flex-end;
    display: flex;
    flex-grow: 1;
}

#home a {
color : white;
text-decoration: underline;
}

#home a:hover {
  text-decoration: none;
  background: #EF3E49;
  color:#ffffff;
}

#home #index_submenu {
  line-height: 1.9;
  list-style: none; 
  padding-left: 0; 
  font-size: .9em
}
#home #index_submenu a:hover:after {
  content: '\00a0\00a0\00a0⇩';
}

#home a.btn, #home input.btn {
  border-radius: 36px;
  font-family: Arial;
  color: #000000;
  font-size: 13px;
  background: #FFF;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  cursor: pointer;
}

#home a.btn:hover {
  background: #EF3E49;
    color:#ffffff;
  text-decoration: none;
}


@media screen and (max-width: 600px) {
   .sub-menu .menu-item {
   background : #666;
   }
   .menu {
   position : relative;
   }
   .menu-item {
   text-align : left;
   }
   .menu:after {
   content : "";
   position : absolute;
   top : calc(50% - 2px);
   right : 1rem;
   width : 30px;
   height : 4px;
   background : #FFF;
   box-shadow : 0 10px #FFF, 0 -10px #FFF;
   }
   .menu > ol {
   display : none;
   background : #F36971;
   flex-direction : column;
   justify-content : center;
   height : 100vh;
   animation : fade 0.2s ease-out;
   }
   .menu-item a {
   letter-spacing : 0;
   }
   .menu > ol > .menu-item {
   flex : 0;
   opacity : 0;
   animation : enter 0.3s ease-out forwards;
   }
   .menu > ol > .menu-item:nth-child(1) {
   animation-delay : 0s;
   }
   .menu > ol > .menu-item:nth-child(2) {
   animation-delay : 0.1s;
   }
   .menu > ol > .menu-item:nth-child(3) {
   animation-delay : 0.2s;
   }
   .menu > ol > .menu-item:nth-child(4) {
   animation-delay : 0.3s;
   }
   .menu > ol > .menu-item:nth-child(5) {
   animation-delay : 0.4s;
   }
   .menu > ol > .menu-item + .menu-item {
   margin-top : 0.75rem;
   }
   .menu > ol > .menu-item:after {
   left : auto;
   right : 1rem;
   bottom : calc(50% - 2px);
   }
   .menu > ol > .menu-item:hover {
   z-index : 1;
   }
   .menu:hover > ol {
   display : flex;
   }
   .menu:hover:after {
   box-shadow : none;
   }
   .sub-menu .menu-item {
   text-align : center;
   margin-left : 8rem;
   }
   .sub-menu {
   width : 100vw;
   left : -2rem;
   top : 50%;
   transform : translateY(-50%);
   }
   
}

.sub-menu {
position : absolute;
width : 100%;
top : 100%;
left : 0;
display : none;
z-index : 1;
}
.menu-item:hover > .sub-menu {
display : block;
}


html, body {
font-size : 16px;
margin : 0;
background : #404040;
}
* {
box-sizing : border-box;
}
*:before, *:after {
box-sizing : inherit;
}
a {
text-decoration : none;
}

@keyframes enter {
from {
opacity : 0;
transform : scaleY(0.98) translateY(10px);
}
to {
opacity : 1;
transform : none;
}
}
@keyframes fade {
from {
opacity : 0;
}
to {
opacity : 1;
}
}

.imprint {
position : fixed;
bottom : 1.5em;
left : 1.5em;
font-size : 0.6em;
}
#home {
width : 63vw;
margin : 0 auto;
padding : 0;
color : #e3e3e3;
}
#home h4 {
font-family : 'Montserrat', sans-serif;
  font-size: 1.1em;
    font-weight: 400;
    margin: 1em 0;
}
#home p {
font-size : 0.95em;
margin : .5em 0;
line-height : 1.7;
font-weight : 300;
}
li:hover, li.visited {
color : #6B7276;
}
#social {
position : fixed;
z-index : 9;
bottom : 1rem;
left : 2rem;
width : 2vh;
}
#social img {
height : 30px;
filter : ;
}
#social img.ctnd {
height : 65px;
width : 65px;
margin-left : -1.1rem;
margin-top : 0.5rem;
filter : ;
}
img.ctnd, button.marketing {
filter : ;
}
figure {
text-align : left;
font-style : italic;
font-size : 1.1vw;
margin : 3vh 0 0 0;
padding : 0;
}
.video-container {
position : relative;
padding-bottom : 56.25%;
padding-top : 30px;
height : 0;
overflow : hidden;
max-width : 95%;
}
.trainer > .video-container {
position : relative;
padding-bottom : 100%;
padding-top : 30px;
}
.video-container iframe, .video-container object, .video-container embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.ig-container .SocialProof, .ig-container .Feedback, .ig-container .Footer {
display : none;
}


@media screen and (max-width: 600px) {
     #top {
     cursor : pointer;
     position : static;
     width : 85%;
     float : right;
     margin : 0 1% 1% 0;
     height : 20vh;
     }
     #top h1 {
     font-size : 8.5vw;
     line-height : 1.1;
     }
     #top h3 {
     font-size : 3vw;
     top : 8vh;
     }
     #menu {
     top : 10px;
     width : 26%;
     font-size : 0.9em;
     }
     .deutsch #menu {
     top : 10px;
     width : 26%;
     font-size : 0.75em;
     }
     #menu ul.main {
     padding : 0 0 0 0;
     margin : 3em 0 0 0;
     margin : 6vh 0 0 0;
     }
     #menu li {
     min-height : 15px;
     padding : 5px 0 0 0;
     }
     #menu li *.text {
     font-size : 1.1em;
     font-weight : 700;
     }
     #menu ul li a, #menu li span.special {
     font-weight : 300;
     text-transform : uppercase;
     }
     #menu ul.main > li:last-child * {
     font-size : 0.6em;
     font-weight : 700;
     font-style : normal;
     }
     #menu li span.special {
     font-weight : 700;
     text-transform : uppercase;
     display : inline-block;
     padding : 0.5em 0.5em 0.1em 0.3em;
     margin-left : 0.3em;
     }
     #menu ul ul li {
     font-size : 0.8em;
     padding-left : 15px;
     }
     .deutsch #menu ul ul li {
     font-size : 1em;
     padding-left : 8px;
     }
     #menu ul ul li a {
     padding : 0.3em 0.5em 0.3em 0.3em;
     margin-left : 0.3em;
     text-transform : none;
     font-weight : 300;
     }
     #home {
     width : 85%;
     float : right;
     margin : 0 1% 1% 0;
     }
     #home p {
     font-size : 2.5vw;
     font-size : 13px;
     }
     #home h2 {
     font-size : 2.7vw;
     font-size : 14px;
     }
     #home h4 {
     font-size : 2.7vw;
     font-size : 15px;
     }
     figure {
     font-size : 1.5vw;
     font-size : 8px;
     }
     #social {
     left : 1rem;
     bottom : 0;
     }
     #social img {
     height : 20px;
     }
     #social img.ctnd {
     height : 40px;
     width : 40px;
     margin-left : -0.6rem;
     }
     .popup-privacy {
     height : 7vh;
     }
     .popup-privacy p {
     font-size : 0.8em;
     }
}