/*h1{font-weight:400;text-transform:none;font-size:3.125em;line-height:48px;letter-spacing:0em;}*/
h1{font-weight: 600;text-transform: none;font-size: 1.8em;line-height: 40px;letter-spacing: 0em;}
h1.kachelseite{font-weight:400;line-height:42px;}

h1 span.bold{font-weight:700;}
h1.kachelseite span.bold{font-weight:600;}

h2{font-size:0.938em;font-weight:600;display:block;color:#1d1d1d;margin-top:15px;}

body.home{padding-top:23px;}

body.home #main-content-center,
body.home #main-nav,
body.home #footer{max-width:1069px;} /*max-width:1225px;*/

#main-nav #logo-wrapper{position:relative;left:0px;width:50%;height:100%;display:block;top:0px;max-height:145px;max-width:145px;}
#main-nav #logo-wrapper .box{width:100%;position:relative;}

#main-nav .ul{float:left;width:50%;}
#main-nav .box{background:none;}

#main-header-intro{position:absolute;margin-left:50%;width:44%;padding-left:5%;z-index:100;}/*padding-top:25px;*/
/*
body.page-template-kachelseite-php #main-header-intro{width:45%;margin-left:47%;}*/

#introtext{margin-top:25px;position:relative;display:block;padding:0px 5px;}

#footer-sitemap{max-width:none;}

a.viroga_button{width:292px;height:56px;overflow:hidden;display:block;position:relative;cursor: pointer;}
a.viroga_button img{width:100%;}


a.insight_button{width:292px;height:56px;overflow:hidden;display:block;position:relative;cursor: pointer;}
a.vinsight_button img{width:100%;}

.box{position:relative;overflow:hidden;-webkit-backface-visibility: hidden;-webkit-transition: translate3d(0,0,0);}

#service_container .box:hover{background-color:#EFEFEF;}

.changebutton{background:#F5F5F5;}
.changebutton:hover{background:#FFF;}
.changebutton.black{background:#222222;}
.changebutton.black:hover{background:#c40b0b;}


.trans_image-wrapper{background:#000;}
.lay_anim:hover .trans_image-wrapper .trans_image-top img,.lay_image:hover .trans_image-wrapper .trans_image-top img{opacity:.7;}

.box.one,
.box.two,
.half-box,
.normal-box{float:left;margin:0px 0px 1% 1%;display:block;height:auto;}
.box.one{width:24%;max-width:299px;max-height:294px;}
.box.two{width:49%;/*width:48.9%;*/max-width:607px;max-height:294px;}

/*TWO ROWS*/
.box.two-rows{width:24%;max-width:299px;max-height:525px;}

.right-slider{width: 24%;position: absolute;z-index: 10000000;left: -1000px;display: none;}
.right-slider img{width: 100%;}
.close-rightSlider{position: absolute;top: 0px;right: 0px;cursor: pointer;display: block;width: 33px;height: 31px;background: url("../images/close-rightslider.png") no-repeat 12px 7px;}

.box.break{clear:both;margin-left:0px;}

.tpl_weihnachten,.trans_image-wrapper{  
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.tpl_weihnachten:hover,.trans_image-wrapper:hover,.tpl_weihnachten:hover .clicker img{filter: alpha(opacity=90);  opacity: 0.9;}

.box .clicker{position:relative;display:block;}

.box .clicker img{width:100%;height:auto;position:relative;display:block;}

.box .trans_image-wrapper{display:block;position:absolute;top:0px;left:0px;width:100%;height:200%;}
.box .trans_image-top{width:100%;height:50%;overflow:hidden;display:block;}
.box .trans_image-bottom{width:100%;height:28%;overflow:hidden;display:block;}

.box .trans_image-top img,
.box .trans_image-bottom img{width:100%;height:auto;}

.box .trans_image-top .s-text{z-index: 10000;width:100%;text-align:center;position:absolute;bottom:70%;/*text-shadow: 0px 0px 4px #000000;filter: dropshadow(color=#000000, offx=0, offy=0);*/}
.box .trans_image-top .s-text h2,
.box .trans_image-top .s-text h3{color:#FFF;font-size:1em;width: 82%;margin:0px auto;line-height: 120%;}
.box .trans_image-top .s-text h2{font-weight:700;border-bottom:1px solid #FFF;padding-bottom:8px;}
.box .trans_image-top .s-text h3{font-weight:400;margin-top:4px;}

.box .text{background:#FFF;position:absolute;width:100%;height:44%;bottom:-44%;left:0px;display:block;text-align:center;}
.box .text strong{font-weight: 600;}
.box .text hr{width:42%;border:0px;height:1px;background:#c40b0b;margin-top:13px;}
.box .text p{font-weight:400;color:#1d1d1d;display:block;font-size:0.813em;line-height:20px;padding:10px 10px 0px 10px;}


.box .box_button_wrapper{    
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 21%;
  line-height: 20px;
  border-top: 5px solid #e6e6e6;
  text-align: center;
  z-index: 10002;
 }


.virtual-rosengarten .trans_image-top img{
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.virtual-rosengarten .trans_image-top img:first-child,.virtual-rosengarten .trans_image-top img.activeImg{opacity: 1;}

.dropdown-wrapper{    
    width: 100%;
    max-height: 322px;
    float: left;
    display: block;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 1%;
 display: none;
  }
.element_dropdown{
  width: 24%;
  float: left;
  margin-right:1%; 
  overflow: inherit;
  height: 320px;

}

.element_dropdown .s-text{   width:90% !important; bottom: 70% !important; margin: 5% !important;top: 1%;}
.element_dropdown .s-text h2{border-bottom: 0px !important;font-size: 1.5em !important;width: 100% !important;text-align: left !important;}

 .element_dropdown img{position: absolute;}
.element_dropdown:hover .image_grey{display: none;}

.extra_wrapper_button{width: 90%;padding: 4.5% 5%;    height: 58%;}

.extra_wrapper_button:hover,.extra_wrapper_button.active{background: rgba(157, 9, 9, .7);}

.lay_special_gif{cursor: pointer;}
/*.lay_special_gif .trans_image-wrapper{position: relative;}*/
.lay_special_gif .clicker{z-index: 3;height: 100%;}

.box .box_button{  
  display: block;
  color: #fff;
  line-height: 17px;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0%;
  font-weight: 700;
  width: 100%;
}

.with_btn .clicker{}

.text_icon .icon{z-index: 1;top: 54% !important;cursor: pointer;}
.text_icon .h{color:#fff;font-weight:700;margin-bottom: 15px;z-index: 1;  overflow: inherit !important;cursor: pointer;}
.box .clicker img{z-index: 0;}
.t.icon img{width: 27%;}


.half-box,
.normal-box{overflow:hidden;position:relative;}
.half-box img,
.normal-box img{width:100%;height:auto;}

.half-box{width:11.5%;max-width:135px;}
.normal-box{width:24%;max-width:294px;}

#service_container .box .clicker{width:100%;position:relative;display:block;max-height:135px;z-index:100;}

/* #service_container .box:hover > img{top:-100%;} */
#service_container .box > img{width:100%;height:auto;position:absolute;left:0px;top:0px;z-index:50;}

.half-wrapper{display:block;position:relative;width:100%;height:50%;overflow:hidden;}


#bereiche_buttons{position:absolute;right:13px;bottom:55%;width:23%;text-align:right;height: 16.5%;}

#bereiche_buttons .changebutton{margin-bottom:10px;position:relative;max-width:245px;}
#bereiche_buttons .changebutton > img{position:absolute;top:0px;left:0px;width:100%;height:auto;z-index:10000;}
#bereiche_buttons .changebutton .clicker{position:relative;display:block;width:100%;z-index:20000;}
#bereiche_buttons .changebutton .clicker img{display:block;position:relative;width:100%;height:auto;}

#intro_buttons{position:absolute;left:55.5%;top:186px;}

body.page-template-kachelseite-php #intro_buttons{left: 53%;}

body.page-template-kachelseite-php #introtext{font-size:.85em;line-height: 145%;}

#main-nav #logo-wrapper{float:left;width:28%;}
#index-headmenu{position:relative;width:100%;height:42px;margin-bottom: 52px;}
/*#index-headmenu{position:relative;width:68%;float:left;height:42px;margin-left:2%;margin-top:19%;}*/

#sn-wrapper,
#main-nav .box-3h{width:100%;display:block;height:100%;position:relative;}
#sn-wrapper .small_button{max-width:42px;max-height:42px;}
#sn-wrapper .small_button,
#sn-wrapper .long_button{width:10%;height:100%;overflow:hidden;float:left;position:relative;margin-left:1.5%}

#sn-wrapper .small_button:hover > img{position:absolute;top:-100%;background-color:#fff;}
#sn-wrapper .small_button > img{position:absolute;left:0px;top:0px;z-index:5;width:auto;height:200%;}
#sn-wrapper .small_button .clicker,
#sn-wrapper .long_button .clicker{display:block;position:relative;z-index:10;}
#sn-wrapper .small_button .clicker img,
#sn-wrapper .long_button .clicker img{width:100%;}
#sn-wrapper #lang_change{text-align:center;position:relative;}
#sn-wrapper #lang_change a{display:block;height:100%;position:relative;}
#sn-wrapper #lang_change a img{width:100%;height:auto;display:block;}
#sn-wrapper #lang_change a.lang_switcher{padding-top:30%;height:70%;position:absolute;top:0px;text-align:center;width:100%;left:0px;z-index:100;}
#sn-wrapper .box-3h a.desktop{padding-top:14%;height:70%;position:absolute;top:0px;text-align:center;width:100%;left:0px;z-index:100;}
#sn-wrapper .box-3h img{display:none;}

#sn-wrapper .kontakt,
#sn-wrapper .search{width: 20%;}

#sn-wrapper .box-3h{overflow:hidden;}

#sn-wrapper .box-3h a.clicker{display:none;}

#index-headmenu > .small_button{display:none;}
#searchform{height:100%;display:block;}
/*s{height:100%;display:block;width:70%;padding-left:32px;}*/
/*cp*/
#s {height:42px;display:block;width:70%;padding-left:22%;background: url("../images/search_sprite.png") no-repeat scroll 0 0 transparent;}

.lay_live .imageslider{position:absolute;left:0px;top:0px;display:none;width:100%;}
.lay_live .imageslider a{display:block;}
.lay_live .imageslider.active{display:block;}
.lay_live .imageslider.html{background:#CCC;height:100%;}
.lay_live .imageslider.html div{padding:20px;line-height:145%;}
.lay_live .imageslider.html div p{margin-bottom:10px;}


@media screen and (max-width: 1075px) {
  h1{
    font-size:1.5em;line-height:100%;
  }
  #introtext{font-size:.85em;}
  .box .text p{font-size:.7em;line-height:170%;padding-top:5px;}
}
@media screen and (max-width: 956px) {
  h1,
  h1.kachelseite{font-size:1.2em;line-height:100%;}
  #introtext{font-size:.8em;}
  #footer-sitemap-top li a, #footer-copyright-top li a{font-size:.7em;line-height:12px;}
  #footer-copyright-line{font-size:.8em;}
  #index-headmenu{height:36px;}
  #sn-wrapper .box-3h a.desktop,
  #s,
  #lang_change .lang_switcher{font-size:.8em;}
}
@media screen and (max-width: 870px) {
.box .text p{line-height:140%;}
.box_button{font-size:.7em;line-height: 10px;}
}
@media screen and (max-width: 790px) {
  h1,
  h1.kachelseite{font-size:1em;}
  .box .text p{font-size:.7em;}
  .box .box_button{font-size:.5em;line-height: 10px;}
  #footer-sitemap-top li a, #footer-copyright-top li a{font-size:.6em;}
  #footer-copyright-line{font-size:.7em;}
  #index-headmenu{height:31px;}
  #sn-wrapper .box-3h a.desktop,
  #s,
  #lang_change .lang_switcher{font-size:.6em;}
.box .trans_image-top .s-text h2, .box .trans_image-top .s-text h3{font-size:.8em;}
}
@media screen and (max-width: 770px) {
  h1,
  h1.kachelseite{font-size:0.8em;}
  .box .text p{font-size:.7em;}

}
@media screen and (max-width: 730px) {
  h1,
  h1.kachelseite{font-size:0.8em;}
  #introtext{margin-top:15px}
}
@media only screen and (max-width: 650px) {
  #footer-copyright-top li a{font-size:.5em;line-height:7px;}
  #introtext{font-size:.65em;}
    .box .trans_image-top .s-text{bottom:65%;}
}

/*
.box:hover .trans_image-top{margin-top:-100%;}
.box:hover .text{bottom:0px;}
*/
#search-formbox {
    display:none;position:absolute;width:41%;background:#fff;z-index:9999;height:100%;
}

@media screen and (max-width: 1075px) {
  #search-formbox {
  left:28.5%;
  }
}