/* Import font */
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');*/


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@font-face {
	  font-family: 'Montserrat';
	  font-weight:300;
	  src: url("../fonts/Montserrat-Regular.ttf");
}
@font-face {
	  font-family: 'Montserrat';
	   font-weight:bold;
	  src: url("../fonts/Montserrat-Bold.ttf");
}
@font-face {
	  font-family: 'Montserrat';
	   font-weight:500;
	  src: url("../fonts/Montserrat-Medium.ttf");
}
@font-face {
    font-family: 'Alex Brush';
    src: url("../fonts/AlexBrush-Regular.ttf");
}
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
    color:#1D355F;
}

img{
	width:100%;
	height:auto;
}

.py {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pt {
    padding-top: 20px;
}

.mt {
    margin-top: 4%;
    margin-bottom: 4%;
}

/* Manipulate bootstrap */
.container-100{
	max-width:100%;
}
.container-100 .row{
	max-width:1140px;
	margin:0 auto;
}

/* Defining fonts */
h3 {
    font-size: 18px;
    font-weight: 700;
}

h4 {
    /*text-decoration: underline;*/
    font-size: 20px;
    font-weight: 700;
}
.headline-65p h1, .headline-65p h2, .headline-65p h3, .headline-65p h4{
	width:65%;
}
.headline-45p h1, .headline-45p h2, .headline-45p h3, .headline-45p h4{
	width:45%;
}
.padding-top h4{
	padding-top:25px;
}
.mt-5{
	margin-top:5rem!important;
}
p {
    font-size: 16px;
    font-weight:500;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
.email  {
    font-size: 20px;
    color: #163568;
    text-decoration: underline !important;
    font-weight: 700;
}

.fw-800 h3, .fw-800 h4, .fw-800{
    font-weight: 800;
}

/*--------------------------------------------------------------
# color-palatte
--------------------------------------------------------------*/
.bg-grey{
	background-color:#b39482;
}
.bg-grey h1, .bg-grey h2, .bg-grey h3, .bg-grey p, .bg-grey a{
	color:#fff;
}

.bg-navy {
    background-color: #b39482;
}

.text-navy {
    color: #1D355F;
}

.bg-purple {
    background-color: #B3195B;
}
.btn-primary{
	 background-color: #B3195B;
	 transition:0.5s;
	 border-color: #B3195B;
}



.btn-primary:hover{
	background-color:#f0e9e1;
	border:1px solid #B3195B;
	color:#B3195B;
}
/*--------------------------------------------------------------
# back-to-top-section
--------------------------------------------------------------*/

#myBtn {
    width: 50px;
    height: 50px;
    display: none;
    position: fixed;
    bottom: 130px;
    right: 50px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    padding: 15px;
    border-radius: 50%;
}

.fa-arrow-up {
    color: #ccb599;
    font-weight: lighter;
    font-size: 40px;
}

/*--------------------------------------------------------------
# header-section
--------------------------------------------------------------*/
header{
	position:relative;
	z-index:100;
}
.navbar .container{
	max-width:96%;
}
.navbar-brand {
    height: 70px;
    width:25%;
    top: 0;
    left: 0;
    transform: translate(0, 3%);
}

.navbar-nav {
    margin-top: 30px;
}

.nav-link {
    color: #324371 !important;
    font-weight: 500;
    font-size: 18px;
    text-decoration: none !important;
    transition: 0.5s;
    /*margin-top: 20px;*/
}

.active, .nav-link:hover {
    text-shadow: 3px 5px 10px #dbafaf;
    font-weight:600;
}

.dropdown-menu{
	top: 80%;
	background-color: #ffffffe3;
	border:0px;
}
.dropdown-toggle::after{
	display:none;
}
.line {
    width: 100%;
    height: 20px;
    background-color:#b39482;
}


@media (min-width:1340px){
	.nav-item{
	margin-left:15px;
	margin-right:15px;
	}
}

/*--------------------------------------------------------------
# banner-section
--------------------------------------------------------------*/
.sec-banner {
    position: relative;
    
}

.inside{
	position:relative;
}

.banner-img {
    width: 100%;
    height: auto;
}
.header-bannar{
	position:relative;
}
.header-headline1{
        position: absolute;
        top:5%;
        left: 70%;
        z-index: 99;
        font-weight: bold;
        font-size: 70px;
        font-family: 'Alex Brush', cursive;
        transform: rotate(-13deg);
        color: rgb(127, 127, 133);
        
    }
.header-headline2{
        position: absolute;
        top:10%;
        left: 78%;
        z-index: 99;
        font-weight: bold;
        font-size: 70px;
        font-family: 'Alex Brush', cursive;
        transform: rotate(-13deg);
        color: rgb(127, 127, 133);
        
    }
.header-headline3{
        position: absolute;
        top:15%;
        left: 78%;
        z-index: 99;
        font-weight: bold;
        font-size: 70px;
        font-family: 'Alex Brush', cursive;
        transform: rotate(-13deg);
        color: rgb(127, 127, 133);
        
    }
.span-colour{
        color: rgb(159, 55, 100);
        margin-left:5px;
    }
.header-text{
        position: absolute;
        left: 78%;
        z-index: 99;
        color: rgb(49, 67, 113);
        font-family: sans-serif;
    }
.header-text p{
	font-size:22px;
}
.text-body-after-1{
    	top:17%;
    }
.text-body-after-2{
    	top:24%;
    }
.text-body-after-3{
    	top:32%;
    }
    
    
@media (max-width:990px){
.header-headline1{
        font-size: 50px;
    }
.header-headline2{
        font-size: 50px;
    }
.header-headline3{
        font-size: 50px;
        
    }

.header-text p{
	font-size:13px;	
}
}


@media (max-width:772px){
.header-headline1{
        font-size: 30px;
    }
.header-headline2{
        font-size: 30px;
    }
.header-headline3{
        font-size: 30px;
        
    }

.header-text p{
	font-size:9px;	
}
}

@media (max-width:480px){
.header-headline1{
        font-size: 20px;
    }
.header-headline2{
        font-size: 20px;
    }
.header-headline3{
        font-size: 20px;
        
    }
.header-text p{
	font-size:7px;	
}
}

@media (max-width:360px){
.header-headline1{
        font-size: 15px;
    }
.header-headline2{
        font-size: 15px;
    }
.header-headline3{
        font-size: 15px;
        
    }
.header-text p{
	font-size:5px;	
}
}
/*.playbtn {
    position: absolute;
    width: 50px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}*/

/*--------------------------------------------------------------
# quoted-section
--------------------------------------------------------------*/
.quoted-text {
    position: relative;
    font-family: 'Satisfy', cursive;
    font-style: italic;
    color: #666666;
    /*line-height: 30px;*/
    font-size: 21px;
}
.quoted-text p{
	font-size:24px;
	min-height:150px;
	display: inline-block;
    position: relative;
    padding: 50px 0 30px 0;
}
.quoted-text p::before {
    content: url('../images/assets/Feder.png');
    position: absolute;
    top:-11%;
    width: 20px;
    height:20px;
    right: 17%;
    transform:scale(0.3);
}
/*.quoted-text p::after {*/
/*    content: '\201d';*/
/*    position: absolute;*/
/*    font-family: serif;*/
/*    font-size: 230px;*/
/*    top: 40px;*/
/*    right: -82px;*/
/*    line-height: 100px;*/
/*    color: #FFBCBC;*/
/*    opacity: 0.5;*/
/*}*/

.text-content-client::before {
    content: url('../images/assets/Feder.png');
    position: absolute;
    top: -192px;
    right: -167px;
    transform:scale(0.3);
}

/*.text-content-client::after {*/
/*    content: '\201d';*/
/*    position: absolute;*/
/*    font-family: serif;*/
/*    -webkit-font-family: serif;*/
/*    -ms-font-family: serif;*/
/*    -o-font-family: serif;*/
/*    font-size: 200px;*/
/*    top: 70px;*/
/*    margin-left: -92px;*/
/*    color: #ffbcbc;*/
/*    opacity: 0.5;*/
/*}*/

.client-headline {
    text-decoration: underline;
}


.sub-text {
    font-size: 16px;
    font-family: 'Satisfy', cursive;
    font-style: italic;
    color: #B3195B;
}

/*.quote {
    font-size: 60px;

}*/


/*--------------------------------------------------------------
# main-section
--------------------------------------------------------------*/
.ebene-right {
    width: 100%;
    height: auto;
}

/*--------------------------------------------------------------
# training-box-section
--------------------------------------------------------------*/

.heading {
    font-size: 22px;
    padding-bottom: 20px;
}

.box-heading {
    font-size: 22px;
    padding-bottom: 20px;
}

.box2-content {
    border: 8px dotted #B0175E;
    padding: 16px;
    position:relative;
}
.box2-content .horse-icon{
	background:#fff;
	width: 143px;
    height: 60px;
    position: absolute;
    top: -42px;
    right: 0;
    z-index:5;
	/*
	background: url(../images/assets/heart-catspaw.png) no-repeat;
    width: 306px;
    height: 228px;
    position: absolute;
    top: -50px;
    right: 0;
    background-size: cover;
    */
}
.box2-content .horse-icon::after{
	content: "";
	background: url(../images/assets/heart-catspaw.png) no-repeat;
    width: 250px;
    height: 180px;
    position: absolute;
    top: 0;
    right: 0;
    background-size: cover;
    z-index:10;
}

/*--------------------------------------------------------------
# card-section
--------------------------------------------------------------*/
.card-outer{
	margin-top:50px;
}
.card {
    transition: 1s;
    border:none !important;
}

.card:hover {
    box-shadow: 5px 3px 10px #ccb599;
    transform: scale(1.1);
}
.card-img{
	height:460px;
}

.card-img-overlay{
	cursor:pointer;
}
.card-img-overlay .card-text-box{
    
    height: 100%;
    padding-top: 5%;
    padding-left: 10px;
    text-decoration: underline;
    border:3px solid ;
    
   
}
.shadow-top .card-text-box{
	background: linear-gradient(#f0e9e0, transparent 20%) top;
}
.shadow-bottom .card-text-box{
		background: linear-gradient(transparent 80%,#f0e9e0)top;
}

.card-text-box p{
	font-size:24px;
	font-weight:400;
	font-weight:bold;
}

 .card-text-box a{
	font-size:24px;
	color:#ffffff !important;
	font-weight:bold;
	
}


.card-title-2 {
    border: 3px #fff solid;
    padding-bottom: 88%;
    padding-top: 10%;
    padding-left: 10px;
    background: linear-gradient(#f0e9e0, transparent 20%) top;
    text-decoration: underline;
    font-weight: 600;
    font-size: 24px;
}
.card-text-bottom .card-text-box{
	position:relative;
}
.card-text-bottom .card-text-box p{
	position:absolute;
	bottom:0;
	left:2%;
	width:100%;
	text-decoration: underline;
}

.headline-navy h1, .headline-navy h2, .headline-navy h3, .headline-navy h4, .headline-navy h5, .headline-navy h6{
	color: #163568;
}
.headline-bold h1, .headline-bold h2, .headline-bold h3{
	font-weight:800;
}
.headline-navy a{
	color:#1d3661;
	text-decoration:underline;
	font-weight:bold;
}
.headline-navy a:hover{
	color:#1d3661;
	text-decoration:underline;
}
.py a{
	text-decoration:underline;
}


@media (max-width:990px) {
	/*.logo-img {*/
 /*       width: 150px;*/
 /*   }*/
    .card-title {
        font-size: 16px;
        padding-bottom: 88%;
    }

    .card-title-2 {
        font-size: 16px;
    }
}

@media (max-width:768px) {
	/*.logo-img {*/
 /*       width: 150px;*/
 /*   }*/
	.navbar-brand {
        width: 55%;
    }
    .navbar .navbar-collapse{
    	padding-top:90px;
    }
    .text-content-client::after {
        content: '\201d';
        position: absolute;
        font-family: serif;
        font-size: 200px;
        top: 80px;
        margin-left: -70px;
        color: #f1ebe5;
        opacity: 0.5;
    }


    .card-title {
        font-size: 24px;
        padding-bottom: 100%;
    }

    .card-title-2 {
        font-size: 24px;

    }

}

@media (max-width:420px) {
    .text-content-client::before {
	    top: -22%;
	    width: 20px;
	    right: 55%;
	    transform:scale(0.2);
	}
	.quoted-text p{
		padding: 45px 55px 30px 55px;
	}
	.quoted-text p::before {
	    content: url('../images/assets/Feder.png');
	    bottom: 0;
	    top: 11px;
	    width: 10px;
	    right: 32%;
	    height: 10px;
	    transform: scale(0.15);
	}

    /*.logo-img {*/
    /*    width: 150px;*/
    /*}*/
    
    /*.text-content::after {*/
    /*    content: '\201d';*/
    /*    position: absolute;*/
    /*    font-family: serif;*/
    /*    font-size: 200px;*/
    /*    top: 100px;*/
    /*    margin-left: -70px;*/
    /*    color: #f1ebe5;*/
    /*    opacity: 0.5;*/
    /*}*/

    /*.text-content-client::after {*/
    /*    content: '\201d';*/
    /*    position: absolute;*/
    /*    font-family: serif;*/
    /*    font-size: 200px;*/
    /*    top: 100px;*/
    /*    margin-left: -70px;*/
    /*    color: #f1ebe5;*/
    /*    opacity: 0.5;*/
    /*}*/
    
    /*.horse-icon{*/
    /*	display:none;*/
    /*}*/

    .card-title {
        font-size: 20px;
        padding-bottom: 100%;
    }

    .card-title-2 {
        font-size: 20px;
    }

}
@media (max-width:768px){
	.text-content-client::before {
	    top: 0%;
	    width: 20px;
	    height: 20px;
	    right: 52%;
	    transform:scale(0.2);
	}
	.quoted-text p{
		padding: 45px 55px 30px 55px;
	}
	.quoted-text p::before {
	    content: url('../images/assets/Feder.png');
	    bottom: 0;
	    top: 11px;
	    width: 10px;
	    right: 32%;
	    height: 10px;
	    transform: scale(0.15);
	}
}

.carousel-indicators {
    bottom: -40px;
}

/*-------------------------------------------------------------
# Slick Slider Settings
---------------------------------------------------------------*/
.slider {
    
    position: relative;
    
        
}




/*--------------------------------------------------------------
# Impressum-section
--------------------------------------------------------------*/


.g-recaptcha{
	margin-bottom:20px;
}
/*--------------------------------------------------------------
# footer-section
--------------------------------------------------------------*/
footer{
	margin-top:30px;
}

.kontakt {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 14px;
    margin-bottom: 15px;
}

.footer-text {
    font-size: 16px;
    margin-top:10px;
}

.email {
    font-weight: 500;

}

.fa-instagram {
    font-size: 60px !important;
    color: #fff;
    float: left;
    margin-right: 10px;
}

.copy {
    font-size: 14px !important;
    font-family: sans-serif;
    -ms-font-family: sans-serif;
    -o-font-family: sans-serif;
    -webkit-font-family: sans-serif;
    color: #fff;
}

.copy-link {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}