@import url('https://fonts.googleapis.com/css?family=Amiri|Cinzel+Decorative|Cinzel');
/* ------------------------------ BAAEEEIIIISE --------------------------------------------*/
html{	width: 100%;	overflow-x: hidden;}
body{    margin: 0px;    width: 100%;    overflow-x: hidden;}
#content{  		width: 100%;	padding: 0px;	margin: 0px;  	overflow-x: hidden;}
.full{	width: 100%;  	overflow: hidden;    padding: 0px;}
.part{	margin-left:auto;  	 margin-right:auto;}
.platz{height: fit-content;}
/* ------------------------------- BASTELECKE ----------------------------------------------*/


#infogrid{
	width:100%;
	height: auto;
	display: grid;
  	grid-template-columns: 40px 40px 40px 40px  40px 40px 40px 40px  40px 40px 40px 40px  40px 40px 40px 40px  ;
	grid-gap:  0px;
	grid-template-rows:    40px 40px 40px 40px  40px 40px 40px 40px  40px 40px 40px 40px  40px 40px 40px 40px  40px 40px 40px 40px   ;
	grid-template-areas:
	'it13 it13 it13 it13  it13 zzzz  it15 it15  it15 it15 it15 it15  it15 iiii it3 it3'
	'it13 it13 it13 it13  it13 zzzz  it15 it15  it15 it15 it15 it15  it15 iiii it3 it3'
	'it13 it13 it13 it13  it13 zzzz  it15 it15  it15 it15 it15 it15  it15 iiii ttt ttt'
	'it13 it13 it13 it13  it13 zzzz  it15 it15  it15 it15 it15 it15  it15 iiii it2 it2'
	'it13 it13 it13 it13  it13 zzzz  it15 it15  it15 it15 it15 it15  it15 iiii it2 it2'
	'pppp pppp pppp pppp  pppp pppp  eeee eeee  eeee eeee eeee eeee  eeee eeee eeee eeee'
	'it8 rrr  it14 it14    it14 it14 it14 it14  777 it5 mmmm it16 it16 it16 it16  it16'
	'yyy rrr  it14 it14    it14 it14 it14 it14  777 888  mmmm it16 it16 it16 it16  it16'
	'it4 rrr  it14 it14    it14 it14 it14 it14  777 it1  mmmm it16 it16 it16 it16  it16'
	'ddd rrr  it14 it14    it14 it14 it14 it14  777 666  mmmm it16 it16 it16 it16  it16' 
	'it6 rrr  it14 it14    it14 it14 it14 it14  777 it0  mmmm it16 it16 it16 it16  it16'
	'vvvv vvvv  vvvv vvvv vvvv vvvv   vvvv vvvv vvvv vvvv mmmm it16 it16 it16 it16  it16'
	'it18 it18  it18 it18 it18 it18  it18 it18 it18 it18 mmmm aaaa aaaa aaaa aaaa  aaaa'
	
	'it18 it18  it18 it18 it18 it18  it18 it18 it18 it18  mmmm it17 it17 it17 it17  it17'
	'it18 it18  it18 it18 it18 it18  it18 it18 it18 it18 mmmm it17 it17 it17 it17  it17 '
	'it9 it9  it10 it10  it7 it7  it11 it11  it12 it12   mmmm it17 it17 it17 it17  it17 '
	'it9 it9  it10 it10  it7 it7  it11 it11  it12 it12   mmmm it17 it17 it17 it17  it17  '
	
	'qqqq qqqq qqqq qqqq  qqqq qqqq qqqq qqqq  qqqq qqqq qqqq qqqq  qqqq qqqq qqqq qqqq '
	'it19 it19 it19 it19  it19 it19 it19 it19  it19 it19 it19 it19  it19 it19 it19 it19'
	'it19 it19 it19 it19  it19 it19 it19 it19  it19 it19 it19 it19  it19 it19 it19 it19'
	;
}

.butzn{
line-height: 55px;
	width:100%;
    opacity: 0.7;
	text-align: center;
    text-decoration: none;
    background-color: rgba(0,0,0,0.06);
    font-size: 37px;
    font-style: normal !important;
    transition: opacity linear 0.3s , text-shadow linear 0.3s;
	cursor: pointer;
	font-family: "Cinzel Decorative", "Cinzel", "Amiri", arial, serif;
    font-weight: 900;
    font-variant-caps: normal;
    text-shadow: 0px 0px 4px #000000;
    color: rgba(255,255,255,0.77);
}


.butzn2{
 line-height: 27px;
    width: 100%;
    text-align: center;
    font-family: "Amiri", Times, serif;
    font-variant-caps: normal;
    font-size: 19px;
    font-weight: 200;
    font-style: normal;
    font-variant-caps: normal;
    text-shadow: 0px 0px 1vmin #000000;
    color: rgba(255,255,255,0.8);
    background-color: rgba(0,0,0,0.06);

}



.infogrider{ background-position: center; 	opacity:0.9;   background-size: auto; background-repeat:no-repeat ;
    display: inline-block;}
 
.infogrider2{ background-position: center; 	opacity:0.9;   background-size: auto; background-repeat:no-repeat ;
  }
 
#it0{ grid-area: it0; 	background-size: cover;		background-image: url("https://www.lucienlafayette.top/wp-menu/lu-button-qe-plan.png");	}
#it1{ grid-area: it1; 	background-size: cover;		background-image: url("https://www.lucienlafayette.top/wp-menu/lu-button-pi-plan.png");	}
#it2{ grid-area: it2; 	background-size: cover;		background-image: url("https://www.lucienlafayette.top/wp-menu/lu-button-aa-plan.png");	}
#it3{ grid-area: it3; 	background-size: cover;		background-image: url("https://www.lucienlafayette.top/wp-menu/lu-button-tw-plan.png");	}
#it4{ grid-area: it4; background-size: cover;			background-image: url("https://www.lucienlafayette.top/wp-menu/lu-button-lu.png");	}
#it5{ grid-area: it5; 	background-size: cover;		background-image: url("https://www.lucienlafayette.top/wp-menu/lu-button-ro-plan.png");	}
#it6{ grid-area: it6; 	background-size: cover;		background-image: url("https://www.lucienlafayette.top/wp-menu/lu-button-tz-plan.png");	}
#it7{ grid-area: it7; 		background-image: url("https://www.lucienlafayette.top/wp-menu/lu-button-ma.png");	}
#it8{ grid-area: it8; 	background-size: cover;		background-image: url("https://www.lucienlafayette.top/wp-menu/lu-button-ig-plan.png");	}
#it9{ grid-area: it9; 		background-image: url("https://www.lucienlafayette.top/wp-menu/lu-button-wa.png");	}
#it10{ grid-area: it10;		background-image: url("https://www.lucienlafayette.top/wp-menu/lu-button-th.png");	}
#it11{ grid-area: it11;		background-image: url("https://www.lucienlafayette.top/wp-menu/lu-button-te.png");	}
#it12{ grid-area: it12;		background-image: url("https://www.lucienlafayette.top/wp-menu/lu-button-si.png");	}
#it13{ grid-area: it13; 	);	}
#it14{ grid-area: it14; 		);	}
#it15{ grid-area: it15; 		);	}
#it16{ grid-area: it16; 		);	}
#it17{ grid-area: it17; 		);	}
#it18{ grid-area: it18; 		);	}
#part1abc{ grid-area: it19; 		);	
	justify-content: space-between;
    display: flex;
    align-items: center;
}

.mediagrid{
	width:100%;
	height: auto;
	display: grid;
  	grid-template-columns: 66px 66px 66px 66px 66px 66px ;
	grid-gap: 47px;
}

#mediagrid1{
	grid-template-rows: 99px 99px 99px 99px 99px;
	grid-template-areas:
	'f9 f9 f8 f8 f8 f8'
	'f9 f9 f8 f8 f8 f8'
	'f12 f12 f12 f12 f12 f12'
	'f10 f10 f10 f10 f11 f11'
	'f10 f10 f10 f10 f11 f11' ;
}
#mediagrid2{
	grid-template-rows:99px 99px 99px 99px 99px 99px 99px 99px 99px ;
	grid-template-areas:
	'f13 f13 f14 f14 f14 f14'
	'f13 f13 f14 f14 f14 f14'
	'f15 f15 f15 f15 f16 f16'
	'f15 f15 f15 f15 f16 f16'
	'f17 f17 f18 f18 f18 f18'
	'f19 f19 f18 f18 f18 f18'
	'f19 f19 f20 f20 f20 f20'
	'f21 f21 f20 f20 f20 f20'	
	'f21 f21 fxx fxx fxx fxx' ;
}
#mediagrid3{
	grid-template-rows: 99px 99px 99px 99px ;
	grid-template-areas:
	'f22 f22 f22 f22 f23 f23'
	'f22 f22 f22 f22 f23 f23'
	'f24 f24 f25 f25 f26 f26'
	'f24 f24 f25 f25 fzz fzz' ;
}
#mediagrid4{
	grid-template-rows: 99px 99px 99px 99px 99px;
	grid-template-areas:
	'f27 f27 f28 f28 f29 f29'
	'f27 f27 f28 f28 f29 f29'
	'f27 f27 f30 f30 f29 f29'
	'f31 f31 f30 f30 fgg fgg'
	'f31 f31 fkk fkk fgg fgg'
	'f31 f31 fkk fkk fgg fgg' ;
}
#mediagrid5{
	grid-template-rows: 99px 99px 99px 99px 99px 99px ;
	grid-template-areas:
	'f32 f32 f32 f32 f33 f33'
	'f32 f32 f32 f32 f33 f33'
	'f34 f34 f35 f35 f36 f36'
	'f34 f34 f35 f35 f36 f36'
	'f37 f37 f38 f38 f38 f38'
	'f37 f37 f38 f38 f38 f38';
}
#mediagrid6{
	grid-template-rows: 99px 99px 99px 99px 99px 99px ;
	grid-template-areas:
	'f39 f39 f40 f40 f41 f41'
	'f39 f39 f40 f40 f41 f41'
	'f42 f42 f42 f42 f41 f41'
	'f42 f42 f42 f42 f43 f43'
	'f44 f44 f45 f45 f43 f43'
	'f44 f44 f45 f45 f46 f46';
}
#mediagrid7{
	grid-template-rows: 99px 99px 99px 99px 99px 99px 99px 99px 99px 99px 99px ;
	grid-template-areas:
	'f47 f47 f48 f48 f49 f49'
	'f50 f50 f48 f48 f49 f49'
	'f50 f50 f51 f51 f51 f51'
	'f52 f52 f51 f51 f51 f51'
	'f52 f52 f53 f53 f54 f54'
	'f55 f55 f53 f53 f56 f56'
	'f57 f57 f57 f57 f56 f56'
	'f57 f57 f57 f57 f58 f58'
	'f59 f59 f60 f60 f58 f58'
	'f61 f61 f60 f60 f62 f62'
	'f61 f61 fmm fmm fmm fmm';
}
#mediagrid8{
	grid-template-rows: 99px 99px 99px 99px 99px 99px ;
	grid-template-areas:
	'f63 f63 f63 f63 f64 f64'
	'f63 f63 f63 f63 f64 f64'
	'f65 f65 f66 f66 f64 f64'
	'f65 f65 f66 f66 f67 f67'
	'fll fll fll fll f67 f67';
}
#mediagrid9{
	grid-template-rows: 99px 99px 99px 99px ;
	grid-template-areas:
	'f68 f68 f69 f69 f69 f69'
	'f68 f68 f69 f69 f69 f69'
	'f70 f70 f71 f71 f72 f72'
	'f70 f70 f71 f71 f72 f72' ;
}
#mediagrid10{
	grid-template-rows: 99px 99px 99px 99px 99px 99px ;
	grid-template-areas:
	'f73 f73 f74 f74 f74 f74'
	'f73 f73 f74 f74 f74 f74'
	'f75 f75 f75 f75 f76 f76'
	'f75 f75 f75 f75 f76 f76'
	'f77 f77 f78 f78 f76 f76'
	'f77 f77 f78 f78 f76 f76';
}
#mediagrid11{
	grid-template-rows: 99px 99px 99px 99px 99px;
	grid-template-areas:
	'f79 f79 f79 f79 f80 f80'
	'f79 f79 f79 f79 f80 f80'
	'f81 f81 f82 f82 f80 f80' 
	'f81 f81 f82 f82 f83 f83'
	'f81 f81 f82 f82 f83 f83' ;
}
#mediagrid12{
	grid-template-rows: 99px 99px 99px 99px 99px 99px 99px 99px;
	grid-template-areas:
	'f84 f84 f84 f84 f85 f85'
	'f84 f84 f84 f84 f85 f85'
	'f86 f86 f87 f87 f87 f87' 
	'f86 f86 f87 f87 f87 f87'
	'f86 f86 f88 f88 f89 f89'
	'f90 f90 f88 f88 f89 f89'
	'f90 f90 f91 f91 f89 f89'
	'f90 f90 f91 f91 fpp fpp';
}
#mediagrid13{
	grid-template-rows: 99px 99px 99px 99px 99px 99px;
	grid-template-areas:
	'f92 f92 f92 f92 f93 f93'
	'f92 f92 f92 f92 f93 f93'
	'f94 f94 f95 f95 f95 f95' 
	'f94 f94 f95 f95 f95 f95' 
	'f96 f96 f96 f96 f97 f97'
	'f96 f96 f96 f96 f98 f98' ;
}

.grider {}
#f8{ grid-area: f8; }
#f9{ grid-area: f9; }
#f10{ grid-area: f10; }
#f11{ grid-area: f11; }
#f12{ grid-area: f12; }
#f13 { grid-area: f13; }
#f14 { grid-area: f14; }
#f15 { grid-area: f15; }
#f16 { grid-area: f16; }
#f17 { grid-area: f17; }
#f18 { grid-area: f18; }
#f19 { grid-area: f19; }
#f20 { grid-area: f20; }
#f21 { grid-area: f21; }
#f22 { grid-area: f22; }
#f23 { grid-area: f23; }
#f24 { grid-area: f24; }
#f25 { grid-area: f25; }
#f26 { grid-area: f26; }
#f27 { grid-area: f27; }
#f28 { grid-area: f28; }
#f29 { grid-area: f29; }
#f30 { grid-area: f30; }
#f31 { grid-area: f31; }
#f32 { grid-area: f32; }
#f33 { grid-area: f33; }
#f34 { grid-area: f34; }
#f35 { grid-area: f35; }
#f36 { grid-area: f36; }
#f37 { grid-area: f37; }
#f38 { grid-area: f38; }
#f39 { grid-area: f39; }
#f40 { grid-area: f40; }
#f41 { grid-area: f41; }
#f42 { grid-area: f42; }
#f43 { grid-area: f43; }
#f44 { grid-area: f44; }
#f45 { grid-area: f45; }
#f46 { grid-area: f46; }
#f47 { grid-area: f47; }
#f48 { grid-area: f48; }
#f49 { grid-area: f49; }
#f50 { grid-area: f50; }
#f51 { grid-area: f51; }
#f52 { grid-area: f52; }
#f53 { grid-area: f53; }
#f54 { grid-area: f54; }
#f55 { grid-area: f55; }
#f56 { grid-area: f56; }
#f57 { grid-area: f57; }
#f58 { grid-area: f58; }
#f59 { grid-area: f59; }
#f60 { grid-area: f60; }
#f61 { grid-area: f61; }
#f62 { grid-area: f62; }
#f63 { grid-area: f63; }
#f64 { grid-area: f64; }
#f65 { grid-area: f65; }
#f66 { grid-area: f66; }
#f67 { grid-area: f67; }
#f68 { grid-area: f68; }
#f69 { grid-area: f69; }
#f70 { grid-area: f70; }
#f71 { grid-area: f71; }
#f72 { grid-area: f72; }
#f73 { grid-area: f73; }
#f74 { grid-area: f74; }
#f75 { grid-area: f75; }
#f76 { grid-area: f76; }
#f77 { grid-area: f77; }
#f78 { grid-area: f78; }
#f79 { grid-area: f79; }
#f80 { grid-area: f80; }
#f81 { grid-area: f81; }
#f82 { grid-area: f82; }
#f83 { grid-area: f83; }
#f84 { grid-area: f84; }
#f85 { grid-area: f85; }
#f86 { grid-area: f86; }
#f87 { grid-area: f87; }
#f88 { grid-area: f88; }
#f89 { grid-area: f89; }
#f90 { grid-area: f90; }
#f91 { grid-area: f91; }
#f92 { grid-area: f92; }
#f93 { grid-area: f93; }
#f94 { grid-area: f94; }
#f95 { grid-area: f95; }
#f96 { grid-area: f96; }
#f97 { grid-area: f97; }
#f98 { grid-area: f98; }

.linkdiv{
	font-family: "Amiri", Times, serif;
    word-break: break-word;
    width: 98.5%;
    margin-left: 1px;
    margin-right: 1px;
    text-align:center;
	height:60px;
    z-index:111;
    border: none;
	outline:none;
    color: #fff;
	opacity:0.6;
    background: rgba(0,0,0,0.16);
    box-shadow: 0 0 70px 27px rgba(0,0,0,0.16) ;
    text-shadow: 0px 0px 14px #000;
    hyphens: auto; 
	margin-bottom:-48px;
}

#tazlink{text-decoration:underline!important;}

#tazlink2{	font-family: "Amiri", Times, serif;
    word-break: break-word;
    width: 100%;
    margin-left: 1px;
    margin-right: 1px;
    text-align:justify; 
    z-index:111;
    border: none;
	outline:none;
    color: #ddd;
    background: rgba(0,0,0,0.16);
    box-shadow: 0 0 70px 27px rgba(0,0,0,0.16) ;
    text-shadow: 0px 0px 14px #000;
    hyphens: auto; 
}

#lulinetaz{  width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
    margin-bottom: 6px;
}

/* ------------------------------- list ----------------------------------------------*/
li{
    margin-bottom: 13px;
    margin-left: -40px;
    line-height: 21px;
}
/* ------------------------------- BLOG ----------------------------------------*/
#BLOG{ 
	height: 150px;
	width: 101%;
    height: 150px;
    display: flex;
    justify-content: center;
}

#blogtitleups{
	height: 150px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    opacity: 1;
    font-size: 27px;
    line-height: 27px;
    font-style: normal !important;
    text-shadow: 1px 1px 30px rgb(0 0 0);
	width: 370px;
	margin-top: 7px;
}

#imgrightblog{
	font-size: 0;
	line-height:0;
    align-content: center;
	height: inherit;
    overflow: hidden;
	width: 277px;
}

.blogimg{
	height:154px;
	width:auto;

	-webkit-mask-image:-webkit-gradient(linear, 47% top, left top,  from(rgba(0,0,0,1) ) , to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to left, rgba(0,0,0,1) 50%, rgba(0,0,0,0) );
	
}

.blogtitle{
 font-family: "Cinzel","Amiri", sans-serif;
 font-weight:200;
    margin-top: 40px;
    margin-bottom: 6px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    opacity: 0.7;
    font-size: 27px;
    line-height: 27px;
    font-style: normal !important;
    text-shadow: 1px 1px 30px rgb(0 0 0);
}

#part1{	
overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 43px;


}
.part1ab{
	height: 40px; 
	justify-content:  space-between;
    display: flex;
    align-items: center;
	padding-left: 17%;
    padding-right: 17%;
    filter: grayscale(0.77);
	margin-top:3vmin;margin-bottom:3vmin;
}
.ab1{height:10px;}
.ab2{height:20px;}




#langbuttona2{	height: 3vh; width:6vh; margin-left:2vh; }


#part1a0{
	justify-content: space-between;
    display: flex;
    align-items: center;
	height: 154px;
}

#part1a1{
	justify-content: space-between;
    display: flex;
    align-items: center;
	height: 40px;
	padding-top: 12px;
	padding-right: 10px;
	padding-left: 10px;
}


#part11{
	height: 700px;
	overflow: hidden;
}

#part111{
	position: relative;	
	top:0px;
	height: fit-content;
	transition: top 0.66s ease-out;
	padding-top:20px;
	padding-bottom:20px;
}

/* ------------------------------- divs ----------------------------------------------*/
.div5{height:5px;}
.div10{height:10px;}
.div15{height:15px;}
.div20{height:20px;}
.div25{height:25px;}
.div30{height:30px;}
.div35{height:35px;}
.div40{height:40px;}
.div45{height:45px;}
.div50{height:50px;}
.div55{height:55px;}
.div60{height:60px;}
.div70{height:70px;}
.div80{height:80px;}
.div90{height:90px;}
.div100{height:100px;}
.div110{height:110px;}
.div120{height:120px;}
.div130{height:130px;}
.div140{height:140px;}
.div150{height:150px;}
.div160{height:160px;}
.div170{height:170px;}
.div180{height:180px;}
.div190{height:190px;}
.div200{height:200px;}
.div210{height:210px;}
.div220{height:220px;}
.div230{height:230px;}
.div240{height:240px;}
.div250{height:250px;}
.div260{height:260px;}
.div270{height:270px;}
.div280{height:280px;}
.div290{height:290px;}
.div300{height:300px;}
.div310{height:310px;}
.div320{height:320px;}
.div330{height:330px;}
.div340{height:340px;}
.div350{height:350px;}
.div360{height:360px;}
.div370{height:370px;}
.div380{height:380px;}
.div390{height:390px;}
/* ------------------------------ LUHEADER --------------------------------------------*/
#luheadbardiv{ 
	z-index: 3;
  	top:0px;
    position: fixed;
  	width:100%;
    background-color: rgba(0,0,0,0.9);
  	display: flex;
  	overflow:hidden;
}

#lusocialdiv{
  	order:1;
    top:0;
    height: 100%;
    align-content: space-evenly;
}
#lusocialdivfirsthalf{
  	order:1;
	width: 100%;
	display: flex;
	justify-content: space-around;
    align-items: center;
}
#lusocialdivsecondhalf{
    order:2;
	width: 100%;
    justify-content: space-around;
	display: flex;
    align-items: center;
}
.lusocialbuttonimg{
  	flex-shrink:1;
    height: 28px;
  	mix-blend-mode: multiply;
	width
}

#lulogodiv{ 
    order:2;
    height: 100%;
    top:0;
}
#lulogosvg{ 
	position:fixed;
  	z-index:5; 
    mix-blend-mode: hard-light;
    opacity: 0.666;
}

#luoptiondiv{
  	order:3;
    top:0;
    height: 100%;
    align-content: space-evenly;
}
#luoptiondivfirsthalf{
  	order:1;
	display: flex;
    align-items: center;
  	justify-content: space-around;
  	align-content: center;
    width:50%;
}
#luoptiondivsecondhalf{
  	order:2;
	display: flex;
    align-items: center;
  	justify-content: space-evenly;
  	align-content: center;
  	width:50%;
}
.luoptionbuttonimg{  	
    flex-shrink: 1;
	 height: 26px;
  mix-blend-mode: screen;
}
.lutel{
  flex-shrink: 1;
  height: 26px;
  font-size:30px;
  line-height:30px;
  font-weight:normal;
  color:#ddd;
  font-family: "Cinzel";
  -moz-margin-start: auto;
}

.grayscale{  transition: filter 0.4s ease-out;  filter: grayscale(95%) brightness(120%) }
.grayscale:hover{  	filter: grayscale(0%) brightness(100%) }
.nicescroll-cursors{  cursor: grab; cursor: -webkit-grab; 	}

/* --------------------------------------- LUMENU ----------------------------------------*/
#lumenudiv{
 padding: 5px 2.5% 0px 2.5%;
    margin-top: 0px;
    margin-bottom: 0px;
height: 50px;
font-family: "Cinzel", "Cinzel Decorative", "Amiri", Times, serif;
z-index: 106;
width: 95%;
  	left:0px;
  	display: flex;		
    background-color: rgba(0,0,0,0.9);
    visibility: visible;
    justify-content: space-between;
}
.lumenuitem{
  	outline:none;
 	border:none;
  	text-align:center;
    height: inherit;
    color: #aaa;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    display: block;
    font-style: normal;
    text-shadow: 0px 0px 0px #666;
    transition: font-weight 0.33s ease-out, text-shadow 0.33s ease-out, color 0.33s ease-out, font-style 0.33s ease-out;
}
.lumenuitem :hover{ 
    color: #fff;
    font-weight: 900;
    text-shadow: 0px 0px 2px #fff;
}
.mPS2id-highlight{
    color: #ccc;
 	font-style: italic;
    font-weight: 400;
    text-shadow: 0px 0px 1px #aaa;
}

.ms{  
    font-size: 0px;
    cursor: pointer;
    line-height: 0px;
    fill:#ccc;
    transition: fill 0.4s ease-out;
}
.ms :hover{fill: #fff;}

#headbaroptionshitpanel {
  	position: absolute;
  	outline:none;
  	height:fit-content;
  	overflow:hidden;
    transition: max-height 0.3s ease-out;
    max-height: 0;
    z-index: 101;
    text-align: right;
    background-color: rgba(0,0,0,0.7);
    box-shadow: 0px 0px 20px 15px rgba(0,0,0,0.7);
}

.headbarshitem{
  	color:#eee !important; 
    font-size: 20px !important; 
    line-height: 14px !important; 
    font-weight: 400 !important; 
    font-style: normal !important; 
    font-family: "Cinzel", "Amiri", Times, Arial, sans-serif !important; 
    font-variant-caps: all-petite-caps !important; 
    letter-spacing: 0.3px !important; 
    margin: 6px 2vw 10px 0px !important; 
    display: grid !important; 
    
}
.headbarshitem:hover{
  	text-shadow: 0px 0px 13px #fff !important; 
    font-weight: 800 !important; 
}

.luoptionbuttonimg{mix-blend-mode: screen;}
.lusocialbuttonimg{mix-blend-mode: screen;}

/*---------------------------------------------------- LUFA --------------------------------------------------------------------*/
#hc{ line-height:0px; width: 100%; height: 100vh; }
#din1{ width: 100%; }
#din2{ width: 100%; height:25%;}
.din2b{height: 100%; width:inherit; }
#din3{ width: 100%; height:75%;}
#din4{ width: 100%; height:50px; }

#lufadiv{ width:100%; overflow:hidden;}

.lufa{ 
  	filter: contrast(113%) sepia(0%) grayscale(0%) saturate(0.77) brightness(76%);
    mix-blend-mode: screen; 
	position:absolute; 
	height:inherit; 
}
#lufa2{ animation: lufamorph2 8666ms cubic-bezier(0.1,0,0.9,1) infinite; }
#lufa3{ animation: lufamorph3 8666ms cubic-bezier(0.1,0,0.9,1) infinite; }
@keyframes lufamorph1 { 0%{opacity:0.5;} 17%{opacity:1.0;} 34%{opacity:1.0;} 50%{opacity:0.5;} 67%{opacity:0.0;} 83%{opacity:0.0;} 100%{opacity:0.5;}}
@keyframes lufamorph2 { 0%{opacity:1.0;} 17%{opacity:0.5;} 34%{opacity:0.0;} 50%{opacity:0.0;} 67%{opacity:0.5;} 83%{opacity:1.0;} 100%{opacity:1.0;}}
@keyframes lufamorph3 { 0%{opacity:0.0;} 17%{opacity:0.0;} 34%{opacity:0.5;} 50%{opacity:1.0;} 67%{opacity:1.0;} 83%{opacity:0.5;} 100%{opacity:0.0;}}
/*------------------------------------ TYPPPOPOPO --------------------------------------------------*/
.lulineoverblogtitle{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
    margin-bottom: 18px;
}
.lulineblog{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 90%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
    margin-bottom: 2px;
	margin-top: 4px;
}
.lulinezero{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
}
.lulineoverplate{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
}
.lulineunderplate{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
	margin-top: 13px;
}
.lulineuberacc{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
	margin-top: 8px;
    margin-bottom: 5px;}
.lulineunderpanel{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
	margin-top: 0px;
    margin-bottom: 5px;}
.lulineoverblogtxt{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
    margin-bottom: 12px;}

.lulineunderh2{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
	margin-top: 5px;
    margin-bottom: 14px;}
.lulineundertxt{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
	margin-top: 17px;}

.lulinemedia{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
	margin-top: 12px;
    margin-bottom: 28px;}

.lulineunderh2list{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
	margin-top: 3px;
    margin-bottom: 8px;}
.lulineuberliste{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
	margin-top: 8px;
    margin-bottom: 16px;}
.lulineunderliste{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
	margin-top: 16px;
    margin-bottom: 8px;}
.lulinesign{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
	margin-top: -5px;}
.lulineuntershit{ 
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
	margin-top: 8px;
    margin-bottom: 8px;}
.footline{
    width:100%; 
	height: 2px; 
	background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #fff 40%, #fff 60%, rgba(0,0,0,0) 100%); 
	opacity:0.6; 
	margin-top: 28px;
    margin-bottom: 18px;}

/* -------------------------- weg damit ------------------------------*/
p{margin:0px !important;}
button{outline:none; border:none; !important;}
link{outline:none; border:none; !important;}
panel{outline:none; border:none; !important;}
/* -------------------------- H! ------------------------------*/

h1{  
    width: 100%;
    height: 100px;
    margin: 0px;
    padding: 0px;
    text-align: center;
 	font-family: "Cinzel Decorative", "Cinzel", "Amiri", arial, serif;
    text-decoration: none;
    background-color: rgba(0,0,0,0.06);
    color: #fff;
    opacity: 0.34;
    font-size: 77px;
    letter-spacing: 3px;
    box-shadow: 0px 0px 10px 10px rgba(222,222,222,0.06), inset 0px 0px 30px 18px rgba(0,0,0,0.22);
  	font-style: normal !important;
    transition: opacity linear 0.3s , text-shadow linear 0.3s;
    text-shadow: 1px 1px 30px rgba(0,0,0,1);
    font-weight: 600;
    font-variant-caps: normal;
 }
h1:hover{  
    text-shadow: 1px 1px 40px rgba(255,255,255,0.4); !important;
    opacity: 0.6; !important;
}
h1::before{
    content: "\2619";
    text-shadow: 0px 0px 18px rgba(0,0,0,1);
    line-height: -18px;
    font-size: 62px;
	color: #fff;
    opacity: 0.6;
    text-shadow: 0px 0px 13px rgba(0,0,0,0.88);
}
h1::after{
    content:"\2767";
    text-shadow: 0px 0px 18px rgba(0,0,0,1);
    line-height: -18px;
    font-size: 62px;
    color: #fff;
    opacity: 0.6;
    text-shadow: 0px 0px 13px rgba(0,0,0,0.88);
}
/* ------------------------------------- H2 --------------------------------------*/
.h2div{
	z-index:100;
    line-height: 47px;
    width: fit-content;
    text-align: left;
    font-family: "Cinzel Decorative", "Cinzel", "Amiri", arial, serif;
    font-size: 53px;
    font-weight: 400;
    font-style: normal;
    font-variant-caps: normal;
    text-shadow: 0px 0px 4px #000000;
    color: rgba(255,255,255,0.6);
    padding-bottom: 5px;	
}
.h2img{
	z-index: -1;
    animation: glowing 30000ms infinite;
    animation-timing-function: linear;
    transform-origin: center;
    margin-top: -81px;
    margin-left: -85px;
    position: absolute;
    pointer-events: none;
  	height: auto;
}
.h2img2{ 
    z-index: -1;
    animation: glowing2 30000ms infinite;
    animation-timing-function: linear;
    transform-origin: center;
    margin-top: -81px;
    margin-left: -85px;
    position: absolute;
    pointer-events: none;
  	height: auto;
}
@keyframes glowing {
  0% { width:512px; margin-top: -205px; margin-left: -211px; opacity: 0.2; transform: rotate(0deg);}
  50% { width:256px; margin-top: -81px; margin-left: -85px;  opacity: 0.8; transform: rotate(180deg); }
  100% { width:512px; margin-top: -205px; margin-left: -211px; opacity: 0.2; transform: rotate(359deg); }
}
@keyframes glowing2 {
  0% { width:256px; margin-top: -81px; margin-left: -85px; opacity: 0.8; transform: rotate(359deg);}
  50% { width:512px; margin-top: -205px; margin-left: -211px; opacity: 0.2; transform: rotate(180deg); }
  100% { width:256px; margin-top: -81px; margin-left: -85px; opacity: 0.8; transform: rotate(0deg); }
}

/*---------------------------------------------------------TXT-----------------------------------------------------------*/
.lublogcapo{
    float: right;
    margin-top: -154px;
    font-family: "Amiri", Times, serif; 
	font-size: 16px;
  	font-weight: bold;
    text-align: right;
    outline: none;
    color: #aaa;
    background: rgba(0,0,0,0.16);
    box-shadow: 0 0 70px 27px rgba(0,0,0,0.16);
    text-shadow: 0px 0px 14px #000;
}
  
/*---------------------------------------------------------TXT-----------------------------------------------------------*/
.textdiv{
	font-family: "Amiri", Times, serif;
    word-break: break-word;
    width: 100%;
    margin-left: 1px;
    margin-right: 1px;
    text-align:justify; 
    z-index:111;
    border: none;
	outline:none;
    color: #ddd;
    background: rgba(0,0,0,0.16);
    box-shadow: 0 0 70px 27px rgba(0,0,0,0.16) ;
    text-shadow: 0px 0px 14px #000;
    hyphens: auto; 
}

a{
	color:#eee;     
	letter-spacing: 0.5px;
	text-decoration: none !important; 
	border:none !important; 
	outline:none !important;
	transition: color 0.3s ease-out, text-shadow 0.3s ease-out;
	
}
a:hover{
	color:#fff;     
    text-shadow: 0px 0px 6px #fff; 
	
}

/* ######################################################################## IMG ###########################################################################*/
.imgbevel img{
  box-shadow: inset 1px 1px 16px 8px rgba(0, 0, 0, 0.6), -1px -1px 3px 3px rgba(255,255,255,0.04);
    width: 100%; height: 100%;  object-fit: cover;
	mix-blend-mode: multiply;
}
.imgbevel{
    width: 100%; height: 100%;
	overflow:hidden;
  	opacity: 0.8;
  	transition: box-shadow ease-out 466ms;
	box-shadow: inset 1px 1px 40px 12px rgba(0, 0, 0, 0.5), -1px -1px 14px 2px rgba(255,255,255,0.26);
}
.imgbevel:hover{
box-shadow: inset 1px 1px 5px 2px rgba(0, 0, 0, 0.6), -1px -1px 17px 12px rgba(225,225,225,0.18);
	overflow:hidden;
}

.lulipic .imgbevel .ia .ii{margin-bottom:-0.8vw;}
	
/* ################### IMG TOPCENTER ########################*/
.imgtopcenter{
    align-content: center;
    font-size: 0px;
    line-height: 0px;
    margin: 16px 0px 0px 0px;
    padding: 12px;
  	height: fit-content;
    width: 97%;
    overflow: hidden;
}

/* ################### IMG MEDIA ########################*/
.mediaimg{
    font-size: 0px;
  	line-height: 0px;
    padding: 12px;
    width: 100%;
    overflow: hidden;
    align-content: center;
    margin: 0;
}
.mediaimgcaption{
	margin-top: 36px;
	margin-left: 12px;
	margin-bottom: -6px;
	margin-right:0;
    font-family: "Amiri", Times, serif;
	text-shadow: 1px 1px 15px #000000;
    text-align:left; 
    border: none;
    color: rgba(255,255,255,0.5);
    background: rgba(0,0,0,0.1);
    box-shadow: 0 0 20px 10px rgba(0,0,0,0.1) ;
    text-shadow: 1px 1px 15px rgba(0,0,0,1) ;
}
.mi1{font-weight:bold; font-size:20px;}
.mi2{font-weight:normal; font-style:italic; font-size:17px;}
/*--------------------------- firstimg -----------------------------*/

/* ################### IMGLEFT ########################*/
.imgleft1, .imgleft2, .imgleft3, .imgleft4, .imgleft5{
   float: left;
   margin: 4px 24px 4px 0px;
   padding: 12px;
   overflow: hidden;
   align-content: center;
}

/* ################### IMG RIGHT ########################*/
.imgright1, .imgright2, .imgright3{
   float: right;
   margin: 4px 0px 4px 24px;
   padding: 12px;
   overflow: hidden;
   align-content: center;
}

/* ################### IMG ROOMS ########################*/

.luul{
  	height: fit-content;
	display: flex;
    justify-content: space-between;
	margin-top:40px;
}

.luull{   width: 47%; margin-top:50px;}
.luulr{   width: 47%;  margin-top:-50px;}


bl{font-weight:700;    display: block;
    border-bottom: 2px solid rgba(255,255,255,0.5);
	margin-bottom:7px;}

.lulitext{
    width: 99%;
	margin-top:140px;
	margin-bottom:140px;
	word-break: break-word;
    width: 100%;
    margin-left: 1px;
    margin-right: 1px;
    z-index:111;
    border: none;
	outline:none;
    color: #ddd;
    background: rgba(0,0,0,0.26);
    box-shadow: 0 0 70px 27px rgba(0,0,0,0.26) ;
    text-shadow: 0px 0px 14px #000;
    hyphens: auto; 
	text-align: justify;
    font-family: "Amiri", Times, serif;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    color: rgba(255,255,255,0.6);
    width: 100%;
    line-height: 22px;
}

.lulipic{
    align-content: center;
  	height: fit-content;
    width: 96%;
	height: auto;
    overflow: hidden;
	flex-shrink: 0;
	margin-left:0;
	box-shadow: 0vw 0vw 0.7vw 0.7vw rgba(244,233,211,0.1);
}
/*--------------------------------------------- ESSENTIALS -------------------------------------*/
.link{
	transition: color 0.3s ease-out, text-shadow 0.3s ease-out ;
}
.link:hover{
  color: #fff;
  text-shadow: 0px 0px 6px #fff;
}

canvas{
    position: fixed;
    top: 0px;
    z-index: -1;
    background-color: #000000;
    overflow: hidden;
}

::selection {
    color: #fff;
    background-color: #901;
    background-image: none;
    text-shadow: 0px 1px 6px rgba(0,0,0,1);
    text-fill-color: #fff;
}

/*--------------------------------------------- SPECIALS -------------------------------------*/
.newstext2{
    text-align: center;
    font-family: "Cinzel", "Cinzel Decorative", "Amiri", arial, serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-variant-caps: normal;
    text-shadow: 0px 0px 7px #000000;
    color: rgba(255,255,255,0.666);
    line-height: 32px;
	margin-top:20px;
}

.nt2{
font-family: "Amiri", serif;
	font-size: 20px;
}
.nt3{
font-family: "Cinzel", arial, sans-serif;
	font-size: 20px;
	margin-top: 11px;
    margin-bottom: -5px;
}

.lulinenews{
   width:100%; 
	height: 1px; 
	background: #999; 
	margin-top: 17px;
	margin-bottom: 20px;
}

.cen{
	opacity:0.9;
    color: rgba(255,255,255,0);
	background-image: url("https://www.lucienlafayette.top/wp-extern/cen.png");
    background-position: 10% center;
    background-size: cover;
    display: inline-block;
}

#lublog{
    text-align: center;
    font-family: "Cinzel", "Cinzel Decorative", "Amiri", arial, serif;
    font-size: 80.7px;
    font-weight: 400;
    font-style: normal;
    font-variant-caps: normal;
    text-shadow: 0px 0px 7px #000000;
    color: rgba(255,255,255,0.666);
    word-spacing: 11px;
    letter-spacing: 0px;
    border-top: 1px solid #ddd;
    line-height: 55px;
    font-variant-caps: all-petite-caps;
}

#lubloguber{ border-bottom: 1px solid #ddd;  margin-top: 21px;  margin-bottom: 10px;}

.newstext{
    text-align: justify;
    font-family: "Amiri", Times, serif;
    font-size: 15px;
    font-weight: 900;
    font-style: normal;
    text-shadow: 0px 0px 4px #000000;
    color: rgba(255,255,255,0.6);
    width: 100%;
    line-height: 22px;
  	margin-bottom: 14px;
}


.lublogtxt{
    text-align: justify;
    font-family: "Amiri", Times, serif;
    font-size: 15px;
    font-weight: 900;
    font-style: normal;
    text-shadow: 0px 0px 4px #000000;
    color: rgba(255,255,255,0.6);
    width: 100%;
    line-height: 22px;
  	margin-bottom: 14px;
}

#luliste{
    font-size: 13.9px;
    font-style: italic;
    color: rgba(255,255,255,0.77);
    line-height: 22px;
    word-spacing: 6px;
    letter-spacing: 0.7px;
    text-align: justify;
    color: rgba(255,255,255,0.9);
    background: rgba(0,0,0,0.1);
    box-shadow: 0 0 200px 100px rgba(0,0,0,0.1) ;
    text-shadow: 1px 1px 15px rgba(0,0,0,1) ;
  	line-height: 25px;
}

/* ------------------------------- ACCORDIOTEN ----------------------------------*/
button.accordion {
    font-family: "Cinzel", "Amiri", Times, serif;
    line-height: 24px;
    font-size: 17px;
    margin-bottom: 7px;
    margin-top: 7px;
    padding: 0px;
    font-weight: bold;
    font-style: normal;
    text-shadow: 0px 0px 8px #000000;
    color: #fff;
    overflow: visible;
    cursor: pointer;
    height: auto;
    width: 100%;
    word-spacing: 1px;
    letter-spacing: 0.4px;
    text-align: left;
    outline:none;
    opacity:0.6;
    transition: opacity 0.3s ease-out, text-shadow 0.3s ease-out ;
}

button.accordion:hover{
  text-shadow: 0px 0px 6px #fff;
  opacity:0.9;
}

.rightalign{
 float:right;
}

.leftalign{
 float:left;
}

.panel {
    font-family: "Amiri", Times, serif;
    padding: 0%;
    font-size: 14px;
    line-height: 25px;
    text-shadow: 1px 1px 15px #000000;
    width: 100%;
    text-align: justify;
    border: none;
    color: rgba(255,255,255,0.88);
    background: rgba(0,0,0,0.1);
    box-shadow: 0 0 20px 10px rgba(0,0,0,0.1);
    text-shadow: 0px 1px 5px rgba(0,0,0,1);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding-left: 28px;
    width: 82%;
}

.panel a{
    color: #ccc;
    letter-spacing: 0.55px;
  	border:none;
    text-shadow: 0px 0px 10px #fff;
}

.panel a:hover{
    color: #fff;
}

#accordiot{height:960px;}
#accordiota{
  	height: 560px;
    display:flow-root;
    align-items: center;
}

/*--------------------------------------------- social buttons kontakt -------------------------------------*/
#lukondiv{
	height: 40px; 
	padding-top: 10px;
	justify-content: space-around;
    display: flex;
    align-items: center;
	margin-top:22px;
}

.cscfMessageSent{
    font-family: "Amiri", Times, serif;
    font-size: 18px;
  	font-weight: normal;
    font-style: normal;
    text-shadow: 0px 0px 8px #000000;
    color: #bbb;
    overflow: visible;
    text-align: left;
    line-height: 12px;
}

label {
    font-family: "Cinzel", "Amiri", Times, serif;
    font-size: 18px;
  	font-weight: normal;
    margin: 0;
    padding: 0px;
    font-style: normal;
    text-shadow: 0px 0px 8px #000000;
    color: #bbb;
    overflow: visible;
    word-spacing: 1px;
    text-align: left;
}

.help-inline, .help-block{
	color:#990000;
	font-family: "Amiri", Times, serif;
    font-size: 16px;
	font-weight: bold;
}
	
.control-group:nth-of-type(1){  
 margin-bottom:11px; 
	height:100px;

	}
	
.control-group:nth-of-type(2){  
  margin-bottom:11px; 
	height:100px;
	
	}
	
.control-group:nth-of-type(3){  
 margin-bottom:11px; 
	height:300px;
	}
	
input[type="text"], input[type="email"], textarea {
    outline: none;
	font-family: "Amiri", Times, serif;
    font-size: 18px;
    line-height: 22px;
    color:#999;
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: none;
    border: none;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background: linear-gradient(rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.0) 30%, rgba(255,255,255,0.0) 70%, rgba(255,255,255,0.1) 100%);
  	margin-bottom:6px;
    text-align: left;
  	overflow-x:hidden;
}

textarea{ resize:none; background: linear-gradient(rgba(255,255,255,0.0666) 0%, rgba(255,255,255,0.0) 10%, rgba(255,255,255,0.0) 90%, rgba(255,255,255,0.0666) 100%); }

input[type="text"]:focus, input[type="email"]:focus, textarea:focus{
    color: #ddd;
}

textarea:focus{ resize:none; background: linear-gradient(rgba(255,255,255,0.0666) 0%, rgba(255,255,255,0.0) 20%, rgba(255,255,255,0.0) 80%, rgba(255,255,255,0.0666) 100%); }

.g-recaptcha{
	margin-bottom:24px;
	margin-top: -12px;
	margin-left: 12px;
}

#buttondiv{
  width: 95%;
  height:46px;
  padding:2.5%;
  line-height: 0px;
  align-content: center;
}

#submitdiv{
  width: 95%;
  height:46px;
  padding:2.5%;
  line-height: 0px;
  align-content: center;
}

button, input[type="button"], input[type="submit"]{
    font-family: "Cinzel Decorative", "Cinzel", "Amiri", Times, serif;
    width:100%;
    height:100%;
    font-size: 18px;
    font-weight: 900;
    font-style: normal;
    text-shadow: 0px 0px 12px #000000;
    color: #ddd;
    background:none;
    border:none;
	cursor: pointer;
  	outline:none;
}
/*------------------------ NEWSLETTER --------------------------*/
.tnp-field-email label{display:none;}

/*------------------------ LIGHTBOX --------------------------*/
.featherlight-image {
	border: 1px solid #444;
    box-shadow: 0px 0px 36vh 0.01vh #444;
}

/*------------------ contactstuff -------------------------*/
#signe{	width:69%;  margin-bottom: -41px; opacity:0.44; margin-left: 10%;}
#contacticons{
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin-top: 19px;
}
.contacticon{box-shadow: 0px 0px 24px 6px #000;}

/*------------------------ FOOT --------------------------*/
#foot{  	height:fit-content; 	outline:none;   	background: rgba(0,0,0,0.4);	box-shadow: 0 0 70px 50px rgba(0,0,0,0.4);}
/*----------------------FOOTENDZEUX -----------------------*/
#foot0{display:flex; width:100vw;}
#foota{display:flex; width:50vw; }
#footb{display:flex; width:50vw; justify-content: flex-end; }
.fe { color:#ddd;  margin:0px -5px 5px 10px;}
.fe2 { color:#ddd; margin:0px 10px 5px 0px; text-align:right;}

/*------------------------ FOOTACC --------------------------*/
.footshitdiv{ display:grid; }

.footbutton{
	font-family: "Cinzel", "Amiri", Times, serif;
  	font-style:italic;
    letter-spacing: 0.2px;
    font-size: 16px;
    color: rgba(255,255,255,0.88);
    cursor: pointer;
    overflow: visible;
    outline: none;
    margin: auto;
    text-align: center;
  	width: fit-content;
    margin-bottom: 26px;
}
.footbutton:hover{
	text-shadow: 1px 1px 15px #ffffff;
  	font-weight: bold;
}

/*----------------------------------------------------------------*/
.foottext{ max-height: 0; overflow: hidden; width: 60%; margin: -22px auto -6px auto;}

.footp a{ font-weight: normal !important; text-decoration: underline !important;}

.footsubhead{
  	color: #bbb;
    font-family: "Cinzel", Times, serif;
    font-style:italic;
    font-size: 18px;
    line-height: 18px;
    font-size: 16px;
    text-align: center;
    margin: 0px auto 8px auto;
}
.footp{
    margin: auto;   
  	margin-bottom: 7px;
    text-align: justify;
    color: #eee;
    font-family: "Amiri", Times, serif;
    line-height: 19px;
    font-size: 14px;
    text-align: justify;
}

.footps{
    margin: 0px auto 0px auto;
    color: #eee;
    font-family: "Amiri", Times, serif;
    line-height: 19px;
    font-size: 14px;
    width: fit-content;
    text-align: left;
}



.footpss{
    margin: 0px auto 0px auto;
    color: #eee;
    font-family: "Amiri", Times, serif;
    line-height: 19px;
    font-size: 14px;
    text-align: justify;
  	width:50%;
    min-width: 200px;
}

#jug18div{
  background-color:#fff;
  width:50%;
  min-width: 200px;
  height:auto;
  padding:5px;
  margin: 0px auto 0px auto;
}

#jug18abdiv{
  width:50%;
  min-width: 200px;
  height:auto;
  padding:5px;
  margin: 0px auto 0px auto;
}

#jug18a{  width:100%;}
#jug18b{  width:100%;}

/*--------------------------- MEDIASCREEN --------------------------*/
/*------------------------ max.640 ------------------------*/		 
@media screen and (max-width: 640px){h1::before {  display:none; }}
@media screen and (max-width: 640px){h1::after {  display:none; }}

@media screen and (min-width: 0px){#content { width: 100%; }}
@media screen and (min-width: 0px){.part { width:90%; }}
@media screen and (min-width: 0px){.textdiv {  font-size: 3.6vw; line-height: 5.7vw;}}

@media screen and (max-width: 480px){.imgright1 { align-content: center; font-size: 0px; line-height: 0px; margin: 16px 0px 0px 0px; padding: 12px; height: fit-content; width: 100%; overflow: hidden; }}
@media screen and (max-width: 480px){.imgleft1 {  align-content: center; font-size: 0px; line-height: 0px; margin: 16px 0px 0px 0px; padding: 12px; height: fit-content; width: 100%; overflow: hidden; }}	
@media screen and (max-width: 480px){.imgleft2 {  align-content: center; font-size: 0px; line-height: 0px; margin: 16px 0px 0px 0px; padding: 12px; height: fit-content; width: 100%; overflow: hidden; }}	
@media screen and (max-width: 480px){.imgright2 { align-content: center; font-size: 0px; line-height: 0px; margin: 16px 0px 0px 0px; padding: 12px; height: fit-content; width: 100%; overflow: hidden;	}}				  	
@media screen and (max-width: 480px){.imgleft3 {  align-content: center; font-size: 0px; line-height: 0px; margin: 16px 0px 0px 0px; padding: 12px; height: fit-content; width: 100%; overflow: hidden; }}	
@media screen and (max-width: 480px){.imgleft4 {  align-content: center; font-size: 0px; line-height: 0px; margin: 16px 0px 0px 0px; padding: 12px; height: fit-content; width: 100%; overflow: hidden; }}	
  		
/*------------------------ max.768 --------------------------*/	
@media screen and (max-width: 768px){.lumenuitem{ font-size: 2.6vw; }}	
@media screen and (max-width: 768px){.ms{ width: 1.6vw; }}	
@media screen and (max-width: 768px){.lutel{ font-size: 4.3vw;  }}	
/*------------------------ min.768 --------------------------*/	
@media screen and (min-width: 768px){.lumenuitem{ font-size: 16px;}}	
@media screen and (min-width: 768px){.ms{ width: 15px;}}	
@media screen and (min-width: 768px){.lutel{ font-size: 27px; line-height: 27px;}}	
/*------------------------ max.1024 -----------------------*/								  
@media screen and (min-width: 480px){.part { width: 420px;  }}
@media screen and (min-width: 480px){.textdiv { font-size: 16px; line-height: 26px;}}	
@media screen and (min-width: 480px){.cooler{display: block; }	}								
@media screen and (min-width: 480px){.cool1{flex: none; margin-bottom:12px; }	}
@media screen and (min-width: 480px){.cool2{flex: none; }	}
@media screen and (min-width: 480px){.imgright1 { width: 98px;   height: fit-content; }}
@media screen and (min-width: 480px){.imgleft1 {  width: 110px;  height: fit-content; }}	
@media screen and (min-width: 480px){.imgleft2 {  width: 119px;   height: 369px;  }}	
@media screen and (min-width: 480px){.imgright2 { width: 113px;   height: fit-content;  }}									  	
@media screen and (min-width: 480px){.imgleft3 { width: 90px;   height: fit-content;}}	
@media screen and (min-width: 480px){.imgleft4 { width: 140px;   height: fit-content;}}		  
@media screen and (min-width: 480px){.lublogcapu { display: none; }}	
@media screen and (min-width: 480px){#accordiot {  height: 800px;	 }}				  
@media screen and (min-width: 480px){#accordiota {  height: 618px;	 }}		
			
/*------------------------ max 1024px medai n rooms --------------------------*/		
@media screen and (max-width: 1024px){

#infogrid {	
  grid-template-columns: 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px;
  grid-template-rows:    26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px;
}

.butzn {    line-height: 25px;    font-size: 30px; margin-bottom:7px;}
.butzn2 {   line-height: 19px;    font-size: 14px;}

	.lulitext{line-height: 17px; font-size: 14px; }
	.luulr { width: 48%; margin-top: -105px;}
	.luull { width: 48%; }

	.mediagrid{	grid-template-columns: 40px 40px 40px 40px 40px 40px ;	grid-gap: 36px;}
	#mediagrid1{	grid-template-rows: 60px 60px 60px 60px 60px;}
	#mediagrid2{	grid-template-rows: 60px 60px 60px 60px 60px 60px 60px 60px 60px ;}
	#mediagrid3{	grid-template-rows: 60px 60px 60px 60px ;}
	#mediagrid4{	grid-template-rows: 60px 60px 60px 60px 60px;}
	#mediagrid5{	grid-template-rows: 60px 60px 60px 60px 60px 60px ;}
	#mediagrid6{	grid-template-rows: 60px 60px 60px 60px 60px 60px ;}
	#mediagrid7{	grid-template-rows: 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px ;}
	#mediagrid8{	grid-template-rows: 60px 60px 60px 60px 60px 60px ;}
	#mediagrid9{	grid-template-rows: 60px 60px 60px 60px ;}
	#mediagrid10{	grid-template-rows: 60px 60px 60px 60px 60px 60px ;}
	#mediagrid11{	grid-template-rows: 60px 60px 60px 60px 60px;}
	#mediagrid12{	grid-template-rows: 60px 60px 60px 60px 60px 60px 60px 60px;}
	#mediagrid13{	grid-template-rows: 60px 60px 60px 60px 60px 60px;}

	.div15{height:10px;}
	.div20{height:14px;}
	.div25{height:17px;}
	.div30{height:20px;}
	.div35{height:24px;}
	.div40{height:27px;}
	.div45{height:30px;}
	.div50{height:34px;}
	.div55{height:37px;}
	.div60{height:40px;}
	.div70{height:47px;}
	.div80{height:54px;}
	.div90{height:60px;}
	.div100{height:67px;}
	.div110{height:74px;}
	.div120{height:80px;}
	.div130{height:87px;}
	.div140{height:93px;}
	.div150{height:100px;}
	.div160{height:107px;}
	.div170{height:113px;}
	.div180{height:120px;}
	.div190{height:127px;}
	.div200{height:134px;}
	.div210{height:140px;}
	.div220{height:147px;}
	.div230{height:153px;}
	.div240{height:160px;}
	.div250{height:167px;}
	.div260{height:173px;}
	.div270{height:180px;}
	.div280{height:187px;}
	.div290{height:193px;}
	.div300{height:200px;}
	.div310{height:207px;}
	.div320{height:213px;}
	.div330{height:220px;}
	.div340{height:227px;}
	.div350{height:233px;}
	.div360{height:240px;}
	.div370{height:247px;}
	.div380{height:253px;}
	.div390{height:260px;}

	#BLOG {    width: 423px;    margin-left: auto;    margin-right: auto;}
	#wtbbn{position:absolute;}
}		

/*------------------------ min.1024 --- ########################## 480 // 640 GRENZE ########################### --*/								
@media screen and (min-width: 1024px){ .imgright1 {  width: 278px;   height: fit-content; }}							  			  
@media screen and (min-width: 1024px){ .imgleft1  {  width: 193px;   height: fit-content;}}			
@media screen and (min-width: 1024px){ .imgleft2  {  width: 212px;   height: 659px; }}	
@media screen and (min-width: 1024px){ .imgright2 {  width: 183px;   height: fit-content; }}							  				  		  
@media screen and (min-width: 1024px){ .imgleft3  {  width: 143px;   height: fit-content; }}			  
@media screen and (min-width: 1024px){ .imgleft4  {  width: 232px;   height: fit-content; }}		
@media screen and (min-width: 1024px){ .imgleft5  {  width: 174px;  height: fit-content; }}						
@media screen and (min-width: 1024px){#accordiot {  height: 700px;	 }}	
@media screen and (min-width: 1024px){#accordiota {    height: 544px;	 }}	  
@media screen and (min-width: 1024px){ .part {   width: 640px;  }}			  
@media screen and (min-width: 1024px){ .textdiv {   font-size: 16px;   line-height: 26px;}}										
@media screen and (min-width: 1024px){ .cooler{  display: flex;  justify-content: space-between; width: inherit; }}
@media screen and (min-width: 1024px){ .cool1{  flex: 1; order:1; margin-right:16px; margin-bottom:0px;}}
@media screen and (min-width: 1024px){ .cool2{  flex: 1; order:2; margin-left:16px;}}