body{
	margin:0;	
	padding:0;
}

.container {
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
	padding-left:1.8%;
	/* border:1px dotted #00f; */
}

.container-browser {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-left:1.8%;
}
footer {
	border-top:3px solid #BB0422;
	padding-top:30px;
}

div.footer-detail {
	/* border:1px dashed #f00;  */
	
	min-height:200px;
	width:23%;	
	float:left;
	/* padding-left:1.5%; */
	padding-right:1.5%;	
	line-height:1.4rem;
}
div.footer-detail h3 {
	margin:0;
}
div.footer-detail ul{
	list-style-type:none;
	list-style-position: outside;
  margin-left: 0;
  padding: 0; 
}
#footer-4 {
	border-left:1px solid #e8e8e8;
	padding-left:30px;

}

nav#footer-menu {
	position:relative;
	top:30px;
	clear:left;
	float:none;
	display:block;		
	height:58px;
	padding-top:6px;
}


nav#footer-menu ul{
	list-style-type:none;	
	display:table;
	width:100%;
	padding-right:200px;
}

nav#footer-menu ul li{
	display:table-cell;	
}
nav#footer-menu ul li a{
	
}

nav#main-menu {
	text-align:left;	
	height:40px;;
}


#logo-text {
	position:relative;
	top:-5px;
	left:10px;
}

#logo {
	margin-top:7px;
	margin-right:0;	
	margin-left:12px;
}


nav#main-menu a {
	display:block;	
}


nav#main-menu ul {
	 z-index: 597;
	 float: right;
}


#search-box {
	height:38px;
	width:250px;
	position:absolute;
	top: 2px;
	right:0px;	
	display:none;
}
#login-box {
	height:105px;
	width:250px;
	position:absolute;
	top: 2px;
	right:0px;	
	display:none;
	border-left:1px solid #555;
	border-bottom:1px solid #555;
}

.close-box {
	position:absolute;
	top:4px;
	right:5px;	
	width:15px;
	height:28px;
	/* border:1px solid #fff; */
	font-size:25px;
	line-height:22px;
	cursor:pointer;
	
}

#search-field {
	position:absolute;
	top:4px;
	left:30px;
	height:28px;
	width:200px;
	font-size:16px;
	border:none !important;
	
}
#name-field {
	position:absolute;
	top:4px;
	left:10px;
	height:28px;
	width:220px;
	font-size:16px;
	border:none !important;
	
}
#password-field {
	position:absolute;
	top:36px;
	left:10px;
	height:28px;
	width:220px;
	font-size:16px;
	border:none !important;	
}
#login-submit {
	position:absolute;
	top:66px;
	left:10px;
	height:28px;
	width:220px;
	font-size:16px;
	border-width:1px;
}



#copyright {
	display:inline-block;
	position:absolute;
	top:0px;
	right:5px;
}


/* Mockup */ /* Mockup */ /* Mockup */ /* Mockup */ /* Mockup */ /* Mockup */

main {
	float:none;
	margin-top:3rem !important;	
}

.main-preview-wrapper {
	 position:relative; 
	 top:2rem;
	/* border:1px dotted #fee; */
	 vertical-align:top;
}


#main-pic-preview, #scnd-pic-preview, #thrd-pic-preview {
	width:100%;	
}

figcaption h2 {	
	margin-left:15px;
}

figcaption h3 {	
	margin-left:10px;
	margin-top:15px;
	
}
figcaption p {	
	margin-left:10px;
	margin-right:10px;
}

#prv-smaller_wrapper{
		/* border:1px dotted #f00;  */
		display:inline-block;
		display:flex;
		width:50%;
		float:right;
		vertical-align:top;
}

#prv-smaller_wrapper figcaption {
	padding-right: 5px;
}

#iframe-wrapper {
	position: relative;
	width: 100vw;
	height: 56.25vw;
	max-height: 85vh;
	/*max-width: 177.78vh;*/
	max-width: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}

#video-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswa {
	display:inline-block;
	margin:0;
	/* margin-top:30px; */
	margin-right:12px;
	float:left;
	background-color:#fff;
	width:42.4%;
	padding:0 !important;
	overflow:hidden;
}
.prv-smaller {
	width:100%;
	margin-top:0;
	margin-left:0;
	padding:0 !important;
	overflow:hidden;
	/* border:1px dotted #0a0; */
	

	/* min-height:400px !important; */
}


#main-pic {
	display: inline-block;
	background-size: 100% 100% !important;
	margin: 12px;
	margin-top: -1px;
	height: 110% !important;
	max-width: 760px !important;
	width: 48%;
	/* box-shadow: 8px 8px 10px grey; */
}
#main-search a {
	padding:0 !important;	
	padding-top:7px !important;	
	padding-right:4px !important;	
}

/*
div, span, figure, table, a, img {
	border:1px dotted #0ff;	
}
*/


.ueberschrift-video {
	display: block;
	width: 100%;
	text-align: left;
	margin-top: 20px;
}

article.description-video {
	width: 78%;
}

#statistic-video {
	margin-left: 4%;
	display: inline-block;
	/* border:1px dotted #f00; */
	width: 18%;
	/*height: 100px;*/
}

	#statistic-video p:first-Child {
		margin-top: 0;
	}

#video_adds_wrapper {
	display: flex;
}

/* SUCHE */

.common-wrapper-relative {
	/* position:relative;	*/
}

.searchfield-wrapper{
	display:inline-block;
	width:96%;
	border-radius: 4px;
	background-color:#fff;
	border: 1px solid #DDD;
	background-image:url(../images/lupe2.gif) !important;
	background-repeat:no-repeat !important;
	background-position:right center  !important;
  padding-right:10px;
}
#searchfield {
	border:none;
	color: #333;
	font-size: 16px;
	height: 40px;
	padding: 10px;
	width:90%;
}

#search-lupe-2
{
	float:right;
	cursor: pointer;
}


.searchresult {
	display: block;
	/* border:1px dotted #a00; */
	width: 98%;
	padding-bottom: 50px;
}

.sr-wrapper {
	width: 100%;
	display: flex;
	/* border:1px dotted #0a0; */
}

article.searchresult h4 {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

.sr-img {
	display: inline-block;
	width: 180px;
}

	.sr-img img {
		max-width: 180px;
	}

.sr-detail {
	margin-left: 20px;
}

#pg-control {
	margin-top: -50px;
	float: right;
}

.pgs::before {
	content: "| ";
	padding-right: 2px;
	padding-left: 2px;
}

.prev-next {
	position: relative;
	top: 4px;
}

#sort-videos {
	display: inline-block;
	margin-top: 30px;
	height: 40px;
	width: 300px;
	/* border:1px dotted #a00; */
}

.sort-select {
	text-align: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 3px;
	box-shadow: none;
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXBAMAAADq5DJkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURQAAADIyMiYmJjIyMjAwMDMzMzExMczMzG/7/KwAAAAHdFJOUwCoC4YjllkQbp1YAAAARklEQVQY02MoYEAB9OYyGTswMDgbwbgsgiEMLIEicFlDUQdXQbgsg7JgSKCwApzLZCgIlESYrCwIlERwmQyNUOxVUaCjBwG62A+AiSlt5gAAAABJRU5ErkJggg==) right 15px center no-repeat #F8F8F8 !important;
	padding-right: 50px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 22px;
	border: 1px solid #DDD;
	color: #333;
	font-size: 16px;
	padding-left: 10px;
	position: relative;
	left: -18px;
}

.selectButton {
	text-align: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 3px;
	box-shadow: none;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXBAMAAADq5DJkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURQAAADIyMiYmJjIyMjAwMDMzMzExMczMzG/7/KwAAAAHdFJOUwCoC4YjllkQbp1YAAAARklEQVQY02MoYEAB9OYyGTswMDgbwbgsgiEMLIEicFlDUQdXQbgsg7JgSKCwApzLZCgIlESYrCwIlERwmQyNUOxVUaCjBwG62A+AiSlt5gAAAABJRU5ErkJggg==) right 15px center no-repeat #F8F8F8 !important;
	padding-right: 50px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 22px;
	position: relative;
	border: 1px solid #DDD;
	color: #333;
	font-size: 16px;
	padding-left: 5px;
	position: relative;
}

#sort-label {
	position: relative;
	left: -18px;
}

.trenner {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
	border-top: 1px solid #ccc;
}

.bpic {
	width:15.3%;	
	display: inline-block;
	margin-right: 10px;

	padding-bottom:20px;
	margin-top:0 !important;
	vertical-align:top;
	overflow:hidden;
	}

	.bpic img {
	width:100%;
		max-width: 180px;
	}

.bpic p {
	margin-top:0px;
	padding:0;
}
.bpic span {
	position:relative;
	top:-10px;
}
.bpic span span{
	top:0px;
}

section#browser {
	padding-bottom:30px;	
}

#sort-wrapper {
	text-align:right;	
}
#sort-h2-wrapper {
	float:left;
	margin-top:10px;
}
#schon-wieder-ein-wrapper {
	display:inline-block;
	width:40%;
	text-align:right;	
}

#LBOX-WRAPPER {
		position:absolute;
		top:180px;
		width:100%;
		text-align:center;
		display:none;
		z-index:1000;
}
#LBOX {
	display:inline-box;
	position:relative;
	width:400px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border:1px solid #eee;
	border-radius:3px;
}
#LBOX input, #LBOX-SUBMIT {
	font-size: 16px;
  font-weight: 400;
  width:96%;
	height:44px;
	border:1px solid #eee;
	border-radius:3px;
	margin-top:15px !important;
	padding:10px;
}
#LBOXCLOSE {
	font-size:24px;	
	position:relative;
	left:366px;
	cursor:pointer;
	width:24px;
}
/* gehoert eigentlich in slick-theme.css */

.slick-track {
	display:flex !important;	
}
.slick-slide {
	height:auto !important;	
	overflow:hidden !important;
}

.login
{
  width:100%;
  margin: 0 auto;
}
.login input[type="text"], .login textarea, .login select, .login input[type="submit"],.login input[type="date"], .login button, .login input[type="button"], input.any-input, button.any-input,.login input[type="datetime-local"]
{
	background-color:#fff;
	color:#666;
	font-size:16px;
	font-weight:400;
	width:60%;
	border:1px solid #eee;
	border-radius:3px;
	padding:10px;
	padding-top:3px;
	padding-bottom:3px;
}

.login input[type="submit"], .login button, .login input[type="button"], button.any-input  {
	width:150px;
	font-weight:400;	
	border:1px solid #ccc !important;
}
.email {
	width:260px !important;	
	height:40px;
}
#eml {
	display:inline-block;
	margin-top:10px;	
}
#emlSubmit {
	margin-top:20px;	
	height:40px;
	font-weight:bold;
	font-size:0.9em;
	color:#444444;
	background-color: #F5F5F5;
	background-image: linear-gradient(#F5F5F5,#E6E6E6);
}
#emlSubmit:hover {
	background-color:#eee;
	background-image: linear-gradient(#EEE,#DDD);	
}
/*
.login input[type="submit"] {
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #f6f6f6 50%, #eaeaea 100%);
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#f6f6f6 50%,#eaeaea 100%);
	background: linear-gradient(135deg, #dddddd 0%,#f6f6f6 50%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eaeaea',GradientType=1 );
}
.login input[type="submit"]:hover {
	background: #eaeaea;
	background: -moz-linear-gradient(-45deg, #eaeaea 0%, #f6f6f6 50%, #dddddd 100%);
	background: -webkit-linear-gradient(-45deg, #eaeaea 0%,#f6f6f6 50%,#dddddd 100%);
	background: linear-gradient(135deg, #eaeaea 0%,#f6f6f6 50%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#dddddd',GradientType=1 );
}
*/
.btn {
	background-color:#F1F1F1!important;	
}
.btn:hover {
	background-color:#E6E6E6 !important;	
}
.login textarea {
	font-family:"Inter",sans-serif;
	height:80px;	
}
.login input, .login select {
	height:30px;
}
.login label {
	display:inline-block;
	width:25%;	
	color:#333;
	font-size:16px !important;
	font-weight:400 !important;
	margin-top:10px;
}
	.text-danger {
		color: rgb(187, 4, 34);
		padding-left: 10px;
		margin-top:10px;
		max-width:15%;
	}
.form-group {
	display:flex;	
}	
.login {
  padding: 10px;
  margin-bottom: 10px;
}
.login > div {
  padding: 5px 0;
}
.login input:disabled, .login select:disabled {
	background: #dddddd !important;
}
.login input.btn-right {
	/*
	margin-left:34%;
	*/
	float:right;
}
span.gleiche-weite-wie-input-felder {
		display:inline-block;
		width:60%;
}
select.form-control{
	text-align: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 3px;
	box-shadow: none;
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXBAMAAADq5DJkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURQAAADIyMiYmJjIyMjAwMDMzMzExMczMzG/7/KwAAAAHdFJOUwCoC4YjllkQbp1YAAAARklEQVQY02MoYEAB9OYyGTswMDgbwbgsgiEMLIEicFlDUQdXQbgsg7JgSKCwApzLZCgIlESYrCwIlERwmQyNUOxVUaCjBwG62A+AiSlt5gAAAABJRU5ErkJggg==) right 15px center no-repeat #FFFFFF !important;
}
/* VIDEO BEARBEITEN LISTE */
#sort-videos input#searchfield {
	width:250px !important;	
}
#sort-videos label.sv-select{
	display:inline-block !important;
	width:30%;	
	margin-bottom:10px !important;
}
#sort-videos select {
	background-color:#fff !important;
	width:65% !important;
	margin-bottom:10px;
	margin-left:-2px;
}
/*
#sort-videos {
	width:400px !important;	
}
*/
@media all and (max-width: 800px)
{
	.form-group {
		display:block;	
	}
	.login {
		padding:0;
	}
	.login > div {
		padding:0;	
	}
	.login input[type="text"],  .login input[type="date"], .login textarea, .login select, .login input[type="submit"], .login label, .login button, .login input[type="button"] 	
	{
		margin:0;
		/* padding:0; */
		width:96% !important;	
	}
	.login input.btn-right {
	margin-top:10px;	
	}
	.login label {
		margin-top:20px;	
	}
	.text-danger {
		padding:0;
		margin-top:10px;
		max-width:96%;
		margin-bottom:30px !important;
	}
	span.gleiche-weite-wie-input-felder {
		width:100%;	
	}
	span.gleiche-weite-wie-input-felder button, span.gleiche-weite-wie-input-felder input{
		display:block !important;
		width:100% !important;
		float:none !important;
	}
}
@media all and (max-width: 500px)
{
		.button-link{
			display:block;
			width:96%;	
		}
		.button-link + div{
			margin-top:5px;	
		}
}

/* styles for ie10+ */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.searchfield-wrapper {
		margin-top: 40px;
	}

	article.searchresult a + div {
		width: 100%
	}

	.sr-wrapper {
		width: 100%;
		vertical-align: top;
	}

	.sr-img {
		display: inline-block !important;
		width: 199px !important;
		min-width: 199px;
		max-width: 199px;
		height: 150px;
	}

	.sr-detail {
		display: inline-block;
		margin-left: 20px !important;
		float: left !important;
	}
	.sort-select {
		background:none !important;
		left:0;
		padding-right:5px;
	}
}

@media all and (max-width: 500px) and (-ms-high-contrast: none),  (-ms-high-contrast: active) 
{			
	.sr-wrapper {
		display: inline-block;
	}

	.sr-img {
		display: block !important;
		width: 100% !important;
	}

	.sr-detail {
		display: block !important;
		margin-left: 0px !important;
		margin-top: 10px;
		width: 100%;
	}
}