/*
///////////////////////////////////////////////////////////////////////////////////////////
 HTML / Body
///////////////////////////////////////////////////////////////////////////////////////////
*/


body {
	padding: 0;
	margin: 95px 0 0 0 !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	color: #6c757d;
	background-color: #687488;
}
@media (min-width: 768px) {
	body {
		font-size: 1.15rem;
	}
}


/*
///////////////////////////////////////////////////////////////////////////////////////////
 GRID
///////////////////////////////////////////////////////////////////////////////////////////
*/

.container {
	max-width: 1200px !important;
}

.container-content {
	width: 100%;
	padding: 2rem 0 2rem 0;
	margin: 0;
}


/*
///////////////////////////////////////////////////////////////////////////////////////////
 LINKS
///////////////////////////////////////////////////////////////////////////////////////////
*/

a,
a:visited {
	color: #6c757d;
	text-decoration: none;
}
a.active,
a:hover,
a:focus {
	color: #c71585;
	text-decoration: none;
}




/*
///////////////////////////////////////////////////////////////////////////////////////////
 Classes
///////////////////////////////////////////////////////////////////////////////////////////
*/


.bg-gray {
	background-color: #DEE1E6;
}

.bg-white {
	background-color: #ffffff;
}

.bg-darkpink {
	background-color: #c71585;
}
.bg-darkgray {
	background-color: #6c757d;
}
.bg-footer {
	background-color: #687488;
}
.bg-yellow {
	background-color: yellow;
}

.bg-pink {
	background-color: pink;
}

small {
	font-size: 0.9rem;
}

.text-gray {
	color: #6c757d;
}

.text-darkpink {
	color: #c71585;
}
.text-red {
	color: #E3001B;
}

.text-green {
	color: #3DC86B;
}

.titel-regular {
	font-weight: 400;
}


.fs-large {
  font-size: calc(2rem + 0.5vw) !important;
}


.pt-6 {
	padding-top: 4rem !important;
}

.pb-6 {
	padding-bottom: 4rem !important;
}

.pt-7 {
	padding-top: 5rem !important;
}

.pb-7 {
	padding-bottom: 5rem !important;
}


.display-7 {
	font-weight: 400;
	font-size: 1.75rem;
	margin-top: 0.5rem;
	margin-bottom: 0.75rem;
}

.ks-line {
	margin: 1rem 0;
	color: inherit;
	background-color: #dee2e6;
	border: 0;
	opacity: 1;
}


/*
///////////////////////////////////////////////////////////////////////////////////////////
 Paragraph
///////////////////////////////////////////////////////////////////////////////////////////
*/

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	color: #c71585;
}

b {
	font-weight: 700;
}




/*
///////////////////////////////////////////////////////////////////////////////////////////
 Shop
///////////////////////////////////////////////////////////////////////////////////////////
*/

.img-shop {
	display: block !important;
	cursor: pointer !important;
	width: calc(100% - 2rem) !important;
	height: auto;
	object-fit: cover !important;
	aspect-ratio: 40 / 26 !important;
}


.img-shop-old {
	display: block !important;
	cursor: pointer !important;
	width: calc(100% - 2rem) !important;
	height: 30vh !important;
	object-fit: cover !important;
}

@media (min-width: 768px) {
	.img-shop-old {
		height: 24vh !important;
	}
}

@media (min-width: 992px) {
	.img-shop-old {
		height: 22vh !important;
	}
}



.accordion-body, .accordion-body h5 {
	color: #666;
}


/*
///////////////////////////////////////////////////////////////////////////////////////////
 Topbar
///////////////////////////////////////////////////////////////////////////////////////////
*/
#topbar {
	font-size: 1.05rem;
}
#topbar a,
#topbar a:visited {
	color: #222222;
	text-decoration: none;
	display: none;
}
#topbar a:hover,
#topbar a:focus {
	color: #999999;
	display: none;
}

@media (min-width: 576px) {
	#topbar a,
	#topbar a:visited {
		display: inline;
	}
	#topbar a:hover,
	#topbar a:focus {
		display: inline;
	}
}




/*
///////////////////////////////////////////////////////////////////////////////////////////
 Navbar
///////////////////////////////////////////////////////////////////////////////////////////
*/
.navbar a,
.navbar a:visited,
.navbar a.active,
.navbar a:hover,
.navbar a:focus {
	text-decoration: none;
}
.navbar {
	font-size: 1.05rem;
	font-weight: 400;
	margin-top: 40px;
}
.navbar-toggler:focus {
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0) !important;
}
.nav-link:focus {
	outline: 0 !important;
}

.navbar-nav .dropdown-menu {
	font-weight: 400;
}
.navbar-dark .navbar-toggler {
	color: rgba(255,255,255, 0.5);
	border-color: rgba(255,255,255, 0.5);
}
.navbar-bottom {
	font-weight: 400;
	border-top: 1px solid rgba(0, 0, 0, 0.125);
	background-color: rgba(248, 249, 250);
	padding: 0.75rem;
}
.dropdown-header {
	font-size: 1rem;
}
.dropdown-item:visited {
	color: #212529;
}

.dropdown-item.active, .dropdown-item:active {
	color: #fff !important;
}

@media (max-width: 767px) {
	.navbar-nav:first-child {
		padding-top: 54px !important;
	}
}

@media (max-width: 768px) {
	.navbar-nav .dropdown-menu {
		max-height: 280px;
		overflow-x: hidden;
		overflow-y: auto;
	}
}




/*
///////////////////////////////////////////////////////////////////////////////////////////
 Homehead
///////////////////////////////////////////////////////////////////////////////////////////
*/

.homehead {
	background-size: cover;
	background-position: center;
	padding: 0;
	overflow: hidden;
}

.homehead-box {
	background-color: rgba(0, 0, 0, 0.25);
	margin: 60px 0 60px 0;
	padding: 0.5rem 1rem;
	border-radius: 0.5rem;
}

.homehead-box h1 {
	padding: 0;
	font-size: 4rem;
	color: white;
	font-weight: 700;
	text-shadow: 0 0.02em #000000;
}

.homehead-box p {
	color: white;
	font-size: 1.75rem;
	line-height:1.15;
	text-shadow: 0 0.02em #000000;
}








@media (min-width: 768px) {

	.homehead-box {
		background-color: rgba(0, 0, 0, 0);
	}
	.homehead-box h1 {
		font-size: 5rem;
		text-shadow:	2px 3px 3px rgba(0,0,0,0.4),
						2px 3px 7px rgba(0,0,0,0.1),
						2px 4px 23px rgba(0,0,0,0.8);
	}
	.homehead-box p {
		font-size: 2rem;
		text-shadow:	-2px -2px 9px rgba(0,0,0,0.3),
						2px 2px 1px rgba(0,0,0,0.4),
						2px 2px 17px rgba(0,0,0,0.9);
	}
}

@media (min-width: 992px) {
	.homehead {
		background-position: middle left;
	}
	.homehead-box h1 {
		padding: 0;
		font-size: 6rem;
	}
	.homehead-box p {
		font-size: 2.5rem;
		padding: 0;
	}
}














/*
///////////////////////////////////////////////////////////////////////////////////////////
 Smarthead
///////////////////////////////////////////////////////////////////////////////////////////
*/





/*
///////////////////////////////////////////////////////////////////////////////////////////
 Sidebar
///////////////////////////////////////////////////////////////////////////////////////////
*/

#sidebar {
	display: none;
}
@media (min-width: 768px) {
	#sidebar {
		display: block;
	}
}

.sidebar {
	min-width: 190px;
	max-width: 190px;
	margin-right: 0;
	padding: 5px 15px 5px 15px;
	border-radius: 0.25rem;
}


@media (min-width: 992px) {
	.sidebar {
		min-width: 290px;
		max-width: 290px;
		margin-right: 10px;
	}
}


@media (min-width: 1200px) {
	.sidebar {
		min-width: 320px;
		max-width: 320px;
		padding: 5px 20px 5px 20px;
		margin-right: 0;
	}
}




.sidebar > ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.sidebar > ul > li {
	position: relative;
	padding: 1rem 0 1rem 0.75rem;
	border-bottom: 1px dotted #6c757d;
}

.sidebar > ul > li:last-child {
	border-bottom: none;
}

.sidebar > ul > li > span {
	position: absolute;
	left: 0;
	width: 0.75rem;
	top: 0.125;
	text-align: left;
}

@media (min-width: 1200px) {
	.sidebar > ul > li {
		padding: 1rem 0 1rem 1rem;
	}
}


#sidebar a,
#sidebar a:visited {
	color: #6c757d;
	text-decoration: none;
}
#sidebar a:hover,
#sidebar a:focus {
	color: #000000;
	text-decoration: none;
}

#sidebar a.active {
	color: #c71585;
}







/*
///////////////////////////////////////////////////////////////////////////////////////////
 Kurse
///////////////////////////////////////////////////////////////////////////////////////////
*/

.course-desc {
	padding: 1rem 0 0 0;
	border-top: 1px solid #dee2e6 !important;
	border-radius: none;
}
.course-desc > p > img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 1rem;
}

@media (min-width: 768px) {
	.course-desc {
		padding: 1rem;
		border: 1px solid #dee2e6 !important;
		border-radius: 0.25rem;
	}
	.course-desc > p > img {
		display: inline-block;
		padding: 0 0.5rem 0 0;
		width: calc(50% - 0.5rem);
		height: auto;
		margin-bottom: 0;
	}
	.course-desc > p > img:nth-child(even) {
		display: inline-block;
		padding: 0 0 0 0.5rem;
		width: calc(50% - 0.5rem);
		height: auto;
		margin-bottom: 0;
	}
	.xxxxxxx-desc > p > img:only-child {
		display: block;
		padding: 0;
		width: 100%;
		height: 500px;
		object-fit: cover;
		object-position: left bottom;
		margin-bottom: 0;
	}






}

.course a,
.course a:visited {
	color: #6c757d;
	text-decoration: none;
}
.course a:hover,
.course a:focus {
	color: #c71585;
	text-decoration: none;
}

.p-price {
	font-size: 2.5rem;
	line-height: 1;
	margin-top: 0;
}


span.kswidth-80 {
	width: 80px;
}
span.kswidth-100 {
	width: 100px;
}


@media (min-width: 768px) {
	.w-md-50 {
		width: 50%;
	}
}

.h1-subtitel {
	font-size: 1.5rem;
}





@media (min-width: 768px) {
	.h1-subtitel-test {
			font-size: calc(0.5rem + 1.5vw);
	}
}





/*
///////////////////////////////////////////////////////////////////////////////////////////
 Content
///////////////////////////////////////////////////////////////////////////////////////////
*/

.content {
	margin-left: 0;
	padding: 20px;
	border-radius: 0.25rem;
}

.content h1, .content h2 {
	font-weight: 400;
}

.content h1 {
	font-size: 2rem;
	padding-bottom: 1rem;
}
.content h2 {
	font-size: 2rem;
}
.content h3 {
	font-size: 1.75rem;
}
.content h4 {
	font-size: 1.75rem;
}
.content h5 {
	font-size: 1.5rem;
}
.content h6 {
	font-size: 1.25rem;
}



@media (min-width: 768px) {
	.content h1 {
		font-size: 2.5rem;
	}
	.content h2 {
		font-size: 2.5rem;
	}
	.content h3 {
		font-size: 1.75rem;
	}
	.content h4 {
		font-size: 1.5rem;
	}
	.content h5 {
		font-size: 1.25rem;
	}
	.content h6 {
		font-size: 1.15rem;
	}
}



.content img {
	max-width: 100%;
	height: auto;
}



.content a,
.content a:visited {
	color: #6c757d;
	text-decoration: none;
}
.content a:hover,
.content a:focus {
	color: #c71585;
	text-decoration: none;
}








.content .img-thumbnail {
	object-fit: cover !important;
	min-width: 90px !important;
	cursor: pointer !important;
}





@media (min-width: 768px) {
	.content h1 {
		font-size: 2.5rem;
	}
}




@media (min-width: 992px) {
	.content {
		margin-left: 10px;
		padding: 20px 15px 20px 15px;
	}

	.content h1 {
		font-size: 3rem;
		padding-bottom: 1.25rem;
	}


}


@media (min-width: 1200px) {
	.content {
		padding: 20px 30px 20px 30px;
		margin-left: 30px;
	}
}





/*
///////////////////////////////////////////////////////////////////////////////////////////
 Footer
///////////////////////////////////////////////////////////////////////////////////////////
*/
.footer {
	width: 100%;
	padding: 2rem 0 1rem 0;
	margin: 0;
	color: white;
	background-color: #212529;
}

.footer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.footer ul li {
	position: relative;
	padding: 0.15rem 0 0.15rem 1rem;
}

.footer ul li span {
	position: absolute;
	left: 0;
	width: 0.75rem;
	top: 0.125;
	text-align: left;
}

.footer .col-md-4 {
	padding-bottom: 2rem;
}

@media (max-width: 767px) {
	.footer .col-md-4 {
		padding-left: 2rem;
	}
}

.footer a,
.footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
.footer a:hover,
.footer a:focus {
	color: #7B8188;
	text-decoration: none;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
	color: white;
}














/*
///////////////////////////////////////////////////////////////////////////////////////////
 Copyright
///////////////////////////////////////////////////////////////////////////////////////////
*/


.copyright {
	width: 100%;
	padding: 1rem 0 1rem 0;
	margin: 0;
	color: white;
	background-color: #687488;
}


@media (max-width: 767px) {
	.copyright .col-md-12 {
		padding-left: 2rem;
	}
}



/*
///////////////////////////////////////////////////////////////////////////////////////////
 MAPS / KONTAKT
///////////////////////////////////////////////////////////////////////////////////////////
*/

.google-maps {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	height: 300px !important;
	border: 0 none;
}

@media (min-width: 992px) {
	.google-maps {
		height: 450px !important;
	}
}
























/*
------------------------------------------------------------------
Diverses
------------------------------------------------------------------ 
*/


.desktop-only {
	display: none !important;
}
.mobile-only {
	display: inherit !important;
}

@media (min-width: 768px) {
	.desktop-only {
		display: inherit !important;
	}
	.mobile-only {
		display: none !important;
	}
}
















@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}