/*
header {
	height: auto;
	min-height: 300px;
	padding-bottom: 80px;
}
header div.content {
	height: auto;
	min-height: 300px;
}
*/
div.headertext {
	text-align: left;
	width: calc(100% - 320px);
}
div.headertext h1 {
	margin-bottom: 15px;
}
/*
header img {
	bottom: -85px;
	width: 300px;
	height: auto;
	right: 10px;
}
*/
h2 {
	padding-top: 50px;
}
div.content.module {
	display: flex;
	justify-content: space-between;
	padding-bottom: 0;
}
section.modulecontent {
	min-height: 1200px;
	width: calc(100% - 320px);
	padding-bottom: 40px;
}
section.modulesidebar {
	min-height: 500px;
	background-color: rgb(242,242,242);
	width: 300px;
	text-align: center;	
}
img.spologo {
	width: 100%;
	max-width: 200px;
	height: auto;
	max-height: 60px;
	margin-top: 20px;
}
article.gapbottom {
	margin-bottom: 30px;
}
article.linklist {
	margin-bottom: 50px;
}
/*
Wozu sollte das gut sein?
article.linklist div {
	line-height: 28px;
}
*/
div.likelink {
	cursor: pointer;
}
img.likeicon {
	width: 20px;
	height: auto;
	margin-right: 5px;
	vertical-align: middle;
}
div.zertifizierung {
	margin-top: 25px;
	padding: 20px 0 20px 0;
	border-top: solid 1px rgb(0,0,0);
	border-bottom: solid 1px rgb(0,0,0);
}
div.moduletype {
	padding: 20px 0 20px 0;
}
div.modulesidebar {
	padding: 20px 20px 20px 20px;
	border-top: solid 1px rgb(0,0,0);
}
article.flexcontainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
div.startbutton a.button {
	margin: 0;
}
div.detailbar {
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: solid 1px rgb(0,0,0);
	flex-grow: 1;
	text-align: center;
	font-weight: 500;
}
div.detailbar.active {
	color: rgb(0,135,176);
	border-bottom: solid 3px rgb(0,135,176);
}
div.detailbar:hover {
	cursor: pointer;
	color: rgb(0,135,176);
	border-bottom: solid 3px rgb(0,135,176);
}
div.modlinks {
	cursor: pointer;
}
p.detailheader {
	display: none;
	border-bottom: solid 3px rgb(80,80,80);
	text-align: center;
	font-weight: 500;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 10px;
}
p.detailheader.active {
	color: rgb(0,150,55);
	border-bottom: solid 3px rgb(0,150,55);
}
p.detailheader:hover {
	color: rgb(0,150,55);
	border-bottom: solid 3px rgb(0,150,55);
}
article.detailbox {
	height: 0px;
	overflow: hidden;
}
article.detailbox.active {
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.speaker {
	display: flex;
	justify-content: space-between;
}
div.speakerimage {
	float: none;
}
div.speakerdetails {
		width: calc(100% - 170px);
}
p.faq {
	font-weight: 500;
	cursor: pointer;
}
p.faqtext {
	height: 0px;
	overflow: hidden;
}
p.faqtext.active {
	height: auto;
}
/* Vimeo START */
.embed-container {
	--video--width: 1920;
	--video--height: 1080;

	position: relative;
	padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
	overflow: hidden;
	max-width: 100%;
	background: black;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Vimeo END */

/* PDF start */
.pdf-container {
	width: 100%;
	max-width: 860px;
}
.pdf-container img {
	max-width: 860px;
	width: calc(100% - 2px);
	border: solid 1px rgb(0,0,0);
}
/* PDF end */

/* E-LEARNING start */
.elearning-container {
	width: 100%;
	max-width: 860px;
}
.elearning-container img {
	max-width: 860px;
	width: calc(100% - 2px);
	border: solid 1px rgb(0,0,0);
}
/* E-LEARNING end */

/* MP3 start */
.mp3-container {
	--video--width: 1920;
	--video--height: 1080;
	position: relative;
	padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
	overflow: hidden;
	max-width: 100%;
	background: black;
}
.mp3-container div#myaudio {
	position: absolute;
	bottom: 20px;
	right: 0;
}
.jwplayer, .jw-controls {
	overflow: visible !important;
}
.jw-progress {
	background-color: rgb(0,150,55) !important;
}
.jw-knob {
	background-color: rgb(0,70,130) !important;
}
#myaudio .jw-icon-playback {
	background-color: rgb(0,150,55);
	width: 60px;
	height: 60px;
	margin-left: -10px;
	margin-top: -10px;
	border-radius: 50%;
}
#myaudio .jw-logo-button {
	display: none;
}
#myaudio .jw-button-color:hover:not(.jw-icon-cast), 
#myaudio .jw-button-color:focus:not(.jw-icon-cast){
	color: rgb(0,70,130) !important;
}
/* MP3 end */

div.nomoduleaccess {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.9);
	padding: 20% 40% 0 20px;
	text-align: center;
	background-image: url(../img/nomoduleaccess.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
div.nomoduleaccess p, div.nomoduleaccess a {
	font-size: 16px;
	font-weight: 500;
	font-weight: 500;
}
div.nomoduleaccess p.size1 {
	font-size: 40px;
	line-height: 40px;
	color: rgb(0,135,176);
}
div.nomoduleaccess p.size2 {
	font-size: 30px;
	line-height: 30px;
	color: rgb(0,135,176);
}