/*********** 

Footer Kacheln+Widgets 001

************/



/**************************** Custom Image Intense Berlin - Footer Widgets sTYl3  ****************************/

.tm-custom-image-intense-berlin-box-2 .et_pb_column {margin: 0;width: 33.33%}
.tm-custom-image-intense-berlin-box-2 .et_parallax_bg {background-repeat: repeat!important;background-size: 100% auto!important}
.tm-custom-image-intense-berlin-box-2 .n10s-berlin .n10s-overlay::before{border-bottom: 3px dashed #fff;border-top: 3px dashed #fff}
.tm-custom-image-intense-berlin-box-2 .n10s-berlin .n10s-overlay::after{border-left: 3px dashed #fff;border-right: 3px dashed #fff}
.tm-custom-image-intense-berlin-box-2 .n10s-block.n10s-berlin .description {margin-top: -68%!important}
.tm-custom-image-intense-berlin-box-2 .n10s-berlin .n10s-overlay h2 {background: #554e47;border-radius: 12px;display: inline-block;left: 0;letter-spacing: 0;padding: 4% 32px;position: relative;margin-top:55%!important;word-spacing: 3px}
.tm-custom-image-intense-berlin-box-2 .n10s-berlin:hover .n10s-overlay h2 {background: #96c11f }
.tm-custom-image-intense-berlin-box-2 .n10s-block.n10s-berlin .description {font-size: 32px}
.tm-custom-image-intense-berlin-box-2 .n10s-berlin:focus .n10s-overlay h2 {background: #96c11f }
.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)} 


@media screen and (max-width: 1400px) {
    .tm-custom-image-intense-berlin-box-2 .n10s-block.n10s-berlin .description {font-size: 23px}
}

@media screen and (max-width: 650px) {
    .tm-custom-image-intense-berlin-box-2 .n10s-berlin .n10s-overlay h2 {margin-top: 69%}
}


/*********** 

Footer Kacheln+Widgets 002

************/


/*-----  Footer Widgets Apartment Kastelruth   -----*/

.tm-footer-widgets-apartment-kastelruth .ds-hover-1 {display: inline-block;position: relative;margin: 0px;overflow: hidden;background: #251500}
.tm-footer-widgets-apartment-kastelruth .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-footer-widgets-apartment-kastelruth .ds-hover-1:hover img, .tm-footer-widgets-apartment-kastelruth .ds-hover-1:focus img{opacity: 0.3}
.tm-footer-widgets-apartment-kastelruth .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/bg-fwak.png") repeat scroll 0 0 / 100% auto;opacity: 0}
.tm-footer-widgets-apartment-kastelruth .ds-hover-1:hover::before {padding: 40% 0}
.tm-footer-widgets-apartment-kastelruth .ds-hover-1:hover::after,.tm-footer-widgets-apartment-kastelruth .ds-hover-1:hover::before {-webkit-transform: scale(1);-moz-transform: scale(1);transform: tscale(1);opacity: 1}
.tm-footer-widgets-apartment-kastelruth .ds-hover-1 img {transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s}
.tm-footer-widgets-apartment-kastelruth .ds-hover-1:hover img, .tm-footer-widgets-apartment-kastelruth .ds-hover-1:focus img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1)}
.tm-footer-widgets-apartment-kastelruth .arrow-up {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid black}

.tm-footer-widgets-apartment-kastelruth .tm-widget-box-title {background: #ad1e1e;bottom: 0;box-sizing: border-box;-webkit-box-sizing: border-box;color: #fff;font-size: 43px;padding: 15px 20px;position: relative;text-align: center;text-transform: none;width: 100%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;z-index: 50;display: block}

.tm-footer-widgets-apartment-kastelruth .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-footer-widgets-apartment-kastelruth .ds-hover-1:hover .tm-widget-box-subtitle,.tm-footer-widgets-apartment-kastelruth .ds-hover-1:focus .tm-widget-box-subtitle{opacity: 1;transform:scale(1);-webkit-transform:scale(1)}
.tm-footer-widgets-apartment-kastelruth .tm-widget-box-title-color .tm-widget-box-title {background: #424242}
.tm-apka-sektion-top-interaktiv .et_pb_column, .tm-apka-sektion-bottom-interaktiv .et_pb_column{margin-bottom: -9px!important}

@media screen and (max-width: 1600px) {
    .tm-footer-widgets-apartment-kastelruth .tm-widget-box-title {font-size: 28px;padding: 20px 0}
    .tm-footer-widgets-apartment-kastelruth.tm-bild-hover-1 .tm-title-zwei-zeilen {font-size: 37px}
    .tm-footer-widgets-apartment-kastelruth .tm-widget-box-subtitle {font-size: 18px}
}
@media screen and (max-width: 1100px) {
    .tm-footer-widgets-apartment-kastelruth.tm-bild-hover-1 .tm-title-zwei-zeilen {font-size: 34px}
}
@media screen and (max-width: 980px) {
    .tm-footer-widgets-apartment-kastelruth.tm-bild-hover-1 .tm-title-zwei-zeilen {font-size: 40px}
    .tm-apka-sektion-top-interaktiv .et_pb_column, .tm-apka-sektion-bottom-interaktiv .et_pb_column, 
    .tm-apka-sektion-top-interaktiv .et_pb_column:last-child, .tm-apka-sektion-bottom-interaktiv .et_pb_column:last-child {float: none;margin: 0 auto -12px!important;max-width: 650px;width: 100%}
}
@media screen and (max-width: 550px) {
    .tm-footer-widgets-apartment-kastelruth.tm-bild-hover-1 .tm-title-zwei-zeilen {font-size: 35px}
    .tm-footer-widgets-apartment-kastelruth .tm-widget-box-title {font-size: 24px;padding: 18px 0}
    .tm-footer-widgets-apartment-kastelruth .tm-title-zwei-zeilen-sub {line-height: 20px;padding-top: 11px !important}
    .tm-footer-widgets-apartment-kastelruth .tm-widget-box-subtitle {font-size: 16px}
}


/*********** 

Footer Kacheln+Widgets 003

************/


/**************************** Custom Image Intense Oslo sTYl3 ****************************/

.tm-custom-image-intense-oslo-box .n10s-oslo:hover img, .tm-custom-image-intense-oslo-box .n10s-oslo:focus img, .tm-custom-image-intense-oslo-box .n10s-oslo img {opacity: 1}
.tm-custom-image-intense-oslo-box .n10s-oslo .n10s-overlay::before {opacity: 1;transform: scale(1);-webkit-transform: scale(1);background: #69594E;border: 0 solid #fff;bottom: 5%;left: 5%;right: 5%;top: 5%}
.tm-custom-image-intense-oslo-box .n10s-oslo .n10s-overlay::before, .tm-custom-image-intense-oslo-box .n10s-oslo p {font-size: 19px !important;opacity: 1;text-transform: none;transform: scale(1);-webkit-transform: scale(1)}
.tm-custom-image-intense-oslo-box .n10s-oslo h2 {margin: 20% 0 10px;transform: translate3d(0px, 0px, 0px);transition: transform 0.35s ease 0s}
.tm-custom-image-intense-oslo-box .tm-ciiob-overlay .n10s-oslo .n10s-overlay::before {background: #ad2121}
.tm-custom-image-intense-oslo-box .n10s-oslo .n10s-overlay {background-color: transparent}
.tm-custom-image-intense-oslo-box .n10s-oslo:hover h2, .tm-custom-image-intense-oslo-box .n10s-oslo:hover p, .tm-custom-image-intense-oslo-box .n10s-oslo:focus h2, .tm-custom-image-intense-oslo-box .n10s-oslo:focus p  {transform: scale(0.9);-webkit-transform: scale(0.9);opacity: 0 }
.tm-custom-image-intense-oslo-box .n10s-oslo:hover .n10s-overlay::before, .tm-custom-image-intense-oslo-box .n10s-oslo:focus .n10s-overlay::before {opacity: 1;top: 100%}
.tm-custom-image-intense-oslo-box .n10s-block.n10s-oslo, .tm-custom-image-intense-oslo-box .n10s-oslo .n10s-overlay::before, .tm-custom-image-intense-oslo-box .n10s-oslo p  {transition: all 0.5s ease-in-out  0s;-webkit-transition: all 0.5s ease-in-out  0s}
.tm-custom-image-intense-oslo-box .n10s-oslo {background: transparent!important}
.tm-custom-image-intense-oslo-box .n10s-block.n10s-oslo p {display: inline-block !important;text-align: center;width: 70%}
.tm-custom-image-intense-oslo-box .n10s-overlay a {color: #fff!important}
.tm-custom-image-intense-oslo-box .n10s-block.n10s-oslo .n10s-overlay > a.et_pb_promo_button.et_pb_button {background: rgba(255, 255, 255, 0.18) none repeat scroll 0 0 !important;border: medium none !important;bottom: 12% !important}
.tm-custom-image-intense-oslo-box .n10s-block.n10s-oslo:hover .n10s-overlay > a.et_pb_promo_button.et_pb_button, .tm-custom-image-intense-oslo-box .n10s-block.n10s-oslo:focus .n10s-overlay > a.et_pb_promo_button.et_pb_button  {background: #ad2121!important}
.tm-custom-image-intense-oslo-box .tm-ciiob-overlay .n10s-block.n10s-oslo:hover .n10s-overlay > a.et_pb_promo_button.et_pb_button, .tm-custom-image-intense-oslo-box .tm-ciiob-overlay .n10s-block.n10s-oslo:focus .n10s-overlay > a.et_pb_promo_button.et_pb_button  {background: #69594e !important}
.tm-custom-image-intense-oslo-box .n10s-block.n10s-oslo {padding: 9px}
.tm-custom-image-intense-oslo-box .n10s-oslo .n10s-overlay::before {background: #69594e none repeat scroll 0 0;border: 0 solid #fff;bottom: 5%;left: 5%;opacity: 1;right: 5%;top: 5%;transform: scale(1);-webkit-transform: scale(1)}

@media screen and (max-width: 1500px) {
 .tm-custom-image-intense-oslo-box .et_pb_column .n10s-oslo .n10s-overlay h2 {font-size: 27px !important}
 .tm-custom-image-intense-oslo-box .et_pb_promo_button.et_pb_button {font-size: 15px !important}
}
@media screen and (max-width: 1050px) {
.tm-custom-image-intense-oslo-box .et_pb_gutters1 .et_pb_column_1_4 {width: 50%!important}
}
@media screen and (max-width: 550px) {
.tm-custom-image-intense-oslo-box .et_pb_gutters1 .et_pb_column_1_4 {width: 100%!important}
}