:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}


.background_yellow{background: #fadb16;}

.headline_new_style_1_desktop {
	text-shadow: none;
	font-size: 5rem;
	font-family: 'Rubik', sans-serif;
	font-weight: 800;
}
.headline_new_style_2_desktop {
	display: inline-block;
	background: #fadb16;
	font-size: 2rem;
	padding: 5px 20px 10px 20px;
	border-radius: 10px;
	font-family: 'Rubik', sans-serif;
	font-weight: 600;
	margin-top: 10px;
}

.container_header{
	margin-right: 40px;
}
ul.header {
	font-family: 'Rubik', sans-serif;
	font-size: 1.4rem;
	line-height: 1.3;
	list-style: none;
	margin: 10px auto 20px 10px;
	padding: 0;
}
ul.header li{}

	p.header {
		font-size: 1.1rem;
		max-width: 59%;
		font-family: 'Rubik', sans-serif;
	}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .3rem;
	outline: 0;
	margin: 0 20px;
}

.mobile{
	display: none;
}

.lightblue{
	background-color: #86c6e0;
}

.lightgreen{
	background-color: #86e088;
}

.beige{
	background-color: #e7b788;
}

.yellowlight{
	background-color: #e0a286;
}

.blue_lila{
	background-color: #868ae0;
}


.gray{
	background-color: #eeeff1;
}

.brown{
	background-color: #ad9e86;
}

.lila{
	background-color: #8582c5;
}

.bg-img_payment{
	background-image: url(../img/paymentsite/background_header.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: -70px;
  min-height: 500px;
}

.title_img{}
	.title_img img {
		max-width: 700px;
		margin-bottom: 40px;
	}

.cl-white{color: #fff;}
.cl-gray{color: #4a4a4a;}

img, svg {
	vertical-align: middle;
	width: 100%;
}

a.button_header {
	background: #fadb16;
	display: inline-block;
	padding: 0 20px 10px 20px;
	border-radius: 30px;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Rubik', sans-serif;
	font-size: 1.5rem;
	margin-top: 20px;
}
a.button_header-card {
	background: #fadb16;
	display: inline-block;
	padding: 20px 50px;
	border-radius: 30px;
	text-decoration: none;
	color: #4a4a4a;
	text-transform: uppercase;
	font-weight: 600;
}

.navbar-brand {
	padding-top: .3125rem;
	padding-bottom: .3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	text-decoration: none;
	white-space: nowrap;
	max-width: 120px;
}

.nav-link {
	display: block;
	padding: .5rem 1rem;
	color: #0d6efd;
	text-decoration: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
	text-transform: uppercase;
	font-size: 1.4vw;
}

.navbar-expand-sm .navbar-nav .nav-link {
	padding-right: 1rem;
	padding-left: 1rem;
}

.special{text-align: right;}
li.special a{background: #ea6b86;color: #fff !important;font-weight: 600;border-radius: 10px;}
li.special span{font-size: 0.8rem;text-transform: uppercase;font-weight: 400;font-style: italic;line-height: 0;}

.sign{}
	li.sign a {
		background: #fadb16;
		font-weight: 600;
		border-radius: 150px;
		color: #000 !important;
	}

a.active{ border-bottom: 2px solid #fadb16}

.bg-header {
	position: relative;

	margin-top: -80px;
	padding-top: 150px;
	background-size: cover;
	padding-bottom: 100px;

}

.center{text-align: center;}

.col-md-4.first-column {
            padding: 0 0 0 150px;
            width: 45%;
        }
.yellow{
	color: #fadb16;
}

h1{font-size: 2vw;letter-spacing: -2px;text-transform: uppercase;font-weight: 800;margin-top: 2rem;}
h1 span{font-size: 5vw;line-height: 0.6;}
h2{text-transform: uppercase;font-size: 1vw;font-weight: 800;}
p{line-height: 1.6; font-size: 0.8rem}
.container-custom{ max-width: 800px; text-align: center; margin: 0 auto;}
img.video_set{max-width: 1000px;width: 100%;}
ol.horizontal{
	list-style: none;
	text-align: center;
	margin: 0 125px;
	display: block;
	overflow: hidden;
}
ol.horizontal li {float: left;padding: 0 20px;}
h5 {
	font-size: 0.7vw;
	text-transform: uppercase;
	font-weight: 800;
}

.btn-satisfit {
	color: #000;
	background-color: #fadb16;
	border-color: #fadb16;
	padding: 20px;
	border-radius: 20px;
	font-weight: 800;
	font-size: 1;
	text-transform: uppercase;
}

.btn-satisfit:hover {
	color: #fff;
	background-color: #fadb16;
	border-color: #fadb16;
}
.black{
	background-color: #000;
}

h3 {
	color: #fff;
	text-transform: uppercase;
	padding: 2rem;
	text-align: center;
	font-size: 1.2rem;
	margin: 0;
}
.h1 {
	font-size: 4rem;
	letter-spacing: -2px;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 15px !important;
}

.main{padding: 100px 150px;background: #eeeff1;}
ol.sections{list-style: none;margin: 0;padding: 0;}
ol.sections li{float: left;padding: 20px;}
ol.sections li:first-child{padding-left: 0;}
.null{
	margin: 0;
	padding: 0;
	line-height: 1;
}




form.filter{background: #fff;border: 1px solid #c6c6c6;font-size: 0.9rem;color: #626262;border-radius: 5px; overflow: hidden; width: 100%;}
form.filter ul{list-style: none;padding: 0 15px;height: 15px;}
form.filter ul li{float: left;margin: 0 5px;margin-top: 5px;}
form.filter ul li.titel{font-weight: 700;border-left: 1px solid;padding-left: 15px;margin-left: 15px;}
form.filter ul li.titel:first-child{padding-left: 0;margin-left: 0;border: none;}
form.filter ul li.button{}
form.filter ul li.clear {
		float: right;
		text-transform: uppercase;
		transition:0.3s;
		color: #4a4a4a;
		opacity: 0.6;
		cursor: pointer;
	}
	form.filter ul li.clear:hover {
		opacity: 1
		}
		form.filter ul li.kurse-clear {
				float: right;
				text-transform: uppercase;
				transition:0.3s;
				color: #4a4a4a;
				opacity: 0.6;
				cursor: pointer;
			}
			form.filter ul li.kurse-clear:hover {
				opacity: 1
				}





				.single_program {
					width: 100% !important;
					margin-top: 20px;
					position: relative;
					border-radius: 0;
					border: none;
				}
img.card-img-program{}
	.card-body-overlay {
		position: absolute;
		width: 100%;
		height: 100%
	}
	.title {
		font-size: 1rem;
		color: #fff;
		font-weight: 600;
		text-align: center;
		line-height: 1;
	}
	.list_program {
		list-style: none;
		position: absolute;
		bottom: 15px;
		left: 5px;
	}
ol.program {
	list-style: none;
	padding: 0px 5px;
	color: #fff;
	margin: 0;
}
ol.program li {
	float: left;
	margin: 5px;
	font-size: 12px;
}
ol.program li span {
	font-weight: 800;
	text-transform: uppercase;
}
	p.card-text_program {
		clear: both;
		padding: 0 10px;
		line-height: 1.3;
		color: #fff;
		font-size: 12px;
	}
.text-container{}
	p.small{}
	.btn-satisfit_2{
		background: #fadb16;
		font-weight: 800;
	}
	.subtitle {
		text-align: center;
		color: #000;
		text-transform: uppercase;
		font-weight: 900;
		line-height: 1.3;
		margin-top: 10vh;
		font-size: 2rem;
	}

img.full{width: 100%}
.container-sucess{position: absolute;top: 150px;padding: 0 150px;}

	.container-sucess div.h1{font-size: 2.5rem;color: #000;}
	.container-sucess h2{margin-top: -15px;margin-bottom: 50px;}


	.card-body-overlay_success {
		position: absolute;
		bottom: 0;
		width: 100%;
		background: rgba(236,59,22,0.8);
	}
	.title_success {
		font-size: 2vw;
		color: #fff;
		font-weight: 900;
		line-height: 1;
		padding-left: 10px;
	}

	.container-courses{}
	.stars{}
	.stars i{font-size: 0.8rem;}
	.course_title_2 {
		font-weight: 800;
		font-size: 3rem;
		text-transform: uppercase;
		line-height: 1;
		color: #000;
	}
.white i{color: #fff;}
	.title_course{font-size: 5rem;font-weight: 900;color: #fff;line-height: 1;}
	.tags{}
	.tag{display: inline-block;background: #000;color: #fadb16;font-size: 0.8rem;padding: 0 10px;font-weight: 800;}
	.tag span{color: #fff;}
	a.preview{}
	button.preview_courses{background: #000;border: none;padding: 10px;color: #fff;font-weight: 800;border-radius: 20px;margin-top: 20px;text-transform: uppercase;font-size: 0.9rem;}
	button.preview_courses i{font-size: 1rem;padding: 0 10px;color: #fadb16;}
	.black_courses{background: #000;color: #fff;padding-top: 20px;padding-bottom: 20px;}
	div.black_courses h2{display: inline-block;}
	div.black_courses a{background: #fadb16;padding: 10px 20px;color: #000;font-weight: 800;text-transform: uppercase;text-decoration: none;border-radius: 20px;float: right;margin-top: -5px;}
	a.get-started-card {
	background: #fadb16;
	padding: 10px 20px;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 20px;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	border-radius: 0;
}

	button.getstarted{}
		.courses_sub {
		border-bottom: 2px solid #fadb16;
		border-top: none;
		border-left: none;
		border-right: none;
		min-height: 580px;
	}
	.card-header-courses {
	margin-top: 0;
	margin-bottom: 20px;
	background: rgba(250,219,22,0.9);
	padding: 5px;
	font-size: 1.2rem;
	display: inline-block;
	max-width: 100%;
}
	.card-header-sub{display: inline-block;}
	.card-header{}
	.stars-card{float: right;font-size: 0.7rem;}
	.stars-card i{}
	.card-text{font-size: 0.9rem;}
	h1.course-h1{margin: 0;font-size: 5rem;color: #fadb16;line-height: 1;margin-bottom: 10px;}
	.course-subtitle{margin-top: 50px;font-size: 1.5rem;font-weight: 900;text-transform: uppercase;line-height: 1;}
	.chart{margin-top: 80px;border-left: 1px solid #fadb16;padding-left: 30px;}
	.chart p{}
.crimson{color:#dc3545!important;}
.blue{color: #0d6efd!important;}
.white{color: #fff!important;}
.bg-white{background-color:  #fff!important;}
.bg-crimson{background-color:  #dc3545!important;}
.bg-blue{background-color:  #0d6efd!important;}
h1.program-h1{margin: 0;font-size: 4rem;color: #fadb16;line-height: 1;margin-bottom: 10px;font-weight: 100;}
h1.program-h1 span{font-size: 4rem;font-weight: 900;letter-spacing: -3px;}
img.trainer-logo {
	max-width: 150px;
}
img.trainerimg{max-width: 100%;}
.trainer-name {
	font-size: 3rem;
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
	margin-top: -5px;
}
.moreabout {
	font-weight: 800;
	font-size: 0.8rem;
	text-transform: uppercase;
	margin-top: 10px;
}

.trainer{margin: 50px 0 auto;border-bottom: dashed 1px darkgray;padding-bottom: 50px;}
.trainer p{font-size: 0.9rem;text-align: justify;}
.min-h100{min-height: 100px;}

.modal-dialog {
	/*max-width: 800px;
	margin: 1.75rem auto;*/
}

.img_form_holder{}
.img_form_holder img{ width: 100%; border-radius: 5px 0px 0px 5px;}

.form_wrapper{padding: 20px;}
.calc-h{font-weight: 600;font-size: 1.2rem;}
.clac-text{font-size: 0.9rem;}
.clac-text span {
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: underline;
	margin-left: 5px;
	font-size: 0.8rem;
}
button.calculate{}
.bmi_calc{margin-top: 40px;}
.form_wrapper_show{padding: 20px; display: none;}

#chart_div{
	position: absolute;
	left: 340px;
}

.empfehlung {
	font-size: 0.8rem;
	margin-top: 10px !important;
	background: cadetblue;
	display: inline;
	color: #fff;
	font-weight: 600;
	padding: 0px 5px 0px 5px;
}

.errorText {
	font-size: 0.8rem;
	margin: 5px 0px;
	color: #000;
	padding: 5px;
}
.errorText span {
	margin: 2px 0px;
	background: crimson;
	padding: 0px 5px;
	font-weight: 600;
}




.testimontial {
		background: #eaeaea;
		border: 2px solid #fff;
		width: 400px;
		text-align: center;
	}
	.card_headline_test {
		font-size: 3rem;
		text-transform: uppercase;
		font-weight: 800;
		color: #e2e2e2;
		line-height: 1;
		margin-top: 10px;
		letter-spacing: -2.5px;
	}
	.blockquotes {
	color: #fadb16;
	position: absolute;
	top: 60px;
	left: 40px;
	font-size: 4.5rem;
}
.profil_pic {
	position: absolute;
	width: 100%;
	top: 70px;
}
.card-img-top_test {
	max-width: 150px;
}
.card-body-testimontials {
	background: #fadb16;
	margin: 20px;
	padding: 20px;
	margin-top: 120px;
	border-radius: 50px;
}
p.card-text-test {
	margin-top: 25px;
	font-size: 0.8rem;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 10px;
}
p.card-text-test i {
	color: #fff;
	padding: 0 5px;
}
h6.test {
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
	margin: 0 auto;
}
.program_course {
	font-size: 0.8rem;
	font-weight: 900;
}

.program_course span {
	color: #fff;
}
.button_testimontial {
	position: absolute;
	width: 70px;
	border-radius: 100px;
	background: #eaeaea;
	bottom: 10px;
	right: 0px;
	height: 70px;
	border: 2;
}
	a.test {
		color: #212529;
		text-decoration: none;
		font-size: 3rem;
		font-weight: 600;
		margin-right: 0;
		opacity: 0.4;
  	transition: 0.3s;
	}

	a.test:hover {
		opacity: 1
	}

	.testimontial_single {
		max-width: 400px;
		text-align: center;
		background: none;
		border: none;
		margin: 0 auto;
	}

	img.test-logo {
		width: 100%;
		margin-left: 25px;
	}

	.image_wrapper {
		margin: 40px;
		border: 3px solid #fff;
	}

	.image_wrapper img {
		width: 100%;
	}
	.wrapper_svg_logo {
		text-align: center;
		margin: 0 auto;
		max-width: 300px;
		font-size: 3rem;
		color: #fff;
		line-height: 1;
		font-weight: 900;
	}

.rectangle{
	width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 35px 0 35px;
  border-color: #fadb16 transparent transparent transparent;
  margin: 0px auto 15px auto;
}

.breadcrumb {
	list-style: none;
	font-size: 0.7rem;
	text-transform: uppercase;
	font-weight: 600;
}

nav ol.breadcrumb li.breadcrumb-item a {

}
	nav ol.breadcrumb li.breadcrumb-item a:hover {
	
	}


	@media screen and (max-width: 1060px) {
		div.container-custom{display: none;}
		.nav-link {font-size: 0.7rem;}
	}
	@media screen and (max-width: 1440px) {
	 ul.navbar-nav.ms-auto li.nav-item.special{display: none;}

	}

		@media screen and (max-width: 768px) {



			a.button_header_freetrial {
				background: #000;
				color: #fff;
				text-decoration: none;
				border-radius: 150px;
				margin-top: 0px;
				display: inline-block;
				padding: 5px 15px;
				font-family: 'Rubik', sans-serif;
				font-size: 1.2rem;
				font-weight: 600;
			}

			.headline_new_style_1 {
				padding-top: 30px;
				color: #000;
				margin-bottom: 0;
				font-family: 'Rubik', sans-serif;
				font-weight: 900;
				letter-spacing: 0;
				font-size: 2.53rem;
				line-height: 1.2;
				padding-bottom: 0;
				text-shadow: none;
			}

			.headline_new_style_2 {
				text-align: center;
				background: #000;
				display: inline-block;
				padding: 0px 5px 5px 5px;
				border-radius: 5px;
				color: #fadb16;
				letter-spacing: 1px;
				font-size: 4.8vw;
				font-family: 'Rubik', sans-serif;
				font-weight: 600;
				margin-bottom: 15px;
			}

			form.filter ul li.titel {
			font-weight: 700;
			border-left: none;
			padding-left: 0px;
			margin-left: 0px;
			width: 100%;
			}
			.desktop{display: none;}
			.mobile{display: block;}

			.bg-crimson {
				background-color: #dc3545 !important;
				text-align: center;
			}

			.h1 {
				font-size: 2.4rem;
				letter-spacing: -2px;
				text-transform: uppercase;
				font-weight: 800;
				margin-bottom: 15px !important;
			}

			div.black_courses a {
					background: #fadb16;
					padding: 10px 20px;
					color: #000;
					font-weight: 800;
					text-transform: uppercase;
					text-decoration: none;
					border-radius: 20px;
					float: none;
					margin-top: 10px;
				}

				.course-subtitle {
					margin-top: 50px;
					font-size: 1rem;
					font-weight: 900;
					text-transform: uppercase;
					line-height: 1;
				}

				h1.program-h1 span {
				margin: 0;
				margin-bottom: 0px;
				font-size: 10vw;
				line-height: 1;
				margin-bottom: 10px;
				font-weight: 800;
				text-shadow: none;
				letter-spacing: 0;
			}

				h1.program-h1 {
					margin: 0;
					font-size: 10vw;
					color: #fadb16;
					line-height: 1;
					margin-bottom: 10px;
					font-weight: 100;
				}

				h1 {
					font-size: 2rem;
					letter-spacing: -2px;
					text-transform: uppercase;
					font-weight: 800;
					margin-top: 2rem;
				}

				h1 span {
					font-size: 3rem;
					line-height: 0.6;
					width: 100%;
					display: block;
				}

				.bg-header {

						margin-top: 0;
						padding-top: 20px;
						background-size: cover;
						padding-bottom: 100px;
					}

					a.button_header-card {
						background: none;
						display: inline-block;
						padding: 0px 50px;
						border-radius: 30px;
						text-decoration: none;
						color: #4a4a4a;
						text-transform: uppercase;
						font-weight: 600;
					}

					.card-body-overlay {
							position: absolute;
							top: 5%;
							width: 100%;
						}

						.title_course {
							font-size: 1.4rem;
							font-weight: 600;
							color: #fff;
							line-height: 1;
						}
						.container-courses {
							position: absolute;
							top: 80px;
							left: 5px;
						}

						h1.course-h1 {
						margin: 0;
						font-size: 15vw;
						color: #fadb16;
						line-height: 1;
						margin-bottom: 10px;
					}
					.title {
						font-size: 1rem;
						color: #fff;
						font-weight: 600;
						text-align: center;
						line-height: 1;
					}

					.testimontial {
					background: #eaeaea;
					border: 2px solid #fff;
					width: 100%;
					text-align: center;
				}

				.wrapper_svg_logo {
						text-align: center;
						margin: 0 auto;
						max-width: 300px;
						font-size: 3rem;
						color: #fff;
						line-height: 1;
						font-weight: 900;
						margin-bottom: 50px;
					}

					.chart {
						margin-top: 40px;
						border-left: none;
						padding-left: 0px;
						margin-bottom: 40px;
					}

					h2 {
						text-transform: uppercase;
						font-size: 4vw;
						font-weight: 800;
						text-align: left;
					}

					h5 {
						font-size: 4vw;
						text-transform: uppercase;
						font-weight: 800;
					}

					.col-sm{
						margin-bottom: 20px;
					}

					a.active {
					border-bottom: 1px solid #fadb16;
					border-top: 1px solid #fadb16;
					background: #fadb16;
				}

				.navbar-collapse {
					flex-basis: 100%;
					flex-grow: 1;
					align-items: center;
					margin-top: 15px;
					padding-bottom: 130px;
				}

				ol.program li {
					float: left;
					margin: 1px;
					font-size: 11px;
				}

				.subtitle {
						text-align: center;
						color: #000;
						text-transform: uppercase;
						font-weight: 800;
						line-height: 1;
						margin-top: 9vh;
						font-size: 2.5rem;
					}

					.bg-header_2 {
				margin-top: 0;
				padding: 0 0 40px 0;
						}
						.wrapper_mobile_header {
			margin-top: -60px;
			text-align: center;
			position: relative;
			z-index: 9999;
			padding: 10px;
		}
				.yellow_new {
						text-align: center;
						color: #fadb16;
						margin-top: 0;
						margin-bottom: 0px;
					}
				.yellow_new span {
					color: #86c6e0;
				}

				a.button_preview {
						background: #fadb16;
						display: inline-block;
						padding: 10px;
						text-decoration: none;
						color: #4a4a4a;
						text-transform: uppercase;
						font-weight: 600;
						font-size: 0.8rem;
						margin: 0;
						margin: 0 auto;
						border-radius: 30px;
					}

					.freetrial-special{text-transform: inherit; text-align: center;}
					.mobile_sucess_ {
						padding: 0;
					}
					.blockquotes {
						color: #fadb16;
						position: absolute;
						top: 60px;
						left: 40px;
						font-size: 2.5rem;
					}

					.profil_pic {
					position: absolute;
					width: 100%;
					top: 10px;
				}

				a.button_header {
					background: #fadb16;
					display: none;
					padding: 20px 50px;
					border-radius: 30px;
					text-decoration: none;
					color: #4a4a4a;
					text-transform: uppercase;
					font-weight: 600;
				}

				.slogan-headline {
			background: #ff7f66;
			font-size: 0.7rem;
			text-transform: uppercase;
			color: #fff;
			font-weight: 600;
			display: inline-block;
			padding: 0 5px;
			margin-bottom: 15px;
		}
				.slogan-headline span{
						color: #fadb16;
						font-weight: 900;
				}

 ul.navbar-nav.ms-auto li.nav-item.special{display: block;}
li {
	font-size: 0.8rem;
}
 .special {
	text-align: left;
}
li.special span {
display: none;
}

li.special a {
	background: none;
	color: #ea6b86 !important;
	font-weight: 600;
	border-radius: 10px;
	text-decoration: underline;
}

.navbar-brand {
	margin-right: 0rem;
	font-size: 1.25rem;
	text-decoration: none;
	white-space: nowrap;
	margin-top: 0;
	padding: 3px;
	width: 70px;
}

.overlay{
	background-color: rgba(0, 0, 0, 0.9);
	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	right: 0;
}
.video-container{ position: relative;}

a.video-freetrial{position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);}

button.btn-video{border: none;
  background: #fadb16;
  padding: 10px 30px;
  border-radius: 20px;}


	.container-courses {
		position: absolute;
		top: 80px;
		left: 5px;
		padding: 10px;
	}

ol.points_li{}
ol.points_li li{font-size: 0.8rem;}

.courses_sub {
	border-bottom: 2px solid #fadb16;
	border-top: none;
	border-left: none;
	border-right: none;
	min-height: 0;
	padding-bottom: 40px;
	margin-bottom: 20px;
}

ul.header {
	text-align: center;
	font-size: 1rem;
	color: #000;
	list-style: disc;
	line-height: 1;
	font-family: 'Rubik', sans-serif;
}

ul.header li {
	text-align: right;
	font-size: 1rem;

}

.small_text_button {
	font-size: 0.75rem;
	margin-top: 10px;
	font-family: 'Rubik', sans-serif;
}

		}



		@media screen and (min-width: 1250px) {
		  /* Füge hier deine CSS-Regeln für Bildschirmbreiten von mindestens 1250px ein */

			.bg-header {
				position: relative;
				margin-top: 0px;
				padding-top: 0px;
				background-size: cover;
				padding-bottom: 140px;
			}
			.button_testimontial {
				position: absolute;
				width: 70px;
				border-radius: 100px;
				background: #eaeaea;
				bottom: 30px;
				right: 20px;
				height: 70px;
			}
			.profil_pic {
			position: absolute;
			width: 100%;
			top: 10px;
		}


		.bg-img_payment {
			background-image: url(../img/paymentsite/background_header.png);
			background-position: top right;
			background-repeat: no-repeat;
			background-size: contain;
			margin-top: -70px;
			min-height: 500px;
			background-color: #8582c5;
		}

		button.btn-video {
			border: none;
			background: #fadb16;
			padding: 10px 30px;
			border-radius: 20px;
			position: absolute;
			left: 50%;
			top: 50%;
			translate(-50%, -50%);
		}


		#overlayabout {
			background: #000;
			position: absolute;
			top: 0;
			bottom: 0;
			z-index: 99999;
			width: 100%;
			opacity: 0.9;
		}

			.testimontial {

				min-height: 350px;
			}



		.img-header-container{
			position: absolute;
			right: 20%;
			bottom: 0;
			z-index: 996;
			max-width: 25vw;
			display: block;
		}

		.img-header-container img{
			width: 100%;

		}