/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/itemacms/template/fonts/work-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/itemacms/template/fonts/work-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/itemacms/template/fonts/work-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/itemacms/template/fonts/work-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/itemacms/template/fonts/work-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/itemacms/template/fonts/work-sans-v17-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/itemacms/template/fonts/work-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/itemacms/template/fonts/work-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/itemacms/template/fonts/work-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/itemacms/template/fonts/work-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/itemacms/template/fonts/work-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/itemacms/template/fonts/work-sans-v17-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-500 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/itemacms/template/fonts/work-sans-v17-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/itemacms/template/fonts/work-sans-v17-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/itemacms/template/fonts/work-sans-v17-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/itemacms/template/fonts/work-sans-v17-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/itemacms/template/fonts/work-sans-v17-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/itemacms/template/fonts/work-sans-v17-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-600 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/itemacms/template/fonts/work-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/itemacms/template/fonts/work-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/itemacms/template/fonts/work-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/itemacms/template/fonts/work-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/itemacms/template/fonts/work-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/itemacms/template/fonts/work-sans-v17-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-700 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/itemacms/template/fonts/work-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/itemacms/template/fonts/work-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/itemacms/template/fonts/work-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/itemacms/template/fonts/work-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/itemacms/template/fonts/work-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/itemacms/template/fonts/work-sans-v17-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}

html,body,h1,h2,h3,h4,p,span,strong,b{'Work Sans', sans-serif !important;font-size:14px;}

#linkedin{position:absolute;top:-4px;right:420px;}
@media (max-width: 1199px) {
#linkedin{position:absolute;top:-4px;right:310px;}
}
@media (max-width: 992px) {
#linkedin{visibility:hidden;}
}
@media (max-width: 766px) {
#linkedin{visibility:visible;right:70px;}
}


.foto-schatten{-webkit-box-shadow: 3px 7px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 7px 15px 0px rgba(0,0,0,0.75);
box-shadow: 3px 7px 15px 0px rgba(0,0,0,0.75); }

#button-home{position:absolute;left:0px;width:179px;height:50px;z-index:8000;text-align:center;background-color:#ffffff;}
#button-home:hover{background-color:#EEEEEE;}
a.button-home {color:#555555;padding-top:14px;display:block;width:179px;height:50px;}
a.button-home:hover {color:#6D0909;text-decoration:none;}
#button-services{position:absolute;left:179px;width:98px;height:50px;z-index:8000;text-align:center;background-color:#ffffff;}
#button-services:hover{background-color:#EEEEEE;}
a.button-services {color:#555555;padding-top:14px;display:block;width:98px;height:50px;}
a.button-services:hover {color:#6D0909;text-decoration:none;}
#button-management{position:absolute;left:277px;width:126px;height:50px;z-index:8000;text-align:center;background-color:#ffffff;}
#button-management:hover{background-color:#EEEEEE;}
a.button-management {color:#555555;padding-top:14px;display:block;width:126px;height:50px;}
a.button-management:hover {color:#6D0909;text-decoration:none;}
#button-contact{position:absolute;left:403px;width:96px;height:50px;z-index:8000;text-align:center;background-color:#ffffff;}
#button-contact:hover{background-color:#EEEEEE;}
a.button-contact {color:#555555;padding-top:14px;display:block;width:96px;height:50px;}
a.button-contact:hover {color:#6D0909;text-decoration:none;}
#button-press{position:absolute;left:499px;width:76px;height:50px;z-index:8000;text-align:center;background-color:#ffffff;}
#button-press:hover{background-color:#EEEEEE;}
a.button-press {color:#555555;padding-top:14px;display:block;width:76px;height:50px;}
a.button-press:hover {color:#6D0909;text-decoration:none;}
#button-presse{position:absolute;left:499px;width:83px;height:50px;z-index:8000;text-align:center;background-color:#ffffff;}
#button-presse:hover{background-color:#EEEEEE;}
a.button-presse {color:#555555;padding-top:14px;display:block;width:83px;height:50px;}
a.button-presse:hover {color:#6D0909;text-decoration:none;}

.handy-navigation{visibility:hidden;width:0px;height:0px;}
@media (min-width: 1199px) {
#button-home{left:85px;}
#button-services{left:264px;}
#button-management{left:362px;}
#button-contact{left:488px;}
#button-press{left:584px;}
#button-presse{left:584px;}
}

@media (max-width: 766px) {
#button-home{visibility:hidden;left:-1000px;top:-1000px;}
#button-services{visibility:hidden;left:-1000px;top:-1000px;}
#button-management{visibility:hidden;left:-1000px;top:-1000px;}
#button-contact{visibility:hidden;left:-1000px;top:-1000px;}
#button-press{visibility:hidden;left:-1000px;top:-1000px;}
#button-presse{visibility:hidden;left:-1000px;top:-1000px;}
.handy-navigation{visibility:visible;width:auto;height:auto;}
}

#logo-rechts{position:absolute;top:-4px;right:304px;width:0px;height:0px;}
.perspective-logo{width:219px;height:auto;}
.navbar-toggle{height:35px;position:relative;right:-15px;}

#impressum{position:absolute;top:50px;right:90px;width:250px;color:#ffffff;z-index:8000;text-align:right;line-height: 1.2;}
#impressum a{color:#ffffff;font-size:9px;}
#impressum a:hover{text-decoration:underline;}

@media (max-width: 1199px) {
#logo-rechts{position:absolute;top:-4px;right:219px;width:0px;height:0px;}
#impressum{position:absolute;top:50px;right:5px;width:250px;color:#ffffff;z-index:8000;text-align:right;}
}


.topbar-perspective{margin-right:15px;}
@media (max-width: 991px) {
.topbar-perspective{margin-right:0px;}
}

@media (max-width: 650px) {
.topbar-perspective{height:5px;overflow:hidden;visibility:hidden;}

}

@media (max-width: 991px) {
#logo-rechts{position:absolute;top:2px;right:165px;width:0px;height:0px;}
.perspective-logo{width:165px;height:auto;}

}

@media (max-width: 767px) {
#logo-rechts{position:absolute;top:7px;left:7px;width:0px;height:0px;}
#impressum{visibility:hidden;}
}

#contentr {visibility:hidden;height:0px;overflow:hidden;}
@media (max-width: 750px) {
#contentm {visibility:hidden;height:0px;overflow:hidden;}
#contentr {visibility:visible;height:auto;}
}

#contentr{}


.accordion {
  width: 100%;
  max-width: 1200px;
  height: 570px;
  overflow: hidden;
  margin: 0px auto;
}

.accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 570px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 3000ms ease;
}

.accordion ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
}

.accordion ul li div a {
  display: block;
  height: 570px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: arial;
  transition: all 200ms ease;
}

.accordion ul li div a * {

}

.accordion ul li div a h2 {
  font-family: arial;
  text-overflow: clip;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 160px;
}

.accordion ul li div a p {
  top: 10px;
  font-size: 13.5px;
}

.accordion ul li:nth-child(1) { background-image: url("/itemacms/content/management/management-gudenus-sw.jpg");border-right:1px solid #ffffff;}
.accordion ul li:nth-child(1):hover { background-image: url("/itemacms/content/management/management-gudenus.jpg"); }

.accordion ul li:nth-child(2) { background-image: url("/itemacms/content/management/management-stockert-sw.jpg");border-right:1px solid #ffffff; }
.accordion ul li:nth-child(2):hover { background-image: url("/itemacms/content/management/management-stockert.jpg"); }

.accordion ul:hover li { width: 0%; }

.accordion ul:hover li:hover { width: 100%; }

.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0); }

.accordion ul:hover li:hover a * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
 @media screen and (max-width: 750px) {

body { margin: 0; }

.accordion { height: auto; }

.accordion ul li,
.accordion ul li:hover,
.accordion ul:hover li,
.accordion ul:hover li:hover {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-transition: none;
  transition: none;
}


}

.slogan{}
.beschreibung{color:#ffffff !important;width:100%;text-align:right;font-size:40px !important;font-weight:bold;text-shadow: 0 0 4px #000000;}
@media (max-width: 991px) {
.beschreibung{font-size:30px !important;}
}
@media (max-width: 600px) {
.beschreibung{font-size:18px !important;}
}

a.menu{color:#ffffff;font-size:20px;text-shadow: 0 0 4px #000000;}
a.menu:hover{}



#hiddendiv{position:absolute;visibility:hidden;width:1px;height:1px;top:-100px;left:-100px;}