@charset "UTF-8";

.ie-panel {
	display: none;
	background: #212121;
	padding: 10px 0;
	box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);
	clear: both;
	text-align: center;
	position: relative;
	z-index: 1;
}
html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel {
	display: block;
}

.rd-navbar {
	background-color: #72181F;
	-webkit-box-shadow: 1px 1px 2px 1px #9F9F9F;
	box-shadow: 1px 1px 2px 1px #9F9F9F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C5C5;
	background-image: url(../pic/hintergrundstruktur_obere_leiste.jpg);
	background-attachment: fixed;
}	

.handy-ja{
	display: none;
}
	
.logo-unten {
	margin-top: -6px;
	margin-left: -28px;
	min-width: 100px;
}
.impressum_link {
	display: none;
}
	
.aktiver_link {
	/* [disabled]text-decoration: underline; */
	margin-left: -5px;
}


.download {
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

.linie_grau {
	border-bottom: 1px solid #999999;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 40px;
	margin-bottom: -5px;
	}

a:hover {
	color: #7b2027;
}

.schwarze_linie {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2E2E2E;
	margin-top: -89px;
	padding-top: 18px;
	margin-bottom: 60px;
}
.schwarze_linie2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2E2E2E;
	margin-top: -47px;
	padding-top: 21px;
	margin-bottom: 10px;
}
.image-left-side img {
		
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	min-width: 70%;
	min-height: 70%;
	max-height: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: auto;
}
.index {
	line-height: 1.74em;
	text-align: justify;
	
}


.bg-grau{
	margin-top: 0px;	
	}


.container_inhalt_grau {
	margin-top: -30px;
	}	
	
.abstand1024 {
	
	margin-bottom: -5px;		
}
	
.rd-navbar-main-outer {
	/* [disabled]border-bottom-color: rgba(255, 255, 255, 0.1); */
	/* [disabled]border-bottom-style: solid; */
	/* [disabled]border-bottom-width: 1px; */
	margin-top: -10px;
}	
	
.rd-navbar-classic.rd-navbar-static .rd-navbar-aside-outer, .rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer {
	margin-bottom: -13px;
}


.container_anim {
	/* [disabled]background-color: #FFFFFF; */
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: auto;
	padding-right: auto;
	left: auto;
	padding-bottom: 30px;
	padding-top: 0px;
	margin-top: -120px;
	}



/* Tab-Funktion */

.course_tabs_container
{
	width: 100%;
	margin-top: 30px;
}
.tab
{
	height: 40px;
	background: #EBEBEB;
	font-size: 16px;
	color: #384158;
	font-weight: 500;
	line-height: 44px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 10px;
	padding-left: 21px;
	padding-right: 20px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	border-top-right-radius: 15px;
}
.tab.active,
.tab:hover
{
	background: #7b2027;
	color: #FFFFFF;
}
.tab_panels
{
	
}
.tab_panel
{
	display: none !important;
	width: 100%;
	height: 100%;
	-webkit-animation: fadeEffect 1s;
	animation: fadeEffect 1s;
	padding-left: 0px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 25px;
	border-top: 1px solid #CCCCCC;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.tab_panel.active
{
	display: block !important;
}
.tab_panel_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #384158;
}
.tab_panel_text
{
	margin-top: 10px;
}
.tab_panel_text p
{
	font-size: 16px;
	font-weight: 400;
	color: #76777a;
	line-height: 1.75;
}
.tab_panel_section
{
	margin-top: 17px;
}
.tab_panel_subtitle
{
	font-size: 18px;
	font-weight: 400;
	color: #262626;
}
.tab_panel_bullets
{
	margin-top: 9px;
}
.tab_panel_bullets li
{
	position: relative;
	padding-left: 27px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.75;
	color: #76777a;
}
.tab_panel_bullets li:not(:last-child)
{
	margin-bottom: 2px;
}
.tab_panel_bullets li::before
{
	display: block;
	position: absolute;
	top: 9px;
	left: 1px;
	width: 7px;
	height: 7px;
	background: #76777a;
	content: '';
	border-radius: 50%;
}
.tab_panel_faq
{
	margin-top: 51px;
}

.tab_panel_2
{
    padding-bottom: 10px;
}

.tab_panel_3
{
	padding-bottom: 42px;
}


/* Tab-Funktion-Ende*/











@media (max-width: 1025px) {
	
	
	
.bg-grau{
	margin-top: -20px;	
	}	
	
	
	
.footer-classic-aside {
	padding-top: 6px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom-width: 0px;
}
.logo-unten {
	margin-top: -6px;
	margin-left: -26px;
	min-width: 100px;
	margin-bottom: -2px;
}
	
.abstand1024 {
	padding-top: 18px;
	margin-bottom: 0px;	
}
	
	
.index {
	
	margin-bottom: 20px;
}	
	
.image-left-side img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	min-height: 100%;
	min-width: 149%;
	margin-left: auto;
	margin-right: 0px;
	margin-top: 98px;
}
	
.parallax-effekt {

	}
	
.download {
	margin-top: 15px;
	margin-left: -60px;
	margin-right: 0px;
}	
	
	
}

@media (max-width: 992px){
	

.download {
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}	
	
.bg-grau{
	margin-top: 280px;	
	}	
	
	
.brand .brand-logo-dark {
	display: none;
}
.only_mobile {
	display: block;
	color: #FFF;
}
.impressum_link {
	display: block;
}
	
.container_inhalt {
	margin-top: -35px;		
	}
		
	
.image-left-side img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	min-height: 108%;
	min-width: 148%;
	margin-left: -278px;
	margin-top: -338px;
}
	
.container_anim {
	/* [disabled]background-color: #FFFFFF; */
	margin-bottom: 10px;
	margin-top: 0px;
	}	
	
.tablet-ja{
	display: block;
}	
	
}

@media (max-width: 641px) {
	
	
.bg-grau{
	margin-top: 20px;	
	}		
	
.dd-parallax {
	color: #FFF;
	font-size: 30px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	margin-top: 28px;
}
.image-left-side img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	min-height: 110%;
	min-width: 149%;
	margin-left: -140px;
	margin-top: -167px;
}
	
.logo-unten {
	margin-top: -8px;
	margin-left: 0px;
	min-width: 120px;
	margin-bottom: 6px;
}	
	
	
.tab
{
	height: 29px;
	background: #EBEBEB;
	font-size: 15px;
	color: #1D1D1D;
	font-weight: 200;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 10px;
	padding-left: 7px;
	padding-right: 7px;

}	
	
	
}

@media (max-width: 416px) {
.dd-parallax {
	color: #FFF;
	font-size: 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	margin-top: 28px;
}
.logo-unten {
	margin-top: -8px;
	margin-left: 0px;
	min-width: 120px;
	margin-bottom: 6px;
}
	

.abstand1024 {
	padding-top: 0px;
	margin-bottom: 0px;	
}	
	
	

	
	
	
/* Darkmode-Befehl
	
@media (prefers-color-scheme: dark) {   */
	
body {
background-color: #131313;
color: #e4e4e4;
  }
	
.bg-default {
  background-color: #131313;
}
	
.row {
	background-color: #131313;
	}
	
.container {
	background-color: #131313;
	margin-bottom: -30px;
	}
	
.container_inhalt {
	background-color: #131313;
	}
	
	
.bg-grau {
	background-color: #131313;
	margin-top: 110px;
	z-index: 0;
	}

.list-ordered > li {
	margin-bottom: 10px;
	color: #009BCE;
	padding-top: 2px;
}	
	
.container_anim {
	display: none;
	}
	
.row-30 {
	margin-top: -25px;
	}

.handy-nein{
	display: none;	
	
}
	
.handy-ja{
	display: block;
}	
	
hr {
	display: none;

	}	
	
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #e4e4e4;
}

h3
 {
	font-size: 20px;
	color: #009BCE;
}
	
mark
 {
	color: #009BCE;
	background-color: #131313;
	border: 1px solid #009BCE;
}	
	
h5
 {
	font-size: 16px;
	color: #009BCE;
}	
	
a {
color: #e39777;
  }
img {
filter: grayscale(30%);
  }
	
.linie {
	border-bottom: 1px dotted #EBEBEB;
	margin-top: -30px;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;
	}
	
	
.footer-classic {
	background-color: #131313;
	padding-top: 55px;
	}
	
	
/* Darkmode-Ende   */
	

.tab
{
	height: 29px;
	background: #EBEBEB;
	font-size: 11px;
	color: #1D1D1D;
	font-weight: 200;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 10px;
	padding-left: 7px;
	padding-right: 7px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	border-top-right-radius: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}	
	
	
	
	
	
}

@media (max-width: 360px) {
.center-it {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}
.parallax-schrift {
	font-style: normal;
	font-family: dd;
	color: #FFF;
	/* [disabled]font-weight: bolder;
*/
	font-size: 8rem;
	text-shadow: 5px 5px 8px #333;
	line-height: 9rem;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 100%;
	width: 100%;
}
.image-left-side img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	min-height: 110%;
	min-width: 149%;
	margin-left: -122px;
	margin-top: -147px;
}
	

	}