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

@font-face {
  font-family: 'txt-format02';
  src: url("../../../fonts/Manjari-Regular.woff");
  font-display: swap;
}

/*  video-container o*/
.video-container {
	display:flex!important; flex-wrap: wrap; flex-direction: row;
	width:100%; height:auto!important;
	margin: 20px 0px;
	justify-content: center; align-content: center; align-items: center;
	gap: 20px 10px;
}
.v-container {
	width:47%!important; height:auto!important;
}
.v-container1 {
	background-color: white;
	border-radius: 0px 0px 12px 12px;
	box-shadow: 0 5px 0 0 rgba(0,0,0,0.3);
}
.v-container2 {
	background-color: white;
	border-radius: 0px 0px 12px 12px;
	box-shadow: 0 5px 0 0 rgba(0,0,0,0.3);
}
.v-container .under_video {
	font-size:12pt; line-height: 1.1;
	font-family: 'parallax-text'!important; letter-spacing: -0.5px;
	padding:5px 0 3px 0!important; margin:0 0 0 10px!important;
}
.video-js {
	/*flex-grow: 0; flex-shrink: 1;*/
	display:block;
	position: relative;
	box-shadow: 0px -6px 0 0 rgba(0,0,0,0.3);
	/*margin:15px!important;*/
}
.video-js, .vjs-default-skin {
  font-size: 10px;
  color: #fff; background-color: transparent!important;
}
.vjs-poster {
  background-color: transparent!important;
}
.vjs-default-skin .vjs-big-play-button {
  position:absolute;
	top: 50%; left: 50%;
	/*transform: translate(-50%,-50%);*/
	font-size: 3em; line-height: 2em;
  height: 2em; width: 2.5em;
  border: 0.06666em solid #fff; border-radius: 0.3em;
}
.video-js .vjs-control-bar, .video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
  background-color: darkslategray;
  background-color: rgba(43, 51, 63, 0.6);
}
.video-js .vjs-slider {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-volume-level, .video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: #fff;
}
.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75);
}
/*  video-container x*/

.quelle {
	text-decoration: none;
	background-color: yellow; color: black;
	padding:0 4px;
}
.quelle:hover {
	background-color: greenyellow; color: black;
}

.vorwort {
	display:block; width:100%;
	background-color: GAINSBORO;
	margin: 30px 0px 0px; padding:15px 25px;
	border:solid 2px black;
}
.vorwort p {
	font-family: 'article-ind-text';
  font-size: 15pt; line-height: 1.25; font-weight: normal;
  text-align: justify; text-indent: 14px;
  letter-spacing: normal; hyphens: auto;
}


.separate-window {
	display:block; width:100%!important; margin: 0 auto;
	color:white; background-color: crimson;
	padding: 2.5px 5px;
	font-family: 'moreless'; font-size:13pt;
	text-align: center; line-height: 1.75;
}.separate-window a {
	text-decoration:none; padding:0px 3px;
	color:whitesmoke;
}.separate-window a:before {
  content: '['; padding-right:4px;
}.separate-window a:after {
  content: ']'; padding-left:4px;
}
.separate-window img {
	display: inline-block; vertical-align: middle;
	margin:auto 0px; padding:0px;
	height:20px; width:20px;
}
.separate-window a:hover {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	color:black;
}






@media screen and (max-width : 980px ){
.v-container {
	width:80%!important; height:auto!important;
}

}


@media screen and (max-width: 690px) {
.v-container {
	width:90%!important; height:auto!important;
}
.vorwort p {
	font-family: 'article-ind-text';
  font-size: 14pt; line-height: 1.25;
}

}