/*!
 * Mentaltraining.pro v1.0 (http://mentaltraining.pro)
 * Copyright 2016 
 *
 */
 /* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    font-family: 'Raleway', 'Lato', 'Open Sans', sans-serif;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}
/* Navigation  */
.navbar-inverse {background:rgba(34,34,34,1)}
.navbar-inverse .navbar-nav > li > a {padding-top:25px;}
.navbar-inverse .navbar-nav > li > a,
.dropdown-menu > li > a {color:#fff; font-weight:700; font-size:0.8em; text-transform:uppercase;}

.dropdown-menu {font-size:inherit; background-color:#000;}
.dropdown-menu > li > a {padding:15px 25px;}

.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:active,
.navbar-inverse .navbar-nav > li > a.active,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active,
.dropdown-menu > li > a.active {color:#f7bc0b; transition: all .8s ease; background:none;}

.navbar-inverse .navbar-nav > li::before {content:''; width:0; height:2px; bottom:0; left:0; background:#ffc722; position:absolute; transition:all 400ms; -webkit-transition: all 400ms;}
.navbar-inverse .navbar-nav > li:hover::before {width: 100%;}

/* Home Page Carousel */

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Footer Styles */

footer {
    margin: 0;
    clear:both;
}

 .container {
        padding-left:0; 
        padding-right:0;
        width:100%;
    }

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom:15px;
    }

    header.carousel .carousel {
        height:70%;
    }
}

/*sk*/
body 		{font-size:18px;}
h1, h2, h3, 
h4, h5, h6	{font-family:inherit; font-weight:500; color:#2e2e2e; }
a {color:#000;}
a:hover, a:active, a:focus  {color:#000; text-decoration:none;}
.x {margin:0 auto; padding:0 10px;}
ul li {list-style: none;}

h1 {font-size:4em; font-weight:300;}
h2 {font-size:3em; font-weight:300;}
section{padding-bottom:2em; margin:2em 0;}

header h1 {font-size:1.2em;color:#f7bc0b;text-transform:uppercase;display:inline-block;padding:1em 1em 1em 2em;font-weight:500; background:rgba(0,0,0,0.5); position:absolute; bottom:0;}

.logo .navbar-brand {padding-top:5px;}
.logo a img {opacity:1}
.logo a:hover img,
.logo a:focus img {opacity:1; transition: all .8s ease;}
#myCarousel .carousel-indicators li{width:12px; height:12px;}
.carousel-caption {background-color:rgba(0,0,0,0.4);}
.carousel-caption h2 {color:#f7bc0b;}

.page-header {border:none;}
.courses .row {margin-left:5px; margin-right:5px;}
.courses .col-md-4 {background:#f7f8fa; min-height:500px; padding:4em; overflow:hidden; display:block; position:relative;}
.courses .col-md-4:nth-child(2n+0) {background:#f3f2f2;}
.courses h4 {font-size:3.2rem; font-weight:700;}
.courses a.col-md-4:hover {cursor:pointer; box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.5);z-index: 1000; transition: all .8s ease;}
.separator {position:relative; display:inline-block; vertical-align:middle; border-bottom:3px solid #f7bc0b; margin:10px 0; width:79px; margin-bottom:2em;}
.metatag span {color:#fff; padding:2px 4px; font-size:0.8em; background:#f7bc0b}

.courses .details {position:absolute; -webkit-transform: translateY(400px); transform: translateY(400px); -webkit-transition: all .8s ease; transition: all .8s ease; background:inherit;}
.courses .details {transform:translateY(0); top:420px; visibility:visible; padding-right:inherit;}
.details .metatag {margin-top:30px; opacity:0;}
.courses .btn {font-size:1.3em; font-weight:500; background:none; border:none; padding:0; opacity:.5;}
.courses .btn::after {font-family:FontAwesome; content:"\f178"; padding-left:0.5em; vertical-align:middle;}
.courses a:hover .btn::after, 
.courses a:active .btn::after,
.courses a:focus .btn::after {padding-left:1em; transition:.35s ease-in-out; animation: yb 1.2s infinite;}
.courses a:hover .metatag,
.courses a:active .metatag,
.courses a:focus .metatag {margin-top:10px; opacity:1; transition: all .8s ease;}
.courses a:hover .details {top:380px;}

.well {background:#f7bc0b; background-image:url('../img/pattern.png'); background-repeat:repeat; border-color:#f7bc0b; color:#fff; font-size:1.5em; font-weight:700; text-align:center; padding:2em}
.well .btn {width:250px; margin:2em auto 0 auto; font-weight:700; color:#f7bc0b; text-transform: uppercase; }
.well .btn:hover, 
.well .btn:active,
.well .btn:focus {color:#fff; background-color:#f7bc0b; border-color:#fff; transition: .35s ease-in-out;}

#myCarousel .carousel-control {height:100%;}
#myCarousel .carousel-caption {text-shadow:none;}
#myCarousel {background:url('../img/sport.jpg') 0% 30%/cover; min-height:60%;}
#myCarousel.carousel {height:60%;}

#myCarousel2 .container {height:100%; min-height:300px;}
#myCarousel2 .carousel-caption {position:relative; width:80%; right:10%; left:10%; color:#1B99B9; font-weight:500; padding:2em 0; text-align:left; text-shadow:none; background:none; }
#myCarousel2 .carousel-caption .col-md-6:first-child::before {font-family:FontAwesome; position:absolute; font-size:3em; opacity: .1; content: "\f10d"; left:0; top:-20px;}
#myCarousel2 .carousel-caption p {padding-left:2em;}
#myCarousel2 .carousel-caption .col-md-6:nth-child(2) {border-left:5px solid #eee; padding:10px 20px;}
#myCarousel2 .carousel-control {background:none; color:#000;}
#myCarousel2 .carousel-indicators li {border-color:#1B99B9;}
#myCarousel2 .carousel-indicators li.active {background:#1B99B9;}

#myCarousel2 .carousel-control .icon-prev, 
#myCarousel2 .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, 
#myCarousel2 .carousel-control .glyphicon-chevron-right {top:30%;}

#myCarousel2 .carousel-caption img {border-radius:50%; display:inline-block;float:left; padding: 0 0.5em 0.5em 0;}

.entry-content {position: relative; height:30%; top:0; background-position:center; background-size:cover; background-repeat:no-repeat;}
.entry-content .row { height:100%;}
.bg {background-color:rgba(255,255,255,0.3);}
.ta {text-align:right; color:#f7bc0b;}
.bg h1 {position:relative; top:50%; font-size:300%;}
.fill .col-md-6 {padding:2em; height:100%;}

.header {text-align:center; margin-bottom:3em;}
blockquote {border-left:0;}
.quote .header {margin-top:3em; margin-bottom:0;}
.author {font-size:0.8em; margin:2em 0 0 -10px; font-weight:300;}
.author::before {content: '\2014 \00A0';}
.name {font-weight:700; font-size:1.2em;}

footer  {background-color:#222; border-color:#080808; color:#9d9d9d; padding:3em 2em 1em 2em; text-align:center;}
.copyright {padding-top:2em; font-size:0.8em;}

.fields {background:#f7f8fa; margin-bottom:0;}
.list li {padding-bottom:0.5em; margin-left:2em;}
.list li:before {font-family:FontAwesome; content:"\f178"; padding-right:0.5em; vertical-align:middle; font-size:1.2em; color:#f7bc0b; margin-left:-33px;}
.portfolio a {background-size:cover; background-position:center center; position:relative; width:25%; height:250px; float:left; overflow:hidden;}

.steps-row,
.event  {background-color:#f5f5f5; padding:2em;}
.steps-wor .row {}
.steps-row .row:first-child {margin-top:6em;}
.steps-row {counter-increment:h4; margin-top:3.5em;}

 /* event*/
.event  {margin-bottom:1.5em;}
.done {text-decoration:line-through; color:#848484;}

.card {position:relative; display:block; height:100%; min-height:17.5em; width:100%; background:#fff; padding:1.5em 1em 1em; margin-bottom:2.2em; box-sizing:border-box; box-shadow:1px 1px 1px #ccc;}
.card-title {text-align:center; font-size:1.2em;}
.card-title span  {color:#f7bc0b; font-weight:700; font-size:2em}
.card-header {display:block; text-align:center; margin-top:-40px;}
.card-header span {background:#f7bc0b; padding:27px 15px; border-radius:50%; border:3px solid #fff;}
.card-header img {width:50px;}
.card-header  {color:#fff;}
.card-header i {background:#f7bc0b}
.card-body {margin-top:2em;}
.card-text {z-index:9; padding-right:inherit; padding:1em 0.5em; font-size:0.8em; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}

.card:hover {box-shadow:1px 1px 10px 0 rgba(0,0,0,0.5); transition:all .8s ease;}
.card:hover img.anime {animation: turner 4s infinite linear; }
@keyframes turner{
    from{transform: rotateY(0deg) }
    to  {transform: rotateY(360deg)}
}

.steps-row .header {margin-bottom:4em;}
.steps-row .button {text-align:center; padding:2em; clear:both;}
.steps-row .button a {display:inline-block; margin-top:2em; padding:1em; background:#f7bc0b; border: 1px solid #ccc; color:#fff; width:250px; text-transform:uppercase;font-weight:700;}
.steps-row .button a:hover,
.steps-row .button a:focus,
.steps-row .button a:active {color:#f7bc0b; background-color:#fff; border-color:#f7bc0b; transition: .35s ease-in-out;}

.service-row {padding-bottom:0;}
.service-row .row div:first-child {text-align:right;}
.service-row a {display:block; padding:2em; background-color:#f7f8fa; font-weight:500; text-transform:uppercase; border:1px solid #f2f1f1;}
.service-row a:hover,
.service-row a:focus,
.service-row a:active {background-color:#f5f5f5;}
.service-row a span {text-transform:none; display:block; font-size:small;}

.faq .panel-group {margin:0;}
.faq .panel-title {font-size:1em; font-weight:300;}
.faq .panel {margin-top:0; margin-bottom:5px;}
.faq .panel,
.faq .panel-default .panel-heading {border:none; border-radius:0; box-shadow:none;}
.faq .panel-body {padding:20px;}
.faq .panel-heading {padding:0;}
.faq .panel-heading a {padding:15px; background:#f7bc0b; display:block;}
.faq .panel-heading a.collapsed {background:#f5f5f5;}
.faq .panel-heading a:hover,
.faq .panel-heading a:active,
.faq .panel-heading a:focus {background:#f7bc0b;}
.faq .panel-heading h4 {display:inline-block; width:95%;}
.faq .panel-heading a.collapsed:after {font-family:FontAwesome; content:"\f067"; color:#a1a1a1;} 
.faq .panel-heading a:after {font-family:FontAwesome; content:"\f068"; color:#444;}

.teaser a, .service a,
.faq .panel-body a,
.link a,
.impressum p a {color:#1B99B9;}
.service .teaser a:hover, #service .teaser a:focus #service .teaser a:active,
.faq .panel-body a:hover, .faq .panel-body a:focus .faq .panel-body a:active,
.impressum a:hover, .impressum a:focus, .impressum a:active {text-decoration:underline;}

.trainingaufbau {}
.vorteile {}
.preis h3 {margin-top:0; margin-bottom:1em;}

.check li::before,
.square li::before {font-family:FontAwesome; vertical-align:middle; font-size:1.2em; color:#f7bc0b; padding-right:0.5em; margin-left:-30px;}
.check li::before {content:"\f046";}
.square li::before {content:"\f096";}
.event .check li::before,
.event .square li::before {margin-left:-27px;}

.check li a {color:#1B99B9;}
.check li a:hover,
.check li a:focus, 
.check li a:active {text-decoration:underline;}

ul.link {padding-left:0;}
ul.link li  {line-height:2em; padding:0.5em;}
ul.link li a {padding:0.5em 1em; border:1px solid #ddd; display:block; background-color:#f5f5f5; display:block;}
ul.link li a:hover {border-color:#f7bc0b;}
ul.link li a::after {font-family:FontAwesome; content:"\f178"; padding-left:1em; vertical-align:middle; color:#f7bc0b;}
ul.link li a:hover::after {padding-left:1,em; transition:.35s ease-in-out;}

.forms {padding:1em 1em 4em 1em;}
#info .forms {background:#f5f5f5; margin-bottom:0;}
#frmBuchen {margin:0 20%;}
#frmBuchen .btn {display:inline-block; margin-top: 2em; padding:1em; background:#f7bc0b; border: 1px solid #ccc; color:#fff; text-transform:uppercase;font-weight:700;}
#frmBuchen .btn:hover, #frmBuchen .btn:focus #frmBuchen .btn:active {color:#f7bc0b; background-color:#fff; border-color:#f7bc0b; transition: .35s ease-in-out;}
.form-control {height:auto; padding:12px; font-size:inherit;}

#faq .teaser,
#info .teaser  {padding-bottom:0;}

footer a {color:#1B99B9;}
footer a:hover,
footer a:focus, 
footer a:active {color:#fff;}

.blue {color:#1B99B9;}
h3 {font-weight:700;}

.quote blockquote {font-size:2em; font-weight:500; text-align:center; padding:3em 0 1em 0;}
.quote blockquote footer {background:none; padding:0;}
#esport blockquote {color:#fff;}
.badge {background:#f7bc0b; margin-left:1em; text-transform:none;}
.dw {width: 100%;}

/* Responsive Styles */
@media (min-width:1200px) {
    .x {
        width:1170px;
    }
     
}

/* ----------- Phone ----------- */
/* Portrait and Landscape */
@media (min-width:320px) and (max-width:736px) {
    h1{
        font-size:3em;
    }
    h1 span {
        font-size:3rem;
        display:block;
    }
    h2{
        font-size:2em;
    }
    .courses .col-md-4 {
        padding:10%;
        min-height:500px;
    }
     .courses .details {
        top:420px;
    }   
    .courses a:hover .details,
    .courses a:focus .details,
    .courses a:active .details {
        top:370px;
        background-color:inherit;
    }
    #frmBuchen {
        margin:0 5%;
    }
    .list li {
    line-height: 1.5em;
    margin-left: 0em;
    margin-bottom: 0.5em;
    }
}
/* ----------- Tablets ----------- */
/* Portrait and Landscape */

@media only screen
and (min-device-width:768px) 
and (max-device-width:1024px) {
    .courses .col-md-4 {
        padding:10%;
        min-height:400px;
    }
    .courses .details {
        top:320px;
    }   
    .courses a:hover .details,
    .courses a:focus .details,
    .courses a:active .details {
        top:300px;
        background-color:inherit;
    }
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
     .courses .col-md-4 {
        padding:10%;
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .courses .col-md-4 {
        padding:4.5%;
        min-height:300px;
    }
     .courses .details {
        top:420px;
    } 
    .courses .details .metatag {
        display:none;
    }
    .courses a:hover .details,
    .courses a:focus .details,
    .courses a:active .details {
        top:400px;
        background-color:inherit;
    }
    #frmBuchen {
        margin:0 5%;
    }
}

/* ----------- 2021 ----------- */
.nav {padding-top:10px;}
footer ul {margin-top:20px}

/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v28-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v28-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v28-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v28-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v28-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/pt-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/pt-sans-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}