@font-face {
  font-family: 'Fette-eg';
  src: url("/fileadmin/templates/font/fette-eg.woff") format("woff"), url("/fileadmin/templates/font/fette-eg.TTF") format("truetype");
  font-weight: normal;
  font-style: normal;
}


/* Overlay */
.overlayWrap{
     position: relative;
     width: 100%;
     height: 100%;
     float: left;
}
.overlay{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 22;
	 background-color:  rgba(0, 0, 0, 0.60);
     /*background: rgba(0, 0, 0, 0.70) url("images/wolf.png")no-repeat right 150px bottom;*/
}

.overlay .overlay1,
.overlay .overlay2{
     width: 100%;
     float: left;
     text-align: center;
     color: #fff;
     font-family: 'Fette-eg';
     font-size: 70px;
     line-height: 110%;
}
.overlay .overlay1{
     margin-top: 350px;
}
.overlay i{
      font-size: 48px;
}
.overlay i:first-child{
      padding-left: 10px;
	  color: #027FB5 !important;
}
.overlay i:nth-child(2){
	  color: #A2B341 !important;
}
.overlay i:nth-child(3){
	  color: #EF4224 !important;
}
/* Button */
.button{
     position: absolute;
     z-index: 777;
     left: -300px;
     width: 200px;
     height: 200px;
     top: 200px;
     text-align: center;
     background-color: rgba(255, 255, 255, 0.85);
     color: #333;
     border-radius: 50%;
     padding-top: 65px;
     /* Safari */
     -webkit-transform: rotate(-5deg);
     /* Firefox */
     -moz-transform: rotate(-5deg);
     /* IE */
     -ms-transform: rotate(-5deg);
     /* Opera */
     -o-transform: rotate(-5deg);
     /* Internet Explorer */
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.button p {
     text-align: center;
}
/* Behaldlungen */
.dce_behandlungen_item{
     float: left;
     width: 33.333333%;
     position: relative;
}
.dce_behandlungen_item img{
     float: left;
     width: 100%;
}
.dce_behandlungen_image{
     float: left;
     width: 100%;
     position: relative;
}
.dce_behandlungen_title{
     float: left;
     width: 100%;
     position: absolute;
     bottom: 40px;
     left: 0px;
     color: #fff;
     font-size: 24px;
     text-align: center;
     font-family: 'FuturaStd-Medium';
     z-index: 888;
}
.dce_behandlungen_overlay{
     float: left;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 88;
     background: #b0be76;
     opacity: 0.6;
     height: 100%;
     -o-transition: opacity .2s ease-in-out;
     transition: opacity .2s ease-in-out;
     -moz-transition: opacity .2s ease-in-out;
      -webkit-transition: opacity .2s ease-in-out;
}
.dce_behandlungen_item:hover .dce_behandlungen_overlay{
     -o-transition: opacity .2s ease-in-out;
     transition: opacity .2s ease-in-out;
     -moz-transition: opacity .2s ease-in-out;
     -webkit-transition: opacity .2s ease-in-out;
       opacity: 0;
}

/* dce_content_slider */
.dce_content_slider{
     float: left;
     width: 100%;
     position: relative;
     margin-top: 20px;
     margin-bottom: 20px;
}
.dce_content_slider .slick-prev,
.dce_content_slider .slick-next {
	position: absolute;
	z-index: 545;
	top: calc(50% - 25px);
	text-indent: -50000px;
	width: 50px;
	height: 50px;
	border: 0px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: transparent !important;
	opacity: 0.8;
}
.dce_content_slider .slick-prev {
	left: 40px;
	background-image: url(/fileadmin/templates_stammhaus/images/arrowLeft.png);
}
.dce_content_slider .slick-next {
	right: 40px;
	background-image: url(/fileadmin/templates_stammhaus/images/arrowRight.png);
}
.dce_content_slider .slick-prev:hover, .dce_content_slider .slick-next:hover {
	opacity: 1;
}
/* SHortcuts */
.dce_shortcutWrap{
     float: left;
     width: 100%;
}
.dce_shortcutItem {
    float: left;
    width: auto;
    background: #5f8eb7;
    text-transform: uppercase;
    padding: 4px 10px;
    text-align: center;
    margin-right: 5px;
    color: #fff;
}
.dce_shortcutItem a,
.dce_shortcutItem a:hover{
    color: #fff;
}
.dce_shortcutItem.right {
    float: right;
    margin-right: 0px;
    margin-left: 5px;
}
/* 3 cols */
.dce_3col{
     float: left;
     width: 100%;
     margin-top: 40px;
     margin-bottom: 40px;
}
.dce_3col_item{
     float: left;
     width: 33.3333333333333%;
}
.dce_3col_item_image{
     float: left;
     width: 95%;
     margin-bottom: 15px;
}
.dce_3col_item_title,
.dce_3col_item_text,
.dce_3col_item_link {
     float: left;
     width: 100%;
     padding: 0px 10px;
}
.dce_3col_item_link{
     margin-top: 15px;
     color: #333
}
.dce_3col_item_link a {
     color: #333
}
.dce_3col_item_title {
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 5px;
    font-family: 'FuturaStd-Medium';
    line-height: 29px;
    text-align: left;
}
/* 4 Colds */
.dce_4col_item{
     float: left;
     width: 25%;
}


/*********************************** 960 *********************************** */
@media screen and (max-width: 960px) {
	
}
/*********************************** 860 *********************************** */
@media screen and (max-width: 840px) {
	.dce_behandlungen_item{
          width: 50%;
     }
}
/*********************************** 680 *********************************** */
@media screen and (max-width: 680px) {
     .dce_3col_item{
         width: 100%;
         margin-bottom: 30px;
     }
     .dce_4col_item{
          width: 50%;
     }
     .button{
         display: none !important;
     }
     .overlay{
          display: none !important;
     }
     
}
/*********************************** 480 *********************************** */
@media screen and (max-width: 480px) {
	.dce_content_slider .slick-prev,
     .dce_content_slider .slick-next {
          display: none !important;
     }
      .dce_4col_item{
          width: 100%;
     }
     .dce_behandlungen_item{
          width: 100%;
     }
}