
/***************************************************/
/**\\*\\**\\BOXMODELL//**//*//**/
.galImg,.galTxt{
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.box{
	padding: 40px 60px;
	width:100%;
	//max-width: 1320px;
	margin: 0 auto;
	position: relative;
	//background:#e6f6ff;
	
}
.greyzi{
	background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(223,229,215,1) 60%, rgba(211,216,199,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 20%,rgba(223,229,215,1) 60%,rgba(211,216,199,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 20%,rgba(223,229,215,1) 60%,rgba(211,216,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d8c7',GradientType=0 );
}
.box.noback{
	background:transparent;
}
.boxSub{
	padding: 40px 60px;
	float:left;
	letter-spacing:normal;
	text-align:left;
}
.boxSub.headerC,.boxSub.headerK{
	padding-bottom: 0px;
}
.boxSub.headerC a h2,
.boxSub.headerC a{
	cursor:pointer;
	display: block;
    color: #fff;
}
.boxSub.headerK,
.boxSub.headerK a,
.boxSub.headerK a {
	cursor:pointer;
	display: block;
    color: #1ad088;
}
.boxSub.headerC a:hover{
	background:#fff;
	color:#1ad088;
}
.boxSub.headerK a:hover{
	background:#1ad088;
	color:#fff;
}
.boxSub.headerC a:after{
	content:' →';
}
.boxSub.headerK a:after{
	content:' →';
}
.boxSub.headerB{
	padding-top: 20px;
	color:#fff;
}
.boxSub.headerB{
	padding-top: 20px;
	color:#fff;
}
.boxGaler{
	padding: 0%;
	padding-top: 0px;
	padding-bottom: 20px;
	width:100%;
	max-width: 1420px;
	margin: 0 auto;
	position: relative;
}
.boxGalerT{
	padding: 0%;
	padding-top: 0px;
	padding-bottom: 20px;
	width:80%;
	max-width: 1420px;
	margin: 0 auto;
	position: relative;
}
.boxGalerTer{
	padding: 0%;
	padding-top: 0px;
	padding-bottom: 20px;
	width:80%;
	overflow:hidden;
	margin: 0 auto;
	position: relative;
}
.boxGalerTPROD{
	padding: 0%;
	padding-top: 0px;
	padding-bottom: 20px;
	width:80%;
	overflow:hidden;
	margin: 0 auto;
	position: relative;
}
.centerBox{
	display: block;
    position: absolute;
    margin: 0 auto;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.centerBox a,.centerBox i{
    max-width: none;
    /* float: none; */
    /* width: 10%; */
    display: block;

}
/**************************/
/*COLORS*/
.lill1{background: #1f0321;}
.lill2{background: rgba(67, 15, 80, 1);}
.lill3{background: rgb(118, 27, 130);}
.lill4{background: #5f0076;}
.lill5{background: #340440;}
.whitte{background: white;}
/*******************************************/
/*felxModell*/
.flexRect{
	margin-bottom: 0px;
	position:relative;
	overflow:hidden;
}
.flexRect:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.imgCOnt{
		height:99%;
		/*
		height:-webkit-calc(100% - 32px);
		height:calc(100% - 32px);
		*/
width: 100%;
display: block;
    position: relative;
	overflow:hidden;
}
.centerFLexer{
	display: block;
position: absolute;
min-width: 10px;
margin: 0 auto;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 101%;
height: 100%;
background-size: cover;
    background-position: center center;
	background-repeat: no-repeat;

}
.testiplace td:hover .centerFLexer,
.centerFLexer:hover
{

}

.centerFLexer.harder{
	border: 2px solid #ccc;
    background-color: #eee;
}
/*******************************************/
/*galleryModell*/
.galImg{cursor:pointer;background-size:cover!important;background-position:center!important;
-webkit-clip-path: polygon(86% 0, 100% 17%, 100% 100%, 0 100%, 0 0);
clip-path: polygon(86% 0, 100% 17%, 100% 100%, 0 100%, 0 0);
}
.galImg:hover{background-size:300%!important;
}
.galImgIn{
	position:relative;
	overflow:hidden;
	border: 2px solid transparent;
}
.galImgIn:hover{
	border: 2px solid #d7e3f5;
}
.galImgIn:hover .innerImg{
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.galImgIn .innerImg{
	max-height: 100%;
	background-color: white;
	box-shadow:none;
}
.blogImgCovA{position:absolute; top:0;left:0;}
.goToMyG{    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0}
.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0px;
	width:100%;
}

/* Create four equal columns that sits next to each other */
.column {
    -ms-flex: 50%; /* IE10 */
    flex: 50%;
    max-width: 50%;
    padding: 0px;
}

.column .galImgIn {
   // margin-top: 8px;
    vertical-align: middle;
}

#galImgA {padding-left:0px;}
#galImgB {}
#galImgC {}
#galImgD {padding-right:0px;}
/*
-webkit-animation: 2s bSplit ease ;
	-moz-animation: 2s bSplit ease ;
	-o-animation: 2s bSplit ease ;
	animation: 2s bSplit ease ;
	box-shadow: 1px 1px 1px rgba(0, 243, 255, 0.7), -1px -1px 1px rgba(255, 0, 0, 0.6);
*/
@keyframes bSplit {
	0% {box-shadow: 1px 1px 1px rgba(0, 243, 255, 0.7), -1px -1px 1px rgba(255, 0, 0, 0.6);}
	40% {box-shadow: 2px 6px 1px rgba(0, 243, 255, 0.7), -4px -4px 1px rgba(255, 0, 0, 0.6);}
	45% {box-shadow: 0px 0px 1px rgba(0, 243, 255, 0.7), -1px 0px 1px rgba(255, 0, 0, 0.6);}
	50% {box-shadow: -2px -2px 1px rgba(0, 243, 255, 0.7), 2px 2px 1px rgba(255, 0, 0, 0.6);}
	55% {box-shadow: -6px -6px 1px rgba(0, 243, 255, 0.7), 4px 8px 1px rgba(255, 0, 0, 0.6);}
	57% {box-shadow: -6px -6px 1px transparent, 4px 8px 1px transparent;}
	60% {box-shadow: -10px -10px 1px rgba(0, 243, 255, 0.7), 6px 10px 1px rgba(255, 0, 0, 0.6);}
	70% {box-shadow: 0px 0px 1px rgba(0, 243, 255, 0.7), -1px 0px 1px rgba(255, 0, 0, 0.6);}
	74% {box-shadow: 10px 10px 1px rgba(0, 243, 255, 0.7), -10px -10px 1px rgba(255, 0, 0, 0.6);}
	78% {box-shadow: 0px 0px 1px rgba(0, 243, 255, 0.7), -1px 0px 1px rgba(255, 0, 0, 0.6);}
	95% {box-shadow: -6px -6px 1px rgba(0, 243, 255, 0.7), 6px 6px 1px rgba(255, 0, 0, 0.6);}
	100% {box-shadow: 1px 1px 1px rgba(0, 243, 255, 0.7), -1px -1px 1px rgba(255, 0, 0, 0.6);}
}
.galImg:hover .galTxt{opacity:1;}
.galTxt{
	opacity: 0;
	position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
	background: rgba(0, 0, 0, 0.7);
	padding:10px;
	text-align:center;
}
.galListBox{
	width: 20%!important;
}
/*******************************************/
.blockerS{    
	display: block;
   // padding: 4px;
    padding-top: 0px;
	padding-bottom: 8px; background: white;}
.blocker{position:relative;overflow:hidden;}
/*******************************************/
/*3boxModell*/
.box3{width:31%;}
/*.box3c{width:33%;margin-left:0.5%;margin-right:0.5%;}*/
.box3c{width:31%;
margin-left:3%;
margin-right:3%;
}
.box3c,.box3{
	display: block;
	float: left;
	//border: 4px solid white;
	    height: 30vw;
margin-top:50px;
}
/*******************************************/
/*4boxModell*/
.tOwF{
	overflow: hidden;
    white-space: nowrap;
}
.inboxW{
	display: block;
	padding: 10px;
	background: white;
	/*border: 1px solid black;*/
}
.box10,.box5,.box4,.box2,.box1,.box90,.box80,.box70,.box40,.box50,.box60,.box30,.box20,.logoBox{display:block;position:relative;float:left; 	}
.box90{width:90%;} .box80{width:80%;} .box70{width:70%;} .box60{width:60%;} .box50{width:50%;} .box40{width:40%;} .box30{width:30%;} .box20{width:20%;} .box10{width:10%;}
.box5{width:20%;} .box4{width:25%;} .box2{width:50%;} .box1{width:100%;}
.imgbox{    position: absolute;
    background-position: center center;
    background-size: cover;
    height: 100%;
    min-height: 100%;
    -webkit-filter: grayscale(100%) contrast(122%) brightness(104%);
    filter: grayscale(100%) contrast(122%) brightness(104%);
    z-index: -1;
	left:25%;
    opacity: 0.3;
    background-attachment: fixed;
	box-shadow: inset 0px 0px 120px black;
}
.ffImg{
	    -webkit-filter: grayscale(100%) contrast(122%) brightness(104%);
    filter: grayscale(100%) contrast(122%) brightness(104%);
    opacity: 0.3;
}	
.ffImg2{
	    -webkit-filter: grayscale(100%) contrast(300%) brightness(150%);
    filter: grayscale(100%) contrast(300%) brightness(150%);
    opacity: 0.3;
}	
.freeImgP10{
	padding-left:10px;
}

.rMargin10{margin-right: 5%;}
.lMargin10{margin-left: 5%;}

.boxP10{padding:5vw;}

.blocki{float:left;display:block;}
.blocki1{margin-top: -120px;}
.ovhidden{overflow:hidden;}

.flRigth{float:right;}
.fullHeighter{height:100%;}
.halfHeighter{height:60%;}

.reler{position:relative;}

.zix2min, .zix1min, .zix1, .zix2, .zix3, .zix4{
	position:relative;float:left;
}
.zix2min{z-index:-2;}
.zix1min{z-index:-1;}
.zix1{z-index:1;}
.zix2{z-index:2;}
.zix3{z-index:3;}
.zix4{z-index:4;}

.boxMobil{}
.boxMobil2{}
.boxMobil4{}

/*******************************************/
/** TEXTMODELL **/
.txtFLeft{text-align:left;}
.txtFRight{text-align:right;}
.txtFCenter{text-align:center;}
/*******************************************/
/*******************************************/
/** MUST.MODELL **/
.mustPdng1{padding:10px!important;}
.mustPdng2{padding:20px!important;}
.mustPdng3{padding:30px!important;}
.mustPdng4{padding:40px!important;}
.mustPdng5{padding:50px!important;}

.mustClr{color:white!important;}
.mustClr:hover{color:black!important;}

/*******************************************/
@keyframes aKewIt {
	0% {-ms-transform: skewY(0deg); -webkit-transform: skewY(0deg); transform: skewY(0deg);opacity:1;}
	43% {-ms-transform: skewY(0deg) skewX(0deg); -webkit-transform: skewY(0deg) skewX(0deg); transform: skewY(0deg) skewX(0deg);opacity:1;}
	44% {-ms-transform: skewY(0deg) skewX(10deg); -webkit-transform: skewY(0deg) skewX(10deg); transform: skewY(0deg) skewX(10deg);opacity:0;}
	45% {-ms-transform: skewY(1deg) skewX(0deg); -webkit-transform: skewY(1deg) skewX(0deg); transform: skewY(10deg) skewX(0deg);opacity:1;}
	46% {-ms-transform: skewY(0deg); -webkit-transform: skewY(0deg); transform: skewY(0deg);opacity:0;}
	56% {-ms-transform: skewY(0deg); -webkit-transform: skewY(0deg); transform: skewY(0deg); opacity:0;}
	57% {-ms-transform: skewY(-1deg); -webkit-transform: skewY(-1deg); transform: skewY(-1deg); opacity:1;}
	58% {-ms-transform: skewY(0deg); -webkit-transform: skewY(0deg); transform: skewY(0deg);opacity:0;}
	59% {-ms-transform: skewY(0deg); -webkit-transform: skewY(0deg); transform: skewY(0deg);opacity:1;}
	74% {-ms-transform: skewY(0deg); -webkit-transform: skewY(0deg); transform: skewY(0deg);opacity:1;}
	75% {-ms-transform: skewY(-2deg); -webkit-transform: skewY(-2deg); transform: skewY(-2deg);}
	76% {-ms-transform: skewY(2deg); -webkit-transform: skewY(2deg); transform: skewY(2deg);}
	77% {-ms-transform: skewY(0deg); -webkit-transform: skewY(0deg); transform: skewY(0deg);}
	94% {-ms-transform: skewY(0deg) skewX(0deg); -webkit-transform: skewY(0deg) skewX(0deg); transform: skewY(0deg) skewX(0deg);}
	95% {-ms-transform: skewY(-4deg) skewX(-10deg); -webkit-transform: skewY(-4deg) skewX(-10deg); transform: skewY(-4deg) skewX(-10deg);}
	96% {-ms-transform: skewY(0deg) skewX(0deg); -webkit-transform: skewY(0deg) skewX(0deg); transform: skewY(0deg) skewX(0deg);}
	100% {-ms-transform: skewY(0deg) skewX(0deg); -webkit-transform: skewY(0deg) skewX(0deg); transform: skewY(0deg) skewX(0deg);}
}
.logoBox{
	width: 34%;
}
#skewLogo{
	width: 100%;
}
.skewLogo{
	-webkit-animation: 5s aKewIt alternate infinite;
	-moz-animation: 5s aKewIt alternate infinite;
	-o-animation: 5s aKewIt alternate infinite;
	animation: 5s aKewIt alternate infinite;
}

	
.posBottom{position:absolute!important;left:50%!important;bottom:0!important;
    transform: translate(-50%,0%);}
.posBottom3{position:absolute!important;left:50%!important;bottom:0!important;
    transform: translate(-50%,-30%);}
.posBottom4{
    display: block;
	margin-bottom: -4%;
}
/**************************************************/
	.ereret{
	margin-left:44px;
	}
	.ereret2{
		    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
	}
/**************************************************/
.box-l-f{
	text-align: left;
}
.box-r-f{
	text-align: right;
}
.box-l-30{
    width: 30%;
    margin: 0px 0px;
    float: left;
}
.box-l-25{
    width: 25%;
    margin: 0px 0px;
	float: left;
	padding: 0px 0px;
}
.righter{float:right;}
.box-l-25-LOGO{
    width: 25%;
    margin: 0px 0px;
	float: left;
	padding: 0px 0px;
}
.box-me{
	padding: 24px 0px;
}

/********************MENUEXTRASS**********************/
/*ANIM*/
	@-webkit-keyframes fadeinEr {
		from { opacity: 0; }
		to { opacity: 1; }
	}

	@-moz-keyframes fadeinEr {
		from { opacity: 0; }
		to { opacity: 1; }
	}

	@keyframes fadeinEr {
		from { opacity: 0; }
		to { opacity: 1; }
	}
	@-webkit-keyframes fadeinBEr {
		from { opacity: 1; }
		to { opacity: 0; }
	}

	@-moz-keyframes fadeinBEr {
		from { opacity: 1; }
		to { opacity: 0; }
	}

	@keyframes fadeinBEr {
		from { opacity: 1; }
		to { opacity: 0; }
	}
.menu-layer{position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;display:none;background-color:#1ad088b5;opacity:0;z-index:6;}
.menu-layer.on{display:block;}
/************************************************/
/********************CURSORMANIA**********************/
.pointilist{cursor:pointer;}
.cursorist{cursor:default;}
.caption,h1,h2,h3,h4,.title{cursor:default;font-family: robotoB;}
.caption h2{  color: #fff;
  padding: 0px;
  font-size: 25px;
letter-spacing: 5px;
font-family: robotoB;}
.caption span{  color: #fff;
  padding: 18px;
  font-size: 25px;
letter-spacing: 5px;
font-family: robotoB;}

/************************************************/

@media all and (min-width: 1925px){
	.box,.boxSub{
		padding:70px 246px;
	}

}
@media all and (min-width: 2925px){
	.box,.boxSub{
		padding:70px 346px;
	}

}
@media all and (min-width: 1425px){
	.box,.boxSub{
		padding:70px 146px;
	}

}
@media all and (min-width: 1225px){
	.box,.boxSub{
		padding:70px 96px;
	}

}
@media all and (min-width: 1025px){
	.box,.boxSub{
		padding:70px 66px;
	}
	.box-me{
		padding: 24px 0px;
	}
}
@media all and (max-width: 1024px){
		.box,.boxSub{
		//padding:70px 80px;
		padding:70px 40px;
	}
	.posBottom4{margin-bottom: 1%;}
	.box-l-25{
		width: 33.333%;
		max-width: 33.333%;
	}
	.box-l-25-LOGO{
		float: none;
		width: 100%;
		display: block;
		margin: 0 auto;
		text-align: center;
		padding: 10px;
	}
	
}

@media all and (max-width: 960px){
	.ereret{
		width: 100%!important;
	margin-left:0px;
	}
	.boxerProd{
		width: 50%!important;
		    height: 41vw!important;
			
	border-right:24px solid #fff!important;
	border: 24px solid #fff;
	}
	.imgbox{
		box-shadow: inset 0px 0px 40px black;
	}
	.galListBox{
		width: 50%!important;
	}
	.column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
	#galImgA,#galImgC {padding-left:0px;}
#galImgB,#galImgD {padding-right:0px;}
	.boxGalerT{width: 100%;}
	/**/
	#skewLogo{	-webkit-animation:none;
	-moz-animation:none;
	-o-animation:none;
	animation:none;}
	.logoBox{width:40%;}
	.posBottom3{ transform:translate(-50%,-10%);}
	/**/
	.boxMobil{
		width: 50%!important;
		margin-left: 0%;
		margin-right: 0%;
	}
	.boxMobil100{
		width: 100%!important;
	}
	.boxMobil2{
		width: 25%!important;
		margin-left: 0%;
		margin-right: 0%;
	}
	/**/
	.box3,.box3c{
		/*width: 49%!important;
		margin-left: 0.5%;
		margin-right: 0.5%;
		margin-bottom: 0.5vw;*/
		width:49%;
		margin-left: 0.5%;
		margin-right: 0.5%;
		    height: 40vw;

	}
	
.box3ee:last-of-type:nth-child(odd){
	//width:100%!important;
	
		margin-left: 25%;
}
.blocki1{margin-top: 0px;}
}

@media all and (max-width: 779px){

	.boxerProd{	height: 50vw!important}	
	.box,.boxSub{
		//margin: 0px;
		border: none;
		//padding:10px;
		padding:50px;
	}
	.boxGalerTer,.box.boxGalerTer{
			padding-left:0px;
			padding-right:0px;
	}
	.box-l-25{
		width: 100%;
		max-width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
}

@media all and (min-width: 646px){	
.rPartner{
	padding-left: 46px
}
}
@media all and (max-width: 645px){

	.boxerProd{	height: 90vw!important}	
.freeImgP10{padding-left:0px;}
.boxP10{padding:7vw;}
	.box,.boxSub{
		padding:40px;
	}
	.boxGalerTer,.box.boxGalerTer{
			padding-left:0px;
			padding-right:0px;
	}
	.galListBox{
		width: 100%!important;
	}
		#galImgA,#galImgC,#galImgB,#galImgD {padding:0px;}
	.column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
	/**/
	.logoBox{width:50%;}
	.posBottom4{margin-bottom: 5%;}
	.posBottom3{ transform:translate(-50%,-5%);}
	/**/
	.boxMobil100{
		width: 100%!important;
	}
	.boxMobil{
		width: 100%!important;
	}
	.boxMobil2{
		width: 50%!important;
	}
	.boxMobil4{
		width: 25%!important;
	}
	.box3ee,.box3,.box3c{
		width: 100%!important;
		margin-left: 0%!important;
		margin-right: 0%;
		margin-bottom: 0vh;
    height: 90vw;
	margin-top:20px;
	}
	
	/**/
}
@media all and (max-width: 480px){	
	.box,.boxSub{
		//margin: 0px;
		border: none;
		padding:20px;
	}
	.nomobilLoader{
		display:none;
	}
	.nomobileF{display:none;}
}

	/************/
	.faher{
		text-align:left;
		line-height:120%;
		font-weight:normal;
		font-family:robotoL !important;
	}
	.fari span{
		text-align:left;
		line-height:120%;
		font-weight:normal;
		font-family:robotoL !important;
		margin-left:10px;
	}
	.faher h2{font-size:34px;font-family:robotoB !important;}
	.faher .fas, .faher .far{
	text-align: left;display: block;
width: auto;
font-size:18px;
}
.fari.inn:before{float: left;width:22px;}
.fari.inn{margin-bottom: 16px;display:block;float:left;text-align:center;}

.noafter:after{display:none!important;}
