/* Left & Right alignment */
.left { float:left; }
.right { float:right; }
.wrapper {width:100%; overflow:hidden; }
/* Global properties ======================================================== */
/*.glob, .globHide{width:100%; height:100%; overflow:hidden; max-width: 1500px; margin: 0 auto;}   */
.glob, .globHide{width:100%; height:100%; overflow:hidden; margin: 0 auto;}
.globHide{
  display: none;
  background-color: rgba(255,255,255,0.85);
  z-index: 999;
  position: absolute;
  top: 0;
  max-width: 100%;
}

body{ font-family:Arial, sans-serif; color:#000; background: #fff; line-height:20px; min-width:650px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden; font-size: 14px; }
/* Global Structure ========================================================= */
.main {margin:0px auto 0 auto; 	width: 940px; z-index:2; height:100%; display: flex; }
.page_spinner{ position:fixed; background:url(../images/loader.gif) 50% 50% no-repeat #fff; z-index:99; width:100%; height:100%; top:0; left:0}
#glob{position:relative; overflow:hidden; z-index:1; }
/* ============================= main layout ================================ */
a{ color:#fff; text-decoration:none; outline:none; font-size: 12px; }
a:hover{ text-decoration:underline}
h1{float:left;}
h2{font-family: 'Antic Slab', serif; color:#fff; font-size:46px; line-height: 36px; width:100%;  padding-bottom: 30px; font-weight: 400;text-shadow: 0px 0px 5px black;}
h3{color: #fff; font-size:13px; line-height: 20px; width:100%; padding-bottom: 20px; font-weight: 400; font-size: 18px;}
p{padding-bottom: 32px; font-size: 14px; color: #fff; line-height: 20px; }
.undLineOff{text-decoration:none; }
.textLowerCase{text-transform:lowercase}
.textUpperCase{text-transform:uppercase}
.center{ padding:0; width:100%; position: relative; display: flex; justify-content: center; flex-flow: column; }
.alignLeft{text-align:left; }
.alignCenter{text-align:center; }
.alignRight{text-align:right; }
/* ============================= header ===================================== */
header{position:relative; z-index:1; display: inline-block; }
#logo{display:inline-block; background: url(../images/logo2.png) 0 0 no-repeat; width: 400px; height: 180px; text-indent: -9999px;}
#logo:hover{text-decoration:none; }
.logoHolder{ display:inline-block; position: relative; margin-top: 7px;}
.headerHolder{position: relative; top: -50px; width: 940px; height: 166px; z-index: 3;}
.slogan{font-size:14px; line-height:20px; letter-spacing:-1px; }
.menu{position:relative; z-index:1; display: block; }
.menuHolder{ float: left; display:inline-block; position: relative; width: 100%; height: 36px; z-index: 3; left: 0; margin-top: 12px;}

#menu {z-index:3; position:relative; }
#menu > li{position:relative; display: inline-block; float: left; color: white; /*background: url(../images/extra3.png);*/ text-align: left; margin-right: 10px; height: 50px; /*width: 109px;*/}
#menu > li > a{font-family: 'Antic Slab', serif; display: inline-block; text-transform:uppercase; position:relative;overflow: hidden;}
#menu > li > a:hover{text-decoration:none;}
#menu > li.active > a{text-decoration:none;}
.submenu_1{position:absolute; z-index:2; top: 40px; left: -2px; display: block; width: min-content; background-color: gray; padding-bottom: 2px; }
.submenu_1 li{position:relative; display:inline-block; background: url(../images/extra3.png); margin-bottom: 7px; width: 175px;}
.submenu_1 a{font-family: 'Antic Slab', serif; font-size: 17px; color:#fff; display:inline-block; text-transform:uppercase; line-height: 20px; padding: 8px 14px;}
.submenu_1 li:hover > a, .submenu_1 li.sfHover > a{text-decoration:none; color:#db5d34 }
#menu li ul {
  display: none;
}
#menu li:hover ul {display: block;}
#menu li ul li a {
  display: block !important;
}

.mText{display: inline-block; line-height: 20px; color: #fff; font-size: 17px; position: relative;padding: 8px 14px;}
.mTextOver{display: inline-block; line-height: 20px; color: #db5d34; font-size: 17px; position: absolute;padding: 8px 14px;left: 0;top: -42px;}
.more{font-family: 'Antic Slab', serif; color: #fff; font-size: 25px;text-shadow: 0px 0px 6px black;}
.more:hover{text-decoration: none;}
.border1{border: 1px solid #2a2a2a;}
/* ============================= content ====================== */
#content{position:relative;  z-index: 1; width: 940px; margin: 0 auto; display: block; padding-top: 40px;}
#content > ul{width: 650px; height: 482px; z-index: 0;display: inline-block;}
#content > ul > li{width: 650px; display:block; position:absolute; height: 480px; left: -1700px;}
.cOver{overflow: auto; height: 400px;}
.cOver2, .cOver4{height: 350px; width: width: calc(100% - 20px); padding-left: 20px; overflow: auto; }
.cOver3{
  height: 280px; width: auto; padding-left: 0px; overflow: auto;
  background-image: url(../images/eP.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
 }
.cOver4{
  height: max-content;
}

/*.box{ width: 550px; background: url(../images/extra4.png); overflow: hidden; position: relative; height: 380px; padding: 50px 48px 47px 50px; border: 1px solid #222222;}  */
.box{ width: 550px; overflow: hidden; position: relative; height: 380px; padding: 50px 48px 47px 50px; border: 1px solid #222222;}
.underline{text-decoration:underline; }
.space1{display:inline-block; width: 110px; }
/*#bgStretch {overflow:hidden; z-index:-1; }
#bgStretch img{background-color: #000;}*/
.padRight1{padding-right: 15px;}
.magBot1{margin-bottom: 46px;}
.magBot2{margin-bottom: 22px;}
.magBot3{margin-bottom: 26px;}
.magRight1{margin-right: 20px;}
.padBot1{padding-bottom: 0px;}
.padBot2{padding-bottom: 20px;}
.padBot3{padding-bottom: 24px;}
.olService{color: white; font-size: 14px; list-style: square; }
.olTeam{color: white; font-size: 14px; list-style: none; }
/*.gallHolder{ background: url(../images/extra2.png); position: relative; left: 0; width: 650px; height: 110px; margin-top: 30px; display: inline-block;}*/
.gallHolder{ position: relative; left: 0; width: 650px; height: 110px; margin-top: 30px; display: inline-block;}
.scrollGall{position: relative; padding: 22px 0;margin: 0 30px; overflow: hidden; width: 597px; left: 0px;}
.scrollGall > ul{position: relative; white-space: nowrap;}
.scrollGall > ul >li{position: relative; margin: 0 4px; display: inline-block; z-index: 10;}
.scrollGall > ul >li >a{}
.spinner_bg{position: fixed; width: 40px; height: 40px;   background: url("../images/gallLoader.gif") 50% 50% no-repeat #000; z-index:10000; left: 0;top: 0;}
.overPlane{position: absolute; width: 105px; height: 63px; border: 1px solid #fff;}
._link{text-decoration: underline;}
._link:hover{text-decoration: none;}
/*.btnGall{position: absolute;  top: 47px;width: 625px;left: 14px;}*/
.btnGall{position: absolute;  top: 47px;width: 635px;left: 14px; height: 13px; overflow: hidden;}
.gallButton{position: relative; display: inline-block;}
.closeButton{position: absolute;display: inline-block;width: 16px;height: 16px;left: 616px;top: 16px;z-index: 2; overflow: hidden;}

.spinner_bg1{position: fixed; width: 420px; height: 310px;  background: url("../images/gallLoader.gif") 50% 50% no-repeat #000; z-index:10000; left: 0;top: 0;}
.gallHolder1{ /*background: url(../images/extra2.png);*/ position: relative; left: 0; width: 500px; height: 350px; margin-top: 0px; display: inline-block;}
.scrollGall1{position: relative; padding: 22px 0; margin: 0 30px; overflow: hidden; z-index: 2; left: 0px; width: 429px;}
.scrollGall1 > ul{position: relative; white-space: nowrap;}
.scrollGall1 > ul >li{position: relative; margin: 0 6px; display: inline-block; width: 417px;}
.scrollGall1 > ul >li >a{}
.btnGall1{position: absolute;  top: 47px; width: 470px; left: 14px; height: 13px; overflow: hidden;}
.gallButton1{position: relative; display: inline-block;}
#bgStretch1 {overflow:hidden; z-index:-1; }
#bgStretch1 img{background-color: #000;}
.overPlane1{position: relative; border: 1px solid #fff; cursor: pointer; background: transparent; }

/* ============================= footer ====================== */
footer{position: absolute; width: 100%; z-index: 2;  height: 54px; display: inline-block;  bottom: 0; max-width: 1500px; /*background: url(../images/extra1.png);*/}
.topBtn{position:relative; display:inline-block; cursor:pointer; }
.mainFooter { z-index:2; margin: 0 auto;  width: 940px; margin-top: 24px; }
.textPrivacy{font-size: 12px; color: #fff; position:relative; display:inline-block;  font-family: Helvetia, sans-serif;}
.privHold{ font-size:10px; line-height: 20px; display: flex; width: 650px; justify-content: center; margin: 0 auto;}
.linksHolder{position:relative; float: right;}
.linksHolder >ul{position: relative;}
.linksHolder > ul >li{position:relative; float: left; margin-right: 8px; padding-left: 8px; background: url(../images/extra5.png) 0 50% no-repeat;}
.linksHolder > ul >li >a{color: #fff; text-transform: uppercase; font-family: Helvetia, sans-serif;}
.linksHolder > ul >li:first-child{background: none;}
/*===================================Map=====================================*/
.google_map{margin:0; width:306px; height:306px; background:#fff;}

/* ================================= eigene ================================================*/
.team_left {width: 120px; height: 150px; position: relative; float: left; text-align: left;}
.team_right_text {width: 120px; height: 150px; position: relative; float: left; margin-left: 5px; text-align: left;}
.team_leftb_text1 {width: 120px; height: 150px; position: relative; float: left; margin-left: 5px; text-align: left;}
.team_leftb_text2 {width: 120px; height: 150px; position: relative; float: left; margin-left: 150px; text-align: left;}
.team_middle {width: 310px; height: 430px; margin: auto; }
.team_middle_pic {width: 310px; min-height: 230px; position: relative; text-align: left; float: left; margin-bottom: 20px;}
.team_middleb_pic {width: 450px; min-height: 200px; position: relative; text-align: left; float: left; margin-bottom: 5px;}
.team_right {width: 120px; height: 150px; position: relative; float: right; text-align: right; margin-right: 10px;}
.team_bottom_middle1 {width: 310px; height: 430px; margin: auto; background-image: url(../images/IMG_4780.png);}
.team_bottom_middle2 {width: 300px; height: 100px; margin: auto; text-align: left; }
.olService2 li {margin-top: 10px;}
.pic_galerie {width: 500px; height: 350px; margin: auto; text-align: center; }
.galOverAllShow {position: relative; width: 1000px; height: 680px; margin: auto; text-align: center; z-index:100; display: block; margin-top: 50px; background-color: rgba(0, 0, 0, 0.8);}
.galOverAllHide {width: 1000px; height: 600px; margin: auto; text-align: center; border: solid 2px #FFFFFF; z-index:100; display: none; }
.globPicGal {position: absolute; width: 100%; height: 100%;}
.galLink {position: relative; top: -600px; left: 450px; font-size: 12px; font-weight: bold; color: #FFF; cursor: pointer;}

.job_left {width: 200px; height: 150px; position: relative; float: left; text-align: left; margin-left: 30px;}
.job_right {width: 200px; height: 150px; position: relative; float: left; text-align: left; margin-left: 20px;}

.open {color: #FFFFFF; width: 80%;}
.clear{clear: both;}

.mark{padding: 2px; background-color: #FFFF00; color: #0000FF; font-weight: bold; letter-spacing: 2px;}
.white{color: #FFF;}

.wigsAllDiv{
  overflow: auto;
  height: 94%;
  width: 102%;
}

.overFlowAuto{
  overflow: auto;
}

.videoBtn{
  padding: 12px;
  cursor: pointer;
}

.divVideoBtn{
  margin: 10px 0 50px 0;
  width: 100%;
  text-align: center;
}

.divCloseBtn{
  width: calc(100% - 5px);
  text-align: right;
  max-width: 1500px;
  margin: 0 auto;
}

.showCenter{
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 50px);
  max-width: 1500px;
  margin: 0 auto;
}

.videoElemCover{
  width: 75%;
  max-width: 1500px;
}

.closeBtn{
  font-size: 1.25em;
  font-weight: bold;
  cursor: pointer;
  font-family: 'Antic Slab', serif;
  text-transform: uppercase;
}

.ew_fotos{
  width: 250px;
  height: 250px;
}

.productList{
  margin-top: 10px;
  list-style: disc;
  margin-left: 20px;
}

.prodImg, .prodImg2, .prodImg3, .prodImg4, .prodImg5{
  width: 100%;
  height: 112%;
  margin-top: 10px;
  background-image: url(../images/OEGesamt.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.prodImg2{
  background-image: url(../images/Wash_Gesamt.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.prodImg3{
  background-image: url(../images/professional_finish_demeral.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.prodImg4{
  background-image: url(../images/Life_Haarpflege_intensiv.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.prodImg5{
  background-image: url(../images/Life_Haarpflege_schoen_wie_das_leben.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

.newsDesc{
  text-align: center;
  margin-top: 20px;
}

.videoImg{
  width: 400px;
  cursor: pointer;
}

.divAllVideo{
  display: flex;
  gap: 1em;
  width: 100%;
  padding: 20px;
}

.videoImgDesc{
  margin-top: 10px
}

.textAlignCenter{
  text-align: center;
}

.newNews{
  position: absolute;
  top: 0;
  right: 0px;
  color: red;
  font-weight: bold;
  border: 1px solid red;
  padding: 1px 3px;
  border-radius: 5px;
}

.newsInHome{
  margin-top: 30px;
  width: 100%;
  display: flex;
  gap: 3%;
  cursor: pointer;
}

.newsInHome img{
  width: 40%;
}

.fontBold{
  font-weight: bold;
}