@charset "utf-8";
/* CSS Document */


html, body {
	height:auto;
	margin:0;
	padding:0;
}

body {
	background-color:#fff;
}

.wrapper {
	max-width:1060px;
	min-width:240px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	/*box-shadow:0px 0px 32px rgba(50,50,50,0.35);*/
}




.header {
	width:100%;
	height:auto;
	background-color:#FFF;
}

.header_image_container {
	position:relative;
	width:100%;
	height:auto;
}

.header_image {
	width:100%;
	height:auto;
	padding-top:17%;
	padding-bottom:0%;
}

.header_arch_top {
	position:absolute;
	top:0px;
	width:100%;
	height:auto;
}

.header_arch_bottom {
	position:absolute;
	bottom:0px;
	width:100%;
	height:auto;
}



.section_headline {
	width:100%;
	height:auto
	text-align:center;
	display:block;
	padding-top:16px;
}


/*
.header {
	position:relative;
	width:100%;
	height:740px;
	background-image:url(../images/Titel_Home.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% auto;
	display:block;
}
.header_m {
	display:none;
}
.header_kontakt {
	background-image:url(../images/Titel_Kontakt.jpg);
	background-size:2560px auto;
}
.header_impressum {
	background-image:url(../images/Titel_Impressum.jpg);
	background-size:2560px auto;
}
.header_zertifikate {
	background-image:url(../images/Titel_Zertifikate.jpg);
	background-size:2560px auto;
	background-size:100% auto;
}
.header_datenschutz {
	background-image:url(../images/Titel_Datenschutz.jpg);
	background-size:2560px auto;
	background-size:100% auto;
}
.header_Bogen {
	position:absolute;
	width:100%;
	height:740px;
	background-image:url(../images/Titel_BewBew_Bogen.png);
	background-repeat:no-repeat;
	background-position:center;
	z-index:99;
	display:block;
}

.header_pic_container {
	position:relative;
	width:100%;
	height:auto;
}
.header_pic_content {
	position:absolute;
	width:100%;
	height:auto;
	background-image:url(../images/Titel_Hintergrund.jpg);
	background-image:url(../images/Titel_BewBew_Bogen.png);
	background-repeat:no-repeat;
	background-position:center;
}
.header_logo {
	float:left;
	width:25%;
	height:auto;
	padding-top:64px;
	padding-right:5%;
	padding-left:10%;
	z-index:100;
}
.header_logo_text {
	float:right;
	width:50%;
	height:auto;
	padding-top:96px;
	padding-left:5%;
	padding-right:5%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:32px;
	font-weight:100;
	color:#f7901e;
	text-align:left;
}
*/


.titlePic {
}

.naviContainer {
	float:left;
	padding:12px 8px 10px 32px;
	background-color:#f7901e;
	background-color:#f7a31e;
}

.content {
	background-color:#FFF;
}

.section {
	width:auto;
	height:auto;
	padding:32px 32px 32px 32px;
	display:block;
}
.section_half {
	float:left;
	width:50%;
	height:auto;
}
.section_left_txt {
	float:left;
	width:40%;
	height:auto;
}
.section_middle_img {
	float:left;
	width:20%;
	height:auto;
}
.section_right_txt {
	float:left;
	width:40%;
	height:auto;
}

.navi_button {
	float:left;
	padding:6px 32px 6px 0px;
}


.contact_bar {
	float:left;
	position:relative;
	width:auto;
	height:auto;
	display:block;
	padding:32px;
}

.contact_bar_section {
	float:left;
	width:auto;
	height:240px;
	display:block;
	text-align:center;
	padding:16px;
}
.contact_bar_section_start {
	width:220px;
	height:220px;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	color:#f7901e;
	font-family:Verdana, Geneva, sans-serif;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:38px;
	font-weight:bold;
	border:2px solid #f7901e;
}
.contact_bar_section_start:hover {
	cursor:pointer;
	background-color:#f7901e;
	color:#FFF;
}
.contact_bar_block_headline {
	padding-top:24px;
}
.contact_bar_block {
	padding-top:8px;
}
.contact_bar_headline {
	font-family:Verdana, Geneva, sans-serif;
	font-size:34px;
	font-weight:lighter;
	color:#f7901e;
	text-decoration:underline;
	text-underline-offset:14px;
	line-height:60px;
}
.contact_bar_text {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#4f4b47;
	line-height:30px;
}
.contact_bar_text_mail {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#4f4b47;
	line-height:30px;
	text-decoration:none;
}
.contact_bar_text_mail:hover {
	cursor:pointer;
	color:#f7901e;
}


ul {
	line-height:22px;
}

li {
	list-style:disc;
	font-size:22px;
	color:#231f20;
	color:#f59602;
}
.circleSelectable {
	list-style:circle;
	font-size:22px;
	color:#f7901e;
}
.circleSelectable:hover {
	list-style:disc;
	cursor:pointer;
}
.selectable {
	
}
.selectable:hover {
	cursor:pointer;
}


.list_dreieck {
	font-size:22px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#231f20;
	padding-bottom:6px;
}
.list_dreieck:hover {
	cursor:pointer;
	color:#f59602;
}
.dreieck_Symbol {
	float:left;
	width:0px;
	height:0px;
	-webkit-transform:rotate(360deg);
	border-style:solid;
	border-width:5px 0px 5px 8.6px;
	border-color:transparent transparent transparent #f59602;
	margin-top:5px;
	margin-right:8px;
}
.pfeil_runter {
	float:left;
	box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px;
	margin-right:4px;
	color:#f59602;
}
.pfeil_runter::after {
	content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 4px;
    top: 2px;
}
.pfeil_rechts {
	float:left;
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px;
	margin-right:4px;
	color:#f59602;
}
.pfeil_rechts::after {
	content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    right: 6px;
    top: 4px;
}

.dreieck_Symbol_ausgeklappt {
	float:left;
	width:0px;
	height:0px;
	-webkit-transform:rotate(360deg);
	border-style:solid;
	border-width:8.5px 5px 0px 5px;
	border-color:#f59602 transparent transparent transparent;
	margin-top:6px;
	margin-right:8px;
	margin-left:-2px;
}
.aufklapptext {
}

.certificate_container {
	width:100%;
	height:auto;
	overflow: auto;
}

.section_center {
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin-top:40px;
	margin-bottom:64px;
}
.center_container {
	width:768px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.center_content {
	width:auto;
	height:auto;
	display:block;
}

.certificate_thumbnail {
	float:left;
	width:320px;
	height:auto;
	/*box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);*/
	box-shadow: 2px 2px 6px silver;
	margin:32px;
	display:block;
}

.footer {
	width:100%;
	height:auto;
}

.footer_logo {
	min-width:200px;
	max-width:400px;
	height:auto;
	padding-top:64px;
	margin-left:auto;
	margin-right:auto;
}
.footer_extension {
	float:left;
	width:100%;
	height:auto;
	min-height:64px;
	background-color:#f8bf00;
	background-color:#f7a31e;
	padding-bottom:32px;
	background: linear-gradient(to bottom, rgba(247,163,30,1), rgba(248,191,0,1));
}
table, tr, td {
	padding-right: 8px;
	padding-top: 4px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#231f20;
	border:none;
	vertical-align:top;
	vertical-align:text-top;
	padding:6px 6px;
	border-radius:6px;
}
.table_color_yellow {
	border:2px solid #F90;
}
.table_color_light_blue {
	background-color:#e1efff;
}
.rund {
	border-radius: 100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
}
.gruppeUebung {
	width:288px;
	height:auto;
	float:right;
	margin:0px 8px 8px 8px;
	border:2px solid #1562ae;
}
.mobile_wrap {
	clear:none;
}
.desktop_version {
	display:block;
}
.mobile_version {
	display:none;
}
#header_top_navi_container {
	position:fixed;
	width:340px;
	height:auto;
	top:16px;
	left:-296px;
	z-index:80;
	transition: left 0.5s;
}
.header_top_navi {
	width:292px;
	height:auto;
	float:left;
	padding-top:16px;
	padding-bottom:16px;
	background-color:#f8bf00;
	background-color:#f7921c;
	text-align:center;
	transition: right 0.5s;
	border-radius:0px 0px 10px 0px;
	box-shadow:4px 4px 3px rgba(0, 0, 0, 0.2);
}
.header_top_navi_button {
	width:40px;
	height:40px;
	padding:4px;
	float:left;
	background-color:#f8bf00;
	background-color:#f7921c;
	border-radius:0px 6px 6px 0px;
	/*box-shadow:4px 4px 5px rgba(0, 0, 0, 0.3);*/
	box-shadow:4px 4px 3px rgba(0, 0, 0, 0.2);
}
.header_top_navi_button:hover {
	cursor:pointer;
}