.single-header {
   margin-top: -60px;
   margin-bottom: 3rem;

}

.single-media img {
    max-height: 600px;
    object-fit: cover;
    object-position: top center;
    margin-bottom: 3rem;
}

.is-head-brand .site-content {
    padding-top: unset;
}

.site-content { 
   margin-top: 80px;
   padding: 0 0;
   padding-bottom: 0 !important;
}

.fa-trainingpeaks {
	height:3rem;
	margin:0;
	padding:0;
}


.nav-container {
	max-width: 500px;
	display: none !important;
}

.sticky-top .nav-container
{
   display: inline-block !important;
}

.blockquote {
    font-size: 2.5rem;
}

.text-justify {
	text-align: justify;
}

hr.andy-blue {
	background-color: var(--andy-blue-color);
	height: 2px;
}

.color-andy-blue {
	color: var(--andy-blue-color);
}

.color-andy-red {
	color: var(--andy-red-color);
}

section.parallax
{
   width: 100%;
   height: 100vh;
   box-sizing: border-box;
}

section.parallax-text
{
   margin: 2em;
   padding: 2em;
   height: auto;
}

section.parallax-header
{
   background: url("/assets/images/coach-header_o.jpg");
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   padding-top: 20vh;
   max-height: 120vh;
}

section.parallax-coaching
{
   background: url("/assets/images/hawaii.jpg");
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   padding-top: 30vh;
}

section.parallax-event {
	margin-bottom: 0vh;
	padding-top: 12vh;
	padding-bottom: 12vh;
}



/* Pricing */

.pricingx .container {
   max-width: 960px;
}
.pricing  .pricing-header {
   max-width: 700px;
}

.pricing .card-deck .card {
   min-width: 220px;
}

.pricing .border-top { border-top: 1px solid #e5e5e5; }
.pricing .border-bottom { border-bottom: 1px solid #e5e5e5; }

.pricing .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }



.pricingTable{
       margin-top:30px;
       text-align: center;
       position: relative;
   }
   .pricingTable .pricing_heading:after{
       content: "";
       width: 36px;
       height: 29.5%;
       background: var( --bs-gray-200 );
       position: absolute;
       top: -1px;
       right: 0;
       z-index: 2;
       transform: skewY(45deg) translateY(18px);
       transition: all 0.4s ease 0s;
   }
  

   .pricingTable .title{
       font-size: 20px;
       font-weight: 700;
       line-height: 30px;
       color: #000;
       text-transform: uppercase;
       background: var( --bs-gray-200 );;
       padding: 15px 0 0;
       margin: 0 35px 0 0;
       transition: all 0.4s ease 0s;
   }

   

   .pricingTable .value{
       display: block;
       font-size: 35px;
       font-weight: 700;
       color: #000;
       background: var( --bs-gray-200 );;
       padding: 5px 0 10px;
       margin: 0 35px 0 0;
       transition: all 0.4s ease 0s;
   }
   

   .pricingTable:hover .title,
   .pricingTable:hover .value{
       color: #fff;
   }
   
   .pricingTable .month{
       display: block;
       font-size: 13px;
       font-weight: 500;
       color: #fff;
       text-transform: uppercase;
       margin-top: 0;
       margin-bottom: 3px;
   }
   
   .pricingTable .content{
       border-left: 1px solid #f2f2f2;
       position: relative;
   }

   .pricingTable .content:after{
       content: "";
       width: 35px;
       height: 100%;
       background: #f8f8f8;
       box-shadow: 9px 9px 20px #ddd;
       position: absolute;
       top: 0;
       right: 0;
       z-index: 1;
       transform: skewY(-45deg) translateY(-18px);
       transition: all 0.4s ease 0s;
   }
   .pricingTable .content ul{
       padding: 0;
       margin: 0 35px 0 0;
       list-style: none;
       background: #fff;
   }
   .pricingTable .content ul li{
       display: block;
       font-size: 15px;
       color: #333;
       line-height: 23px;
       padding: 7px 3em;
       border-bottom: 1px solid #f2f2f2;
       overflow: hidden;
   }
   .pricingTable .link{
       background: #fff;
       padding: 20px 0;
       margin-right: 35px;
       border-bottom: 1px solid #f2f2f2;
   }
   .pricingTable .link a{
       display: inline-block;
       padding: 9px 20px;
       font-weight: 700;
       color: #EF476F;
       text-transform: uppercase;
       border: 1px solid #EF476F;
       background: #fff;
       transition: all 0.4s ease 0s;
   }
   .pricingTable:hover .link a{
       color: #fff;
       background: #06D6A0;
       border: 1px solid #06D6A0;
   }

   .pricingTable.silver .pricing_heading:after,
   .pricingTable.silver .title,
   .pricingTable.silver .value
   {
       background-color: var( --bs-silver );
   }

   .pricingTable.gold .pricing_heading:after,
   .pricingTable.gold .title,
   .pricingTable.gold .value
   {
       background-color: var( --bs-gold );
   }
   
   .pricingTable.platinum .pricing_heading:after,
   .pricingTable.platinum .title,
   .pricingTable.platinum .value
   {
       background-color: var( --bs-platinum );
   }
   
   

   .pricingTable:hover .pricing_heading:after,
   .pricingTable:hover .title,
   .pricingTable:hover .value{
       background: var(--andy-blue-color);
   }

   .pricingTable.platinum:hover .pricing_heading:after,
   .pricingTable.platinum:hover .title,
   .pricingTable.platinum:hover .value{
       background: var(--andy-red-color);
   }

   @media only screen and (max-width: 990px){
       .pricingTable{
           margin-bottom: 35px;
       }
   }

   .testimonials .slider-item {
           border-left: 1px solid black;
           border-right: 1px solid black;
           border-color: var( --andy-blue-color );
           border-radius: 12px;
   }

  .wide {
       margin-top: -20px;
   }

   /* */
   .testimonial .slider-container {
	   height: 350px;
   }

   .testimonial .slider-item {
      max-height: 53em;
      margin-left: 6em !important;
      margin-right: 6em !important;
   }

   .page-template.page-andy .single-header .single-media img {
	   margin-top: 100px;
	   max-height: 560px;
   }

   @media screen and (max-width: 992px)
   {
	   .single-header {
		   margin-top: 0px;
	   }

	   .single-media {
		   margin-top: -5px;
	   }

	   .single-media img {
		   margin-top: 0px !important;
	   }

	   .page-template.page-andy .single-header .single-media img {
		   margin-top: 0px;
	   }

	   .page-kontakt .post.no-image .single-title {
		   margin-top: 0px;
	   }

	   .page-kontakt .single-content.gh-content {
		   margin-top: 5px !important;
	   }

	   .page-kontakt .card.ml-5 {
		   margin-left:10px !important;
	   }
   }


   /* hide meta line  */

   .tag-profile .single-meta {
  	display:none;
   }
   
   /* footer */
.footer-bs {
    background-color: #3c3d41;
	color: var( --color-white );
	margin-bottom: 0;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 6px;
}

.footer-bs p { 
    color: var( --bs-gray-200 ); 
}

.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }

.footer-bs h2, .footer-bs h3, .footer-bs h4, .footer-bs h5, .footer-bs h6
{
    position: relative;
    text-align: center;
    margin:10px 0px 10px; 
    color: var( --bs-gray-200 );
    background-color: transparent;
}

.footer-bs h6 + *
{
     margin-top: 30px;
}

.footer-bs ul.list { list-style:none; padding:0px; }
.footer-bs ul.list li { padding:5px 0px;}
.footer-bs ul.list a { 
    color: var( --bs-gray-200 );
     }
.footer-bs ul.list a:hover { 
    color:var ( --andy-blue-color ); 
    text-decoration:none; 
    }

.footer-bs ul.pages a { 
    color:var ( --color-white );
    font-weight:bold; 
    text-transform:uppercase; 
    }

.footer-brand, .footer-nav, .footer-social {
    position: relative;
}

.footer-nav:before, .footer-brand:before, .footer-social:before {
  content : "";
  position: absolute;
  right    : 0;
  z-index: 100;
  top  : 25% ;
  width  : 1px;
  height   : 50%;  /* or 100px */
  background: var( --bs-gray );
}


@media (min-width: 768px) {
	.afooter-bs .footer-nav, .afooter-bs .afooter-social, .afooter-bs .afooter-ns { border-left:solid 1px rgba(134, 129, 129, 0.3    ); }
}

.container-footer {
    background-color: #3c3d41;
    margin-bottom: -0.9rem;
}

.footer-bs h6::after {
    content: "";
    width: 100px;
    position: absolute;
    margin: 0 auto;
    height: 3px;
    background: var( --andy-blue-color );
    left: 0;
    right: 0;
    bottom: -8px;
}

.copyright-section {
    text-align:center; 
    margin:10px auto;
    font-family: var( --quicksand-font );;
    color: var( --andy-red-color );
}

.copyright-section a {
    text-decoration: none;
    color: var( --andy-red-color );
    margin: 10px auto;
}

.copyright-section a:hover {
    color: var( --andy-red-color );
}

/* SLIDER */
.truncate-overflow {
  --max-lines: 7;
    position: relative;
    max-height: calc(var(--bs-body-line-height) *var(--bs-body-font-size) * var(--max-lines));
    overflow: hidden;
    padding-right: 1rem; /* space for ellipsis */
}

.truncate-overflow::before {
    position: absolute;
    inset-block-end: 0; /* "bottom" */
    inset-inline-end: 0; /* "right" */
}

.truncate-overflow::after {
    content: "";
    position: absolute;
    inset-inline-end: 0; /* "right" */
    width: 1rem;
    height: 1rem;
    background: white;
}

.logo.slider-container img {height: 100px; object-fit: contain; min-width: 200px; object-position: 50% 50%; }

.logo.slider-container { overflow: hidden; height: 140px !important ; }

.page-kontakt .site-main {
	margin-top: 120px;
	margin-bottom: 5rem;
}

.page-kontakt .site-main article {
	display: flex;
	width: 100%;
	flex-direction: column  !important;
}

.page-kontakt .site-content {
	min-height: calc( 100vh - 338px) !important;
}


.page-kontakt .site-main .card {
    margin-left: 16%;
    max-width: 540px;
    }


/* Fix atheleten pages */
 .tag-profile .single-header {
	 margin-tops: 16px;
 }

 .tag-profile .single-media.kg-width-narrow img{ 
	max-height: unset !important;
}	

/* Fix uber-mich -page image wide */

.page-uber-mich .single-media.kg-width-full img {
	max-height: 800px;
	object-position: center center;
}

.page-uber-mich .site-content, .page-sportler .site-content, .page-coach .site-content {
	margin-top: 40px;
}

.page-manager .site-content {
	margin-top: 120px;
}

.page-partner img.partner {
	object-fit: contain;
	width:100%;
	height:100%;
	margin: 12px;
}

.page-partner .partner-1 {
	height: 260px;
}

.page-partner .partner-2 {
	height: 190px;
}

.post-template .site-content {
	margin-top: 0px;
}

.sticky-wrapper .navbar-title.small {
	/* color: var(--andy-blue-color); */
	color: white;
	font-size: 19px;
	letter-spacing: 0.7px;
	font-weight: 600;
	font-family: "Bahnschrift Condensed", "Quicksand", "Helvetica Neue", sans-serif;
}

.sticky-wrapper.sticky-top .navbar-title {
	/* color: var(--andy-red-color); */
	color: white;
}

.carousel-item.header-image {
	background-color: var( --andy-blue-color-20);

}

.carousel-item.header-image img
{
	object-fit: cover;
	object-position: center 20%;
	margin: 0;
	padding 0;
}

.carousel-caption h5 {
	color: white;
	font-weight: 600;
	border-bottom: 1px solid #dedede;
	margin-bottom: 5px;
}

.carousel-caption {
	background: linear-gradient(
      217deg,
      rgba(255, 200, 200, 0.7),
      rgba(55, 50, 50, 0.9) 90.71% );

}


.navbar-nav {
	margin-top: 4px; /* Make logo and menu allign */
}

.nav-item .nav-link:hover {
	color: var(--white-color);
	padding-bottom: 3px;
	border-bottom: 2px solid var(--andy-red-color);
}

.floating-container {
	/* background: url("../images/fuchs-blue-repeat.png") top center repeat; */
	background-repeat: no-repeat;
	background-size: 50%;
	position: fixed;
	top: 60px; /* header */
	width: 64px;
	height: 100%;
	z-index: -100;
}

.float-start.floating-container {
        left: 2px;
	opacity: 0.44;
	background: transparent;
}

.float-end.floating-container {
	right: 2px;
	background: transparent;
	opacity: 0.64;
}

.floating-container .logo
{
    background: transparent url(../images/af-coaching-logos/AF-Coaching-black_trans.png) top center;
    height: 122px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: 12px;
}

.loat-start.floating-container::before 
.loat-end.floating-container::before {
    content: "";
    opacity: 0.2;
    background: url("../images/fuchs-blue-repeat.png") top center repeat-y;
    background-repeat: repeat-y;
    margin-top: 80px;
    position: fixed;
    width: 70px;
    height: 100%;
    z-index: -100;
}

.float-end.floating-container img {
/* margin-top: calc(50vh - 120px); */
	margin-top: 10px;
}

.float-end.floating-container h4
{
   transform: rotate(90deg) translate(110%, -2px);
   color: var( --andy-red-color );
   font-size: 36px;
   padding-left: 1em;
   font-weight: 700;
   white-space: nowrap;
} 

@media screen and (max-width: 992px )
{
	.site-content, .post-template .site-content {
		margin-top: 50px;
	}

	
	.float-start.floating-container {
		display:none;
	}

	.float-end.floating-container::before {
		opacity: 0.05;
	}

	.float-end.floating-container img
	{
		opacity:0.2;
	}
}


@media screen and (max-width: 992px) {
	.page-uber-mich .single-media.kg-width-full img {
        max-height: 600px;
	}

	.float-start.floating-container {
	    display:none;
	}

        .float-end.floating-container::before {
            opacity: 0.05;
        }

        .float-end.floating-container img
        {
           opacity:0.2;
        }
													        }
}



