/*
 * Style
 * Yoga Oase Steinfischbach
 * 2018
 *
 */

html {
	height:100%;
}
body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eed1fe+0,f7e8fe+45,fbedf1+100 */
	background: #eed1fe; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #eed1fe 0%, #f7e8fe 45%, #fbedf1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #eed1fe 0%,#f7e8fe 45%,#fbedf1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #eed1fe 0%,#f7e8fe 45%,#fbedf1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eed1fe', endColorstr='#fbedf1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-attachment: fixed;
	font-family:Lato, Arial, sans-serif;
	color:#7f7783;
}

.h2, h2,
.h3, h3,
.h4, h4 {
    color: #ac18f8;
    font-size: 1.2em;
    font-weight: bold;
}
.h4, h4 {
    font-weight:normal;
}
h3.small {
	font-weight:bold;
}

ul {
    padding-left: 15px;
}

.table th {
	color:#ac18f8;
}
.table-bordered td,
.table-bordered th {
    border-color:#7f7783;
}


* img {
	max-width:100%;
}
.body_start .content img {
	max-width:96%;
}

.bg-dark {
	background:#db9efb !important;
}

.top-pad {
	padding-top:150px;
}



/* * * header * * */
header {
	padding-top: 50px;
	font-size: .9em;
	color:#333;
}
header strong {
	color:#ac18f8;
}
header a,
header a:hover {
	color:#333;
}

address {
	margin-top: -28px;
	font-size:.9em;
}
@media(min-width:768px) {
	address {
		margin-top: 51px;
	}
	.body_start address {
		font-size:1em;
	}
}
.teaser-img {
	height:100%;
	background:center center no-repeat;
	background-size:cover;
}
.content-container .teaser-img {
	background-size: contain;
}
.container > .teaser-img {
	margin-left: -15px;
	margin-right: -15px;
}

#logo {
	padding-bottom:5%;
}
@media(min-width:768px) {
	#logo {
		padding-bottom:0;
		margin-bottom: -8px;
		margin-top: 67px;
	}
	.body_start #logo {
		margin-bottom: -21px;
	}
}
@media(min-width:992px) {
	#logo {
		margin-bottom: -31px;
		margin-top: 45px;
	}
}




/* * * navigation * * */
.navbar {
	padding: 0;
}
.navbar-top {
	font-size: 4vw;
	padding: .2rem 1rem;
}
@media(min-width:576px) {
	.navbar-top {
		font-size: 1.15em;
	}
}
.navbar-top .navbar-nav {
	flex-direction:row;
}
@media(max-width:991px) {
	.navbar-top .navbar-nav {
		padding-left:inherit;
	}
}
.navbar-top .navbar-nav .nav-link {
    padding-right: 1vw;
    padding-left: 1vw;
}
@media(min-width:576px) {
	.navbar-top .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem;
	}
}
.navbar-toggler {
   padding: .48rem .75rem;
}
.navbar-expand-lg > .container {
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .active > .nav-link {
    color: #b634f9;
    font-size: 1.09em;
}
.navbar-nav .nav-item:first-child a {
	padding-left:0;
}
.navbar-collapse {
    flex-grow: initial;
}



/* * * main content * * */
.content a,
.content a:hover {
	color:#ac18f8;
}
.content > div {
 	padding-top:30px;
}
.blur {
	height: 100%;
	background: rgba(247,232,254,.8);
	margin-left: -15px;
	padding-left: 15px;
	margin-right: -15px;
	padding-right: 15px;
}
@media(min-width:992px) {
	.blur {
		background:none transparent;
	}
}
.content-container {
	background-repeat: no-repeat;
}
.content-container .img-fluid {
	width:100%;
}

.body_start .content-container {
	background-image:url('../img/bg-start.png');
	background-position: 0 0;
	min-height:425px;
}
.body_start .content-container .blur { min-height:425px; }

.body_yoga .teaser-img { background-image:url('../img/teaser-yoga.jpg'); }
.body_yoga .content-container {
	background-image:url('../img/bg-yoga.png');
	background-position: center 100%;
}
.body_yoga .content-container .blur {
	background:none transparent;
	padding-bottom:35px;
}

.body_lu-jong .teaser-img { background-image:url('../img/teaser-lu-jong.jpg'); }
.body_lu-jong .content-container {
	background-image:url('../img/bg-lu-jong.png');
	background-position: right 100%;
}
.body_lu-jong .content-container .blur {
	padding-bottom: 161px;
}
.body_coaching .teaser-img { background-image:url('../img/teaser-coaching.jpg'); }
.body_coaching .content-container {
	background-image:url('../img/bg-coaching.png');
	background-position: center 100%;
}
.body_coaching .content-container .blur {
	background:none transparent;
    padding-bottom: 117px;
}

.body_meditation .teaser-img { background-image:url('../img/teaser-meditation.jpg'); }
.body_meditation .content-container {
	background-image:url('../img/bg-meditation.png');
	background-position: 100% 100%;
}
.body_meditation .content-container .blur { padding-bottom:212px; }

.body_vita .teaser-img { background-image:url('../img/teaser-vita.jpg'); }
.body_vita .content-container {
	background-image:url('../img/bg-vita.png');
	background-position: 0 0;
	background-size:cover;
	background-attachment:fixed;
}
@media(min-width:992px) {
	.body_vita .content-container {
		background-position: 100% 100%;
		background-size:contain;
		background-attachment:initial;
	}
}
.body_vita .content-container .table td,
.body_vita .content-container .table th { padding:0 .75rem 0 0; }

.body_stundenplan .teaser-img { background-image:url('../img/teaser-stundenplan.jpg'); }
.body_stundenplan .content-container {
	background-image:url('../img/bg-stundenplan.png');
	background-position: center center;
	background-size:cover;
}
.body_stundenplan .content-container .blur { background:none transparent; }
.body_stundenplan .content-container .table { color:#000; }

.body_workshops .teaser-img { background-image:url('../img/teaser-workshops.jpg'); }
.body_workshops .content-container {
	background-image:url('../img/bg-workshops.png');
	background-position: 100% 100%;
	min-height: 715px;
}
.body_workshops .content-container .blur { min-height: 715px; }

.body_anfahrt .teaser-img { background-image:url('../img/teaser-anfahrt.jpg'); }
.body_anfahrt .content-container {
	background-image:url('../img/bg-anfahrt.png');
	background-position: 100% 100%;
}
.body_anfahrt .content-container h3 {
	color:#7f7783;
	margin-bottom:0;
}

.yt-frame {
	background-image: url(../img/cookie-no-consent.jpg);
    background-position: 15px 30px;
    background-repeat: no-repeat;
    background-size: 90%;
}
.yt-frame iframe {
	width:100%;
	height:100%;
	min-height:406px;
}



/* footer */
footer {
	padding:10px;
	text-align: center;
}
@media(min-width:768px) {
	footer {
		text-align:right;
	}
}
footer a,
footer a:hover {
	color:#cf84f6;
	font-size:.8em;
	padding-left:15px;
}