/*********** 
Kachel Highlight 001 + 002
************/
/*-----  TM Bild Hover Pfeifer    -----*/
.tm-bild-hover-pfeifer-2cols .ds-hover-1{display:inline-block;position:relative;margin:0px;overflow:hidden;background:#251500}
.tm-bild-hover-pfeifer-2cols .ds-hover-1 img{display:block;max-width:100%;-webkit-transition:opacity 0.8s ease-in-out;-moz-transition:opacity 0.8s ease-in-out;transition:opacity 0.8s ease-in-out}
.tm-bild-hover-pfeifer-2cols .ds-hover-1:hover img,.tm-bild-hover-pfeifer-2cols .ds-hover-1:focus img{opacity:0.5}
.tm-bild-hover-pfeifer-2cols .ds-hover-1::before{color:#fff;content:attr(ds-desc);font-size:34px;height:100%;padding:0;position:absolute;text-align:center;top:5%;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-all 1s ease-in-out 0s;-moz-transition:-moz-all 1s ease-in-out 0s;transition:all 1s ease-in-out 0s;width:100%;z-index:1;background:rgba(0,0,0,0) url("../img/suedtirol-skyline.png") repeat scroll 0 0 / 100% auto;opacity:0}
.tm-bild-hover-pfeifer-2cols .ds-hover-1:hover::before,.tm-bild-hover-pfeifer-2cols .ds-hover-1:focus::before{padding:40% 0}
.tm-bild-hover-pfeifer-2cols .ds-hover-1:hover::after,.tm-bild-hover-pfeifer-2cols .ds-hover-1:hover::before,.tm-bild-hover-pfeifer-2cols .ds-hover-1:focus::after,.tm-bild-hover-pfeifer-2cols .ds-hover-1:focus::before{-webkit-transform:scale(1);-moz-transform:scale(1);transform:tscale(1);opacity:1}
.tm-bild-hover-pfeifer-2cols .ds-hover-1 img{transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s}
.tm-bild-hover-pfeifer-2cols .ds-hover-1:hover img,.tm-bild-hover-pfeifer-2cols .ds-hover-1:focus img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
.tm-bild-hover-pfeifer-2cols .tm-widget-box-title{background:rgba(37,21,0,0.7) none repeat scroll 0 0;bottom:0;box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;font-size:40px;padding:35px 0;position:absolute;text-align:center;text-transform:uppercase;width:100%;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;z-index:50}
.tm-bild-hover-pfeifer-2cols.tm-bild-hover-pfeifer-3cols .tm-widget-box-title{font-size:25px;padding:15px 0}
.tm-bild-hover-pfeifer-2cols .tm-widget-box-subtitle{bottom:29%;color:#fff;font-size:30px;left:0;position:absolute;right:0;text-align:center;transform:scale(0);transition:all 1.5s ease 0s;-webkit-transition:all 1.5s ease 0s;-webkit-transform:scale(0);z-index:50}
.tm-bild-hover-pfeifer-2cols.tm-bild-hover-pfeifer-3cols .tm-widget-box-subtitle{font-size:20px}
.tm-bild-hover-pfeifer-2cols .ds-hover-1:hover .tm-widget-box-subtitle,.tm-bild-hover-pfeifer-2cols .ds-hover-1:focus .tm-widget-box-subtitle{opacity:1;transform:scale(1);-webkit-transform:scale(1)}
.tm-bild-hover-pfeifer-2cols.tm-bild-hover-pfeifer-3cols .tm-title-zwei-zeilen{font-size:37px}
/**************************** Mobile Style ****************************/
@media screen and (max-width:1600px){
  .tm-bild-hover-pfeifer-2cols .tm-widget-box-title{font-size:28px;padding:20px 0}
  .tm-bild-hover-pfeifer-2cols .tm-title-zwei-zeilen{font-size:37px}
  .tm-bild-hover-pfeifer-2cols.tm-bild-hover-pfeifer-3cols .tm-title-zwei-zeilen{font-size:28px}
  .tm-bild-hover-pfeifer-2cols .tm-widget-box-subtitle{font-size:18px}
}
@media screen and (max-width:1100px){
  .tm-bild-hover-pfeifer-2cols .tm-widget-box-title{font-size:24px;padding:13px 0}
  .tm-bild-hover-pfeifer-2cols .tm-title-zwei-zeilen{font-size:34px}
}
@media screen and (max-width:980px){
  .tm-bild-hover-pfeifer-2cols .tm-title-zwei-zeilen{font-size:40px}
  .tm-bild-hover-pfeifer-2cols.tm-bild-hover-pfeifer-3cols .tm-title-zwei-zeilen{font-size:37px} 
}
@media screen and (max-width:550px){
  .tm-bild-hover-pfeifer-2cols .tm-title-zwei-zeilen{font-size:35px}
  .tm-bild-hover-pfeifer-2cols .tm-widget-box-title{font-size:20px;padding:9px 0}
  .tm-bild-hover-pfeifer-2cols .tm-title-zwei-zeilen-sub{line-height:20px;padding-top:11px!important}
  .tm-bild-hover-pfeifer-2cols .tm-widget-box-subtitle{font-size:16px}
}
/*********** 
Kachel Highlight 003
************/
/**************************** Custom Image Intense Portugal sTYl3 ****************************/
.tm-custom-image-intense-portugal-box .n10s-overlay > h2{background:rgba(105,89,78,0.69)}
.tm-custom-image-intense-portugal-box .n10s-lisbon h2,.tm-custom-image-intense-portugal-box .n10s-lisbon p{border:0 solid #fff;height:auto;padding:5% 2%!important;text-align:center!important;line-height:normal!important}
.tm-custom-image-intense-portugal-box .n10s-lisbon:hover img{opacity:0.3;transform:scale(1.2);-webkit-transform:scale(1.2)}
.tm-custom-image-intense-portugal-box .n10s-lisbon{background:#eeeeee none repeat scroll 0 0}
.tm-custom-image-intense-portugal-box .n10s-lisbon:hover .n10s-overlay > h2 {background:#69594e}
.tm-custom-image-intense-portugal-box .n10s-overlay .description{background:#ad2221 none repeat scroll 0 0;font-size:90%;text-transform:none}
.tm-custom-image-intense-portugal-box .n10s-block h2 span{font-weight:400!important}
.tm-custom-image-intense-portugal-box .n10s-lisbon img{opacity:1}
.tm-custom-image-intense-portugal-box .et_pb_module{margin-bottom:0!important}
.tm-custom-image-intense-portugal-box .et_pb_column{width:50%!important}
@media screen and (max-width:1400px){
    .tm-custom-image-intense-portugal-box .n10s-block h2 span{font-size:20px}
}
@media screen and (max-width:980px){
   .n10s-lisbon h2,.n10s-lisbon p{width:100%}
    .et_pb_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title{font-size:29px!important}
}
@media screen and (max-width:700px){
    .tm-custom-image-intense-portugal-box .et_pb_column{margin-bottom:0!important;width:100%!important}
}
/*********** 
Kachel Highlight 004
************/
/**************************** Custom Image Intense Berlin sTYl3  ****************************/
.tm-custom-image-intense-berlin-box .n10s-block.n10s-berlin .description img{display:block;margin:0 auto;opacity:1!important;padding-top:50%;position:relative}
.tm-custom-image-intense-berlin-box.tm-cta-widgets .et_pb_column{margin:1%;width:23%}
.tm-custom-image-intense-berlin-box .n10s-berlin .n10s-overlay h2{background:#4c443c;border-radius:0 0 10px 10px;padding:7% 0;position:relative;top:-31px;word-spacing:2px;letter-spacing:-1px}
.tm-custom-image-intense-berlin-box .n10s-berlin .n10s-overlay:hover h2,.tm-custom-image-intense-berlin-box .n10s-berlin .n10s-overlay:focus h2{border-radius:10px;background:#96c11f;top:-38px}
.tm-custom-image-intense-berlin-box .n10s-block.n10s-berlin img{opacity:1}
.tm-custom-image-intense-berlin-box .n10s-block.n10s-berlin:hover img,.tm-custom-image-intense-berlin-box .n10s-block.n10s-berlin:focus img,.tm-custom-image-intense-berlin-box-2 .n10s-block.n10s-berlin:hover img,.tm-custom-image-intense-berlin-box-2 .n10s-block.n10s-berlin:focus img{opacity:0.2;transform:scale(1.2)} 
.tm-custom-image-intense-berlin-box .n10s-block.n10s-berlin{background:#4c443c}
.tm-custom-image-intense-berlin-box .n10s-berlin .n10s-overlay::before{border-bottom:3px dashed #fff;border-top:3px dashed #fff}
.tm-custom-image-intense-berlin-box .n10s-berlin .n10s-overlay::after{border-left:3px dashed #fff;border-right:3px dashed #fff}
.tm-custom-image-intense-berlin-box .n10s-block.n10s-berlin .description{font-size:22px;text-transform:none;padding:0!important}
.tm-custom-image-intense-berlin-box .n10s-block.n10s-berlin .description::before{content:url("http://divibibl.dd25.firma5.com//bilder/zolerhof-trenner-2a.png");left:0;margin:100% auto 0;position:absolute;right:0}
.tm-custom-image-intense-berlin-box .n10s-block.n10s-berlin:hover .description::before{margin:45% auto 0}
@media screen and (max-width:1400px){
    .tm-custom-image-intense-berlin-box .n10s-block.n10s-berlin .n10s-overlay > h2{font-size:21px!important}
}
@media screen and (max-width:1200px){
    .tm-custom-image-intense-berlin-box.tm-cta-widgets .et_pb_row{max-width:1000px!important;width:97%!important}
    .tm-custom-image-intense-berlin-box.tm-cta-widgets .et_pb_column{display:block;margin:1% auto 5%;width:49%}
    .tm-custom-image-intense-berlin-box.tm-cta-widgets .et_pb_column:nth-child(2n+2){float:right}
}
@media screen and (max-width:980px){
    .tm-custom-image-intense-berlin-box.tm-cta-widgets .et_pb_column:nth-child(1){margin-bottom:40px}
    .tm-custom-image-intense-berlin-box .n10s-block.n10s-berlin .n10s-overlay > h2{font-size:24px!important}    
}
@media screen and (max-width:800px){
    .tm-custom-image-intense-berlin-box .n10s-berlin .n10s-overlay h2{top:-26px}
}
@media screen and (max-width:650px){
    .n10s-berlin .n10s-overlay h2{top:-14px!important}
    .n10s-block.n10s-berlin .n10s-overlay > h2{font-size:18px!important}
    .tm-custom-image-intense-berlin-box .n10s-berlin .n10s-overlay::before,.tm-custom-image-intense-berlin-box .n10s-berlin .n10s-overlay::after{left:15px!important;right:15px!important}
}
/*********** 
Kachel Highlight 005
************/
/**************************** Custom Image Intense Berlin sTYl3 3cols  ****************************/
.tm-custom-image-intense-berlin-box-3cols .n10s-block.n10s-berlin .description img{display:block;left:0;margin:0 auto;opacity:1^!important;padding-top:0;position:absolute;right:0;top:-80px}
.tm-custom-image-intense-berlin-box-3cols .n10s-berlin .n10s-overlay h2,.tm-custom-image-intense-berlin-box-3cols .n10s-berlin .n10s-overlay:hover h2,.tm-custom-image-intense-berlin-box-3cols .n10s-berlin .n10s-overlay:focus h2{background:rgba(77,68,60,0.79) none repeat scroll 0 0;font-size:36px!important;letter-spacing:-1px;padding:15px 0;position:relative;margin-top:53px;word-spacing:2px;transform:translate(0px)!important}
.tm-custom-image-intense-berlin-box-3cols .n10s-block.n10s-berlin img{opacity:1}
.tm-custom-image-intense-berlin-box-3cols .n10s-block.n10s-berlin:hover img,.tm-custom-image-intense-berlin-box-3cols .n10s-block.n10s-berlin:focus img,.tm-custom-image-intense-berlin-box-3cols-2 .n10s-block.n10s-berlin:hover img,.tm-custom-image-intense-berlin-box-3cols-2 .n10s-block.n10s-berlin:focus img{opacity:0.5;transform:scale(1.2);-webkit-transform:scale(1.2)} 
.tm-custom-image-intense-berlin-box-3cols .n10s-block.n10s-berlin{background:#4c443c}
.tm-custom-image-intense-berlin-box-3cols .n10s-block.n10s-berlin .description{background:#97C11F;display:inline-block;font-size:22px;margin-top:43%;padding:7px;text-transform:none}
.tm-custom-image-intense-berlin-box-3cols .n10s-berlin .n10s-overlay::after{border-left:1px solid #fff;border-right:1px solid #fff}
.tm-custom-image-intense-berlin-box-3cols .n10s-berlin .n10s-overlay::before,.tm-custom-image-intense-berlin-box-3cols .n10s-berlin .n10s-overlay::after,.tm-custom-image-intense-berlin-box-3cols .n10s-block.n10s-berlin .description img{opacity:1;transform:scale(1)}
.tm-custom-image-intense-berlin-box-3cols .et_pb_column{margin:0;width:33.33%}
@media screen and (max-width:1400px){
    .tm-custom-image-intense-berlin-box-3cols .n10s-block.n10s-berlin .n10s-overlay > h2{font-size:21px!important}
    .tm-custom-image-intense-berlin-box-3cols .n10s-berlin .n10s-overlay h2,.tm-custom-image-intense-berlin-box-3cols .n10s-berlin .n10s-overlay:hover h2,.tm-custom-image-intense-berlin-box-3cols .n10s-berlin .n10s-overlay:focus h2{margin-top:25px}
}
@media screen and (max-width:1200px){
    .tm-custom-image-intense-berlin-box-3cols.tm-cta-widgets .et_pb_row{max-width:100%!important;width:100%!important}
    .tm-custom-image-intense-berlin-box-3cols.tm-cta-widgets .et_pb_column{width:33%}
}
@media screen and (max-width:980px){
    .tm-custom-image-intense-berlin-box-3cols.tm-cta-widgets .et_pb_column{margin:1% auto 5%}    
    .tm-custom-image-intense-berlin-box-3cols.tm-cta-widgets .et_pb_column:nth-child(1){margin-bottom:40px}
    .tm-custom-image-intense-berlin-box-3cols .n10s-block.n10s-berlin .n10s-overlay > h2{font-size:30px!important;padding:20px 0}  
    .tm-custom-image-intense-berlin-box-3cols .n10s-block.n10s-berlin .description{font-size:18px}
}
@media screen and (max-width:800px){
    .tm-custom-image-intense-berlin-box-3cols .n10s-berlin .n10s-overlay h2{top:-26px}
}
@media screen and (max-width:650px){
    .tm-custom-image-intense-berlin-box-3cols .n10s-block.n10s-berlin .n10s-overlay > h2{font-size:22px!important}
    .tm-custom-image-intense-berlin-box-3cols .n10s-berlin .n10s-overlay::before,.tm-custom-image-intense-berlin-box-3cols .n10s-berlin .n10s-overlay::after{left:15px!important;right:15px!important}
}
/*********** 
Kachel Highlight 006
************/
/**************************** Custom Image Intense Portland sTYl3 - Hotel Bellevue ****************************/
.tm-widgets-bellevue .n10s-portland .n10s-overlay h2{background:rgba(151,193,31,0.72);display:inline-block;font-size:38px!important;margin:15% 0 0;padding:20px;position:relative}
@media screen and (max-width:1500px){
    .tm-widgets-bellevue .n10s-portland .n10s-overlay h2{font-size:30px!important;margin:12% 0 0}
}
@media screen and (max-width:1500px){
    .tm-widgets-bellevue .n10s-portland .n10s-overlay h2{ margin:6% 0 0}
}
@media screen and (max-width:500px){
    .tm-widgets-bellevue .n10s-portland .n10s-overlay h2{font-size:19px!important;margin:10% 0 0;padding:10px 20px}
}
@media screen and (max-width:400px){
    .tm-widgets-bellevue .n10s-portland .n10s-overlay h2{margin:7% 0 0}
}
/*********** 
Kachel Highlight 007
************/
/*-----  Kacheln Highlights Berghofer   -----*/
.material .et_pb_image{overflow:hidden} 
.material .et_pb_column img{vertical-align:top;-webkit-transition:all .2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out} 
.material .et_pb_column:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)} 
.material .et_pb_button_module_wrapper{margin-top:-26px;margin-bottom:-30px!important} 
.material .et_pb_button{box-shadow:0 3px 10px rgba(0,0,0,0.23),0 3px 10px rgba(0,0,0,0.16)} 
.material .et_pb_button:hover{box-shadow:0 25px 55px 0 rgba(0,0,0,0.21),0 16px 28px 0 rgba(0,0,0,0.22);margin-top:-5px;margin-bottom:5px!important} 
.material .et_pb_button:hover:after{line-height:1.7em;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} 
.material.et_pb_row{padding:27px 15px} 
.material .et_pb_column{box-shadow:none!important;-webkit-transition:all .2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out} 
.material .et_pb_column:hover{box-shadow:0 6px 20px rgba(0,0,0,0.23),0 6px 20px rgba(0,0,0,0.16)}
 .material.tm-custom-hover-style h2{color:#3e342f;font-size:40px;font-weight:normal;padding:20px 10px 10px}
@media screen and (max-width:1400px){
    .material.tm-custom-hover-style h2{font-size:28px}
} 
@media screen and (max-width:600px){
    .material.tm-custom-hover-style.et_pb_row.et_pb_equal_columns.et_pb_row_fullwidth{width:100%!important}
}