h1,h2,h3,h4,h5,h6,p
{
	clear:left;
}
.fas {
	color: #FFF;
	padding-right:4%;
}
.fab {
	font-family: 'Font Awesome 5 Brands';
    font-family: "Icons";
    font-weight: 400;
    font-size: 2em;
    display: inline-block;
    height: 1em;
    position: relative;
    width: 1em;
    color: var(--lachs);
    webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    /*border:solid 1px red;*/
}
.fab:hover {
    color: #ff7f50;
    color: var(--lachsh);
}

.fa-facebook-f {
	
    --fa: "\f39e";
    content: "\f39e";
}
.fa-facebook-fx {

	content:"\f16d";
}

.td1 {
	float:left;
	width: 99%;
	background-color:#EFEFEF;
	background-color:rgba(153,153,153,0.2);
	background-color:pink;
}
.td2 {
	float:left;
	background-color:pink;
	background-color:#EFEFEF;
	background-color:rgba(153,153,153,0.2);
	width: 48%;
	margin-right:1%;
}
.td3 {
	background-color:gold;
	background-color:#EFEFEF;
	background-color:rgba(153,153,153,0.2);
	float:left;
	width: 31.333%;
	margin-right:1%;
}
.td4 {
	background-color:gold;
	background-color:#EFEFEF;
	background-color:rgba(153,153,153,0.2);
	float:left;
	width: 25%;
	/*margin-right:1%;*/
}
.td6 {
	background-color:gold;
	background-color:#EFEFEF;
	background-color:rgba(153,153,153,0.2);
	float:left;
	width: 64.6%;
	margin-right:1%;
}
.td8 {
	background-color:gold;
	background-color:#EFEFEF;
	background-color:rgba(153,153,153,0.2);
	float:left;
	width: 73%;
	margin-right:1%;
}
.td1, .td2, .td3, .td4, .td6, .td8 {
	position:relative;
	z-index:0px;
	margin-bottom:1%;

	/*border:dotted 1px grey;*/
}

.td1 img, .td2 img, .td3 img, .td4 img, .td6 img, .td8 img {
	width: 100%;
	/*border:dotted 1px grey;*/
}
.team {
	width: 80%;
	/*border:dotted 1px grey;*/
	display:flex;
	align-items: center;
}
.team span { margin-top:1em; }



.logobox2 {
	width: 100%;
	/*border:dotted 1px grey;*/
}
.storylogo2 {
	width: 26%;
	margin:0px 0px 4% 0px;
	/*border:dotted 1px red;*/
}
.leben.fancybox-content {
    max-width: 800px;
    width: 98%;
    margin: 50px auto;
}

.bild0 {
	width: 96%;
	float:left;
	margin:0px 0px 4% 4%;
}

.bildbox0 {
	/*background-color:#CCC;*/
	width: 50%;
	float:right;
	margin-left:0%;
}

.titelinhalt {display:none;}

.textbox2 p {
	/*float:right;*/
	padding-left:0%;
	
}

.textbox {
	/*
	font-size: 0.9em;
	font-size: 0.8em;
	
	font-size: 1.4em;
	line-height: 1.1em;
	*/
	
}
.textbox {
	margin-top:15px;
	margin-top:0em;
	margin-bottom:1.5em;	
}
.textbox5 {
    float: left;
    width: 48%;
}

.bildbox0, .bildbox5  {
	position:relative;
}

.bildbox1 .videoplay {
    background-image: url(../userfiles/images/meta/videoplay2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px auto;
    position: absolute;
    z-index: 2;
    margin: 0px;
    height: 100%;
    width: 100%;
    opacity: 0.5;
}
.bildbox1 a:hover .videoplay {
	opacity: 0.2;

}




.bildbox5 {
	width: 96.1%;
	width: auto;
	margin-right:2.9%;
	margin-left:1%;
	margin-top:0%;
}
.bildbox5 p {
	clear:left;
	margin-left:4%;	
}
.bildbox5 h3 {
	margin:1% 0% 0.5% 1%;	
}
.bildbox5 img {
	width: 100%;
}
.galery { 	
	clear:left;
	margin-top:-1.5em;
}
.galery a {
	position:relative;
	float:left;
	width: 32.333%;
	width: 18.0%;
	margin-left:1%;
	margin-bottom:1%;
	display:block;
}
.gtitel {
	display:none;
}




.seite .fadeinbox0 { 
	background-color:gold;
	position:relative;
	top:0px;
	left:30.5%;
	width: 64%;
	height:calc(1279px * 0.64 / 800 * 272);
	height:calc(1279px * 0.68 / 800 * 272);
	/*border:solid 4px gold;*/
}
.seite .fadeinbox { 
	background-color:gold;
	background-color:#FFF;	

	position:relative;
	top:0px;
	left:0%;
	width: 100%;
	height:calc(1279px * 0.64 / 800 * 272);
	/*height:calc(1279px * 0.68 / 800 * 272);*/
	/*border:solid 4px gold;*/
}



.seite .fadein { 
	position:relative;
	margin:0px;
	padding: 0px;
	width: 100%;
	height: 100%;
 }
.seite .faderspacer{    
	width: 100%;
    height:auto;
    height:calc(100vw/16*9);
}
.seite .fadein img{
	background-color:#FFF;
	position:absolute;
	top:0px;
	left:0px;
    width: 200%;
    height:auto;
    width: calc(100%);
}

.seite .fadein, .seite .fadein2 {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;

}

.seite .fadein2 div{
	position:absolute;
	 
	z-index:100;
	top:0px;
	left:0px;
    height:auto;
   
    
    width: calc(100%);
    /*width: calc(98%);
    border:solid 1px red;
    */
    background-repeat: no-repeat;
    background-position: 0px 0px;
    
    /**/
    background-position: center 0px ;
    background-size:  cover;
    background-size:  auto 100%;
    
    
}
.seite .fadein2 .dbox{
	height:56.75vw;
	height:31.7vw;
	height:16vw;
	height:13.4vw;
	height:171.4px;
	height:calc(1279px * 0.64 / 800 * 272);
	/*border-top:solid 5px red; */
	/*background-color:red;*/
	border:solid 1px #ccc;
}


/*

.seite .fadein2 .legende {
	font-size:1.1em;
	line-height:1.2em;
	font-size: clamp(1.1em, 1.5vw, 1.5vw);	
	font-size: clamp(1.5vw, 1.5vw, 1.5vw);	
	font-size:2.6vw;
	font-size:33.2px;
	display:inline-block;
	display:block;
	color:#000;
	width: 98%;
	height: auto;

	position:absolute;
	z-index:2000;
	background-color:transparent;

	margin-left:2%;
	margin-top:16vw;
	
	margin-top:calc(1279px * 0.64 / 800 * 272);
	
	padding:0px;
}
.seite .fadein2 .legende b{ font-weight:900;}

*/
.partner1 h4 { font-weight:600;margin-bottom:1em;}
.partner1, .partner2 {
	width: 100%;
	margin:0px 0% 2em 0px;
	padding-left: 1.5em;
	text-align:right;
	text-align:center;
}
.partner1 a, .partner1 i {
	display:inline-block;
	width: 26%;
	min-width: 16px;
    margin: 0% 5% 0% 0%;
    /*border:solid 1px red;*/
}
.partner2 a, .partner2 i {
	display:inline-block;
	width: 20%;
	min-width: 16px;
    margin: 0% 5% 0% 0%;
    /*border:solid 1px red;*/
}
.partner1 img, .partner2 img {
    width: 100%;
}


/*Social icons*/

.social {
	width: 100%;
	margin:0px 0% 2em 0px;
	padding-left: 1.5em;
	text-align:right;
	text-align:left;
}
.social a{
	display:none;
	display:inline-block;
	width: 16%;
	width: auto;
	min-width: 16px;

    margin: 0% 1% 0% 0%;
    /*border:solid 1px red;*/
}
.social img {
    width: 100%;
}





.footer {
	position:relative;
	z-index:3000;	
    background-color: #f00;
    background-color: var(--bg1);
    background-color: var(--petrol);
	color: var(--lachs);	
	font-size:0.8em;
	padding:2%;
	margin-top:1em;
}
.footer .content{
	background-color: #5398BD;
}	




.fsstring { background-color: #5398BD;}
.footer a, .footer p {
	color: #FFF;
	color: #000;
	color: var(--lachs);
}
.footer a:hover {
	color: var(--lachsh);
	text-decoration:none;
}
.footer h4 {
	font-size:1.2em;
	text-transform: uppercase;
	font-weight:700;
	border-left:solid 0.5em var(--lachsh);
	padding-left: 1em;
}
.footer p { padding-left: 1.5em;}


.footer .weiss1 span {
	display:inline-block;
	padding-right:0.1%;
}
.footer .weiss1 .fblock {
	display:inline-block;
	height:1.2em;
	width:100%;
	/*border:solid 1px red;*/
}
.footer .weiss2 .fblock {
	display:inline;
	width:auto;
}
.footer .weiss1 .trenclaim {	
	display:none;
	background-color: red;
}
.footer .weiss2 span {
	display:inline-block;
	padding-right:0.5%;
}
.footer .weiss2, .footer .weiss2 a  {
	color:#000; color:#FFF; 
}
.footer div {
}
.trenner {
	margin: 0px 0% 0.5% 0.5%;
	clear:left;
	height:1px;
}
.footer .weiss1 .trenclaim span.brk {
	display:block;
	background-color: gold;
}



@media only screen and (max-width: 1919px) {

}
@media only screen and (max-width: 1599px) {

}

@media only screen and (max-width: 1279px) {



}
@media only screen and (max-width: 1024px) {
	.mainimg  { max-height:63.5vw; }
/*
	.fadein2 .dbox { height: 63.5vw; }
	.fadein2 .legende {  margin-top:2.6%; padding:0px;}
	*/
	
}

@media only screen and (max-width: 1023px) { /* Tablet quer*/


 	
 	
 	
 	
}

@media only screen and (max-width: 767px) {
	
	.td3 { width: 49%; margin-right:1%; }
	.partner1, .partner2 { padding-left: 0em;}
	.partner1 a, .partner1 i, .partner2 a, .partner2 i { width: 30%; margin: 0% 1% 0% 1%;}
	.content1 p, .content1 h1, .content1 h2, .td3 {padding:0px 3%;}

}

@media only screen and (max-width: 511px) {

	.td3 { width: 100%; margin:0% 0% 1em 0%; }
	.team { width: 80%; margin:0px auto 2em 10%; /*border:dotted 1px grey;*/ text-align:center }
	.team .btn { margin:0px; }	
	.team span { margin-top:0.5em; }
	.leben.fancybox-content { padding:5%; }
/**	
	.fadein2 div{
	    background-position: center center ;
	    background-size:  cover;
	    
	}

	
	
	.fadein2 .dbox { height: 142vw; height:calc(100vh - 130px); }
	.fadein2 .legende {  font-size: clamp(1.2em, 1.5vw, 1.5vw);  height: 8em; width: 100%!important; 
	top:calc(100vh - 130px - 8em)!important; left:0px!important; margin:0px; padding:10% 4% 1.5em 4%;
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0) 100%); color:#FFF!important; display:table;	 }
	.fadein2 .legendebox {  height: auto; display:table-cell;
		vertical-align:bottom; position:relative; bottom:0px;}
		
*/

}