@charset "utf-8";

/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('/style/fonts/roboto/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Roboto'), local('Roboto-Regular'),
		  url('/style/fonts/roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		  url('/style/fonts/roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		  url('/style/fonts/roboto/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
 }
/* roboto-italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url('/style/fonts/roboto/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
	src: local('Roboto Italic'), local('Roboto-Italic'),
		  url('/style/fonts/roboto/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		  url('/style/fonts/roboto/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		  url('/style/fonts/roboto/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
 }
/* roboto-500 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('/style/fonts/roboto/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
	src: local('Roboto Medium'), local('Roboto-Medium'),
		  url('/style/fonts/roboto/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		  url('/style/fonts/roboto/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		  url('/style/fonts/roboto/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: url('/style/fonts/roboto/roboto-v20-latin-500italic.eot'); /* IE9 Compat Modes */
	src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
		  url('/style/fonts/roboto/roboto-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		  url('/style/fonts/roboto/roboto-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
		  url('/style/fonts/roboto/roboto-v20-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('/style/fonts/roboto/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Roboto Bold'), local('Roboto-Bold'),
		  url('/style/fonts/roboto/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		  url('/style/fonts/roboto/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		  url('/style/fonts/roboto/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	src: url('/style/fonts/roboto/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
	src: local('Roboto Black'), local('Roboto-Black'),
		  url('/style/fonts/roboto/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		  url('/style/fonts/roboto/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
		  url('/style/fonts/roboto/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: url('/style/fonts/roboto/roboto-v20-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
		  url('/style/fonts/roboto/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		  url('/style/fonts/roboto/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		  url('/style/fonts/roboto/roboto-v20-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 900;
	src: url('/style/fonts/roboto/roboto-v20-latin-900italic.eot'); /* IE9 Compat Modes */
	src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
		  url('/style/fonts/roboto/roboto-v20-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		  url('/style/fonts/roboto/roboto-v20-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-900italic.woff') format('woff'), /* Modern Browsers */
		  url('/style/fonts/roboto/roboto-v20-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
		  url('/style/fonts/roboto/roboto-v20-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

body{
	margin:0px;
	padding:0px;
	word-wrap: break-word;
	background-color:#f6f6f6;
	font-family: 'Roboto',sans-serif;
	line-height: 1.7;
	font-size: 17px;
	color:#000;
}

img {
	border:2px solid #c6c6c6;
	vertical-align:top;
}

table {
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	border:0px;
}

td, th {
	overflow:hidden;
	border:0px;
	padding:5px;
	vertical-align:middle;
	text-align:left;
}

p {
	line-height:29px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
}

h1 {
	margin:0px;
	font-size: 22px;
	line-height:28px;
}

h2 {
	margin-top:20px;
	margin-bottom:10px;
	font-size:20px;
}

h3 {
	margin-top:20px;
	margin-bottom:10px;
	font-size:17px;
}

h4 {
	margin-top:25px;
	margin-bottom:20px;
	font-size: 16px;
	font-style:italic;
}

h5 {
	font-size:21px;
	text-decoration:none;
	margin-top:40px;
	margin-bottom:5px;
}

h6 {
	text-transform:uppercase;
	font-size:16px;
	text-decoration:none;
	line-height:25px;
	margin:0px;
	border-bottom:5px solid #09467F;
}
textarea {
	resize: none;
}

a:link, a:visited, a:active{
	font-size: 16px;
	line-height: 18px;
	text-decoration:underline;
	color:#000;
}

a:hover{
	text-decoration:none;
	background-color:transparent;
	color:#1060AB;
}

input[type=submit], button[type=submit] {
	font-weight:bold;
}

/*########################## */
/*########### id ########### */
/*########################## */
#frame {
	position:relative;
	width:100%;
	min-width:250px;
	background-color:transparent;
	margin:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}

#header_1 {
	position:relative;
	width:100%;
	height:auto;
	min-height:80px;
	margin:auto;
	background-color:#1060AB;
}

#header_1_content {
	position:relative;
	margin:auto;
	height:auto;
	min-height:80px;
	max-width:1170px;
}

#header_2, #header_3 {
	position:relative;
}

#logo {
	position:relative;
	float:left;
	width:95%;
	max-width:479px;
	margin-bottom:10px;
	z-index:998;
}

#logo_container {
	position:relative;
	top:12px;
	left:10px;
	margin:0px;
	padding:0px;
	padding-top:12.526%;
	width:100%;
	height:0px;
}

#logo_image {
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(/style/logo.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width:100%;
	height:100%;
}

#logo_image a {
	width:100%;
	height:100%;
	display:block;
}

#header_2 {
	position:relative;
	top:0px;
	height:60px;
	border-top:0px solid #1B6EBB;
	border-bottom:0px solid #1B6EBB;
	margin-bottom:1px;
	z-index:1000;
}

#header_2_bar {
	background-color:#09467F;
	height:60px;
	margin-top:0px;
	margin-bottom:0px;
	font-family:'Roboto',sans-serif;
}

#header_2_content {
	position:relative;
	height:60px;
	width:100%;
	margin:auto;
	max-width:1170px;
}

#header_category_1 {
	height:28px;
	line-height:28px;
	margin-left:10px;
	padding-top:5px;
}

#header_category_1 a {
	line-height:26px;
	color:#fff;
	font-weight:bold;
	font-size:22px;
	text-decoration:none;
}

#header_category_2 {
	height:19px;
	line-height:19px;
	margin-left:10px;
}

#header_category_2 a {
	line-height:18px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
}

#header_4 {
	height:5px;
	background-color:#1060AB;
	border-top:1px solid #fff;
}

#title_image {
	
}

#title_image img {
	width:100%;
	border:0px;
	box-sizing:border-box;
}

#abstract {
	font-weight:bold;
	font-size:16px;
}

#main {
	position:relative;
	clear:both;
	max-width:1170px;
	margin:auto;
	margin-top:25px;
	padding:0px;
	width:100%;
}

#main_left {
	margin:0px;
	margin-right:315px;
	padding:0px;
	width:auto;
}

#main_left_cont {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:25px;
	padding-bottom:70px;
}

#content_all {
	overflow:hidden;
	padding:20px;
	background-color:#fff;
	min-height:1500px;
	border:1px solid #c6c6c6;
}

#headline {
	font-weight:bold;
	font-size:20px;
	margin-bottom:0px;
	padding-bottom:1px;
	border-bottom:5px solid #09467F;
}

#content_info {
	font-size:13px;
}

#content {
	margin-top:20px;
}

#main_end {
	clear:both;
}

#user_comments {
	background-color:#F2F2F2;
	border:2px solid #E6E6E6;
	max-height:500px;
	overflow-y:scroll;
}

#dark_mode_activate::before, #dark_mode_deactivate::before {
	position: relative; 
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
	font-size:18px;
	line-height:18px;
	padding-left:4px;
	vertical-align:middle;
}

#dark_mode_activate, #dark_mode_deactivate {
	background-color:transparent;
	border:0px;
	height:18px;
	width:28px;
	padding:0px;
	margin:0px;
	cursor:pointer;
	color:#fff;
}

#dark_mode_activate::before {
	content: "\f186";
}

#dark_mode_deactivate::before {
	content: "\f185";
}

.user_comment {
	background-color:#FFFFFF;
	border:2px solid #D8D8D8;
	padding:5px 10px;
	margin:10px 10px;
}

.comment_user_name {
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
}

.comment_user_comment {
	font-size:15px;
	line-height:19px;
}

.info_message {
	padding:15px;
	background-color:#B9D6FB;
	border:2px solid #5075B0;
	border-radius:10px;
	font-style:italic;
	color:#000;
}

.quote_message {
	padding:5px 10px;
	background-color:#DCDADA;
	border:2px solid #7F7F7F;
	border-radius:10px;
	font-style:italic;
	color:#000;
}

.note_message {
	padding:15px;
	background-color:#ffefd5;
	border:2px solid #f5deb3;
	border-radius:10px;
	font-style:italic;
	color:#000;
}

.caution_message {
	padding:15px;
	background-color:#FFD7D7;
	border:2px solid #E3ADAD;
	border-radius:10px;
	font-style:italic;
	color:#000;
}

.success_message {
	padding:15px;
	background-color:#92DA9D;
	border:2px solid #0F8120;
	border-radius:10px;
	font-weight:bold;
	color:#000;
}

.failure_message {
	padding:15px;
	background-color:#EF8888;
	border:2px solid #D31D1D;
	border-radius:10px;
	font-weight:bold;
	color:#000;
}

.premium_access_message {
	padding:15px;
	background-color:#F2B04A;
	border:2px solid #E88A17;
	border-radius:10px;
	font-weight:bold;
	color:#000;
}

.info_message a, .quote_message a, .note_message a, .caution_message a, .success_message a, .failure_message a, .premium_access_message a {
	color:#000 !important;
}

.video_1_center {
	position:relative;
	margin:15px auto;
	padding:0px;
	height:0px;
	width:100%;
	max-width:100%;
	padding-bottom:56.25%;
	display:block;
}

.video_2_left {
	float:left;
	width:49%;
	position:relative;
	margin:15px auto;
	padding:0px;
	height:0px;
	max-width:49%;
	padding-bottom:27.5625%;
	display:block;
}

.video_2_right {
	float:right;
	width:49%;
	position:relative;
	margin:15px auto;
	padding:0px;
	height:0px;
	max-width:49%;
	padding-bottom:27.5625%;
	display:block;
}

.video_1_center iframe, .video_2_left iframe, .video_2_right iframe, .video_1_center img, .video_2_left img, .video_2_right img {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	border:0px;
	z-index:1;
}

.video_1_center span, .video_2_left span, .video_2_right span {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	display:block;
	color:#fff;
	font-size:19px;
	line-height:20px;
	padding:10px 10px 20px 10px;
	background-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0) 100%);
	z-index:2;
}

.youtube_play {
	position:absolute;
	height:100%;
	width:100%;
	background-image:url(/de/bilder/youtube/youtube_playbutton_bw.png);
	background-repeat:no-repeat;
	background-position:center;
	display:table;
	z-index:3;
}

.youtube_play:hover {
	background-image:url(/de/bilder/youtube/youtube_playbutton_rw.png);
}

.youtube_play div {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:center;
	visibility:hidden;
	color:#fff;
	background-color:#4F4D4D;
	padding:10px;
}

.youtube_play:hover div {
	visibility:visible;
}

.div_1_left {
	float:left;
	height:auto;
	margin:15px;
	margin-left:0px;
	text-align:center;
}

.div_1_center {
	clear:both;
	width:100%;
	height:auto;
	margin-bottom:15px;
	text-align:center;
}

.div_1_right {
	float:right;
	height:auto;
	margin:15px;
	margin-right:0px;
	text-align:center;
}

.div_2_left {
	float:left;
	width:49%;
	height:auto;
	margin-bottom:15px;
	text-align:center;
}

.div_2_right {
	float:right;
	width:49%;
	height:auto;
	margin-bottom:15px;
	text-align:center;
}

.div_3_left {
	float:left;
	width:32%;
	height:auto;
	margin-bottom:15px;
	text-align:center;
}

.div_3_center {
	float:left;
	width:32%;
	height:auto;
	margin-bottom:15px;
	margin-left:2%;
	text-align:center;
}

.div_3_right {
	float:right;
	width:32%;
	height:auto;
	margin-bottom:15px;
	text-align:center;
}

.div_1_left img, .div_1_center img, .div_1_right img, .div_2_left img, .div_2_right img, .div_3_left img, .div_3_center img, .div_3_right img {
	width:100%;
	height:auto;
}

.div_1_left a img:hover, .div_1_center a img:hover, .div_1_right a img:hover, .div_2_left a img:hover, .div_2_right a img:hover, .div_3_left a img:hover, .div_3_center a img:hover, .div_3_right a img:hover {
	filter:brightness(105%);
	-webkit-filter:brightness(105%);
}

.button_green, a.button_green, .button_blue, a.button_blue, .button_red, a.button_red, .button_yellow, a.button_yellow, .button_orange, a.button_orange, .button_get_premium_access, a.button_get_premium_access, .button_disabled, a.button_disabled {
	border-radius:1px;
	color:#fff;
	font-size:16px;
	font-weight:500;
	line-height:18px;
	cursor:pointer;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:13px 10px 10px;
	margin:0px;
	box-sizing:border-box;
	border:0px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.13);
}

.button_green, a.button_green {
	background-color:#0B820B;
}

.button_green:hover, a.button_green:hover {
	background-color:#14A514;
}

.button_blue, a.button_blue {
	background-color:#0174DF;
}

.button_blue:hover, a.button_blue:hover {
	background-color:#4389E4;
}

.button_red, a.button_red {
	background-color:#D21E1E;
}

.button_red:hover, a.button_red:hover {
	background-color:#EC2D2D;
}

.button_yellow, a.button_yellow {
	background-color:#FAD503;
	color:#2F3537 !important;
}

.button_yellow:hover, a.button_yellow:hover {
	background-color:#F7DA3A;
}

.button_orange, a.button_orange {
	background-color:#F3B606;
	color:#151515 !important;
}

.button_orange:hover, a.button_orange:hover {
	background-color:#FABF0B;
}

.button_get_premium_access, a.button_get_premium_access {
	background-color:#C8892B;
	color:#151515 !important;
	font-weight:bold;
}

.button_get_premium_access::before {
	position: relative; 
	top:-1px;
	padding-right:10px;
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f005";
	font-size:25px;
	vertical-align:middle;
}

.button_disabled, a.button_disabled {
	background-color:#ABABAB;
	cursor:default;
}

.calculator_symbol::before {
	position: relative; 
	top:-1px;
	padding-right:10px;
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f1ec";
	font-size:25px;
	vertical-align:middle;
}

.info_symbol::before {
	position: relative;
	top:-1px;
	padding-right:10px;
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f05a";
	font-size:25px;
	vertical-align:middle;
}

.file_download_symbol::before {
	position: relative;
	top:-1px;
	padding-right:10px;
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f56d";
	font-size:25px;
	vertical-align:middle;
}

.fullscreen_symbol::before {
	position: relative;
	top:-1px;
	padding-right:8px;
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	content:"\f31e";
	font-size:20px;
	vertical-align:middle;
}

.title_box {
	position:relative;
	width:100%;
	min-height:25px;
	text-align:center;
	border-top:4px solid #09467F;
	border-bottom:4px solid #09467F;
	line-height:25px;
	margin:20px 0px 0px;
	color:#000;
	font-weight:600;
	font-size:22px;
}

.tooltip_left:hover span, .tooltip_right:hover span, .tooltip_unlock_left:hover a, .tooltip_unlock_right:hover a {
	display: inline-block;
	visibility:visible;
	z-index:100;
}

.tooltip_left span, .tooltip_right span, .tooltip_unlock_left a, .tooltip_unlock_right a {
	position: absolute;
	display: inline-block;
	box-sizing:border-box;
	visibility: hidden;
	padding:5px;
}

.tooltip_left span, .tooltip_right span {
	top:20px;
	width:200px;
	color:#fff;
	border-radius:5px;
	border:1px solid #1060AB;
	background-color: #2E6DC0;
}

.tooltip_unlock_left a, .tooltip_unlock_right a {
	top:-40px;
	width:100%;
	height:40px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	color:#000;
	background-color:#F2B04A;
}

.tooltip_left span, .tooltip_unlock_left a {
	left:0px;
}

.tooltip_right span, .tooltip_unlock_right a {
	right:0px;
}