/* TM - Vermieter - Details */
html:not([lang="de"]) .tmAccoDetail .banner.freeCancellation {
display: none;
}
.tm .ContentWrapper {
padding: 0;
}
.tmAccoDetail > div > aside {
background: #f1f3f5;
float: left;
padding: 20px 30px;
position: relative;
width: 31.140350877192983%; /* 355 */
}
.tmAccoDetail > div > section {
float: right;
margin: 0;
position: relative;
width: 65.526315789473685%; /* 747 */
}
.tmAccoDetail h2 {
font-size: 34px;
font-weight: bold;
text-align: left;
margin: 0 0 20px;
}
.tmAccoDetail ul + .header {
padding-top: 40px;
}
.tmAccoDetail ul + .header > h2 {
display: none;
}
.tmAccoDetail > div > aside > div {
padding-bottom: 15px;
position: relative;
}
.tmAccoDetail > div > aside > div:after {
background: #ffffff;
content: "";
height: 2px;
left: -30px;
right: -30px;
position: absolute;
bottom: 0;
}
.tmAccoDetail > div > aside > div:last-child:after {
display: none;
}
.tmAccoDetail > div a {
color: #67c484;
transition: color 300ms ease;
}
.tmAccoDetail > div a:hover {
color: #54a26c;
}
/* Breadcrumb */
.tmAccoDetail .breadcrumb {
margin: -40px 0 39px;
padding: 0;
}
/* Aside - Kontakt */
.tmAccoDetail > div > aside > .contact > .logo {
width: 115px;
display: flex;
height: 115px;
border-radius: 50%;
background: #ffffff;
margin: 0 auto;
align-items: center;
justify-content: center;
}
.tmAccoDetail > div > aside > .contact > .logo img {
display: block;
max-width: 90px;
max-height: 70px;
}
.tmAccoDetail > div > aside > .contact > .label {
color: #193c53;
font-family: "Poppins", sans-serif;
font-size: 26px;
font-weight: 500;
margin: 10px 0 12px;
}
.tmAccoDetail > div > aside > .contact > .text {
font-size: 16px;
}
.tmAccoDetail > div > aside > .contact > .text > span {
display: block;
line-height: 1.5;
}
.tmAccoDetail > div > aside > .contact > .text > span > a {
color: #67c484;
font-weight: normal;
}
/* Aside - Ausstattung */
.tmAccoDetail > div > aside > .facilities > .label {
color: #193c53;
font-family: "Poppins", sans-serif;
font-size: 26px;
font-weight: 500;
margin: 10px 0 12px;
}
.tmAccoDetail > div > aside > .facilities > ul > li {
font-size: 16px;
padding: 3px 0 3px 28px;
position: relative;
}
.tmAccoDetail > div > aside > .facilities > ul > li:before {
color: #67c484;
position: absolute;
left: -2px;
font-size: 22px;
top: 50%;
margin: -10px 0 0;
line-height: 1;
}
.tmAccoDetail > div > aside > .facilities > a {
background: #67c484;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #ffffff;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1;
margin: 20px 0 0;
padding: 14px 20px 16px;
text-align: center;
text-transform: uppercase;
transition: background 300ms ease;
}
.tmAccoDetail > div > aside > .facilities > a:hover {
background: #54a26c;
}
/* Aside - Ausstattung */
.tmAccoDetail > div > aside > .hotspots > .label {
color: #193c53;
font-family: "Poppins", sans-serif;
font-size: 26px;
font-weight: 500;
margin: 10px 0 12px;
}
.tmAccoDetail > div > aside > .hotspots > ul > li {
font-size: 16px;
padding: 3px 0 3px 28px;
position: relative;
}
.tmAccoDetail > div > aside > .hotspots > ul > li:before {
color: #67c484;
position: absolute;
left: -2px;
font-size: 22px;
top: 50%;
margin: -10px 0 0;
line-height: 1;
}
.tmAccoDetail > div > aside > .hotspots > a {
background: #67c484;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #ffffff;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1;
margin: 20px 0 0;
padding: 14px 20px 16px;
text-align: center;
text-transform: uppercase;
transition: background 300ms ease;
}
.tmAccoDetail > div > aside > .hotspots > a:hover {
background: #54a26c;
}
/* Aside - Marketinggruppen */
.tmAccoDetail > div > aside > .marketingGroups > .label {
color: #193c53;
font-family: "Poppins", sans-serif;
font-size: 26px;
font-weight: 500;
margin: 10px 0 12px;
}
.tmAccoDetail > div > aside > .marketingGroups > ul > li {
font-size: 16px;
padding: 3px 40px 3px 28px;
position: relative;
}
.tmAccoDetail > div > aside > .marketingGroups > ul > li:before {
color: #67c484;
position: absolute;
left: -2px;
font-size: 22px;
top: 50%;
margin: -10px 0 0;
line-height: 1;
}
.tmAccoDetail > div > aside > .marketingGroups > ul > li > .info {
background: #67c484;
cursor: default;
height: 24px;
margin-top: -12px;
position: absolute;
right: 0;
top: 50%;
width: 24px;
}
.tmAccoDetail > div > aside > .marketingGroups > ul > li > .info::before {
color: #ffffff;
content: "\1F707";
display: block;
font-family: "TirolIconsWeb";
font-size: 30px;
left: 0;
position: absolute;
top: -3px;
line-height: 1;
}
.tmAccoDetail > div > aside > .marketingGroups > ul > li > .info > p {
background: #f0ebdd;
border-radius: 4px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
display: none;
font-size: 12px;
padding: 15px;
position: absolute;
right: 5px;
bottom: 20px;
width: 225px;
z-index: 1000;
}
.tmAccoDetail > div > aside > .marketingGroups > ul > li > .info:hover > p {
display: block;
}
@media all and (max-width: 1100px) {
.tmAccoDetail > div > section {
width: 71%;
}
.tmAccoDetail > div > aside {
padding: 20px 20px;
width: 27%;
}
}
@media all and (max-width: 980px) {
.tmAccoDetail .breadcrumb {
display: none;
}
.tmAccoDetail > .wmMargin {
margin-bottom: 35px;
margin-top: 35px;
}
.tmAccoDetail > div > section > .wmMargin {
margin-bottom: 35px;
margin-top: 35px;
}
.tmAccoDetail > div > section {
float: none;
width: 100%;
}
.tmAccoDetail > div > aside {
display: none;
}
}
@media all and (max-width: 550px) {
.tmAccoDetail h2 {
font-size: 30px;
margin: 0 0 15px;
}
/* Konditionen */
.tmAccoDetail > .conditions .text {
color: #8c9da9;
font-size: 16px;
}
}
/* TM - Vermieter - Details - Info */
.tm .infoWrapper .content {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 100%;
}
.tm .infoWrapper .content > div {
padding-bottom: 156px;
}
.tm .infoWrapper .content:before {
background: rgba(25, 60, 83, 0.8);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.tm .infoWrapper .content .info {
display: flex;
flex-flow: column;
align-items: center;
padding: 0 75px;
position: relative;
}
.tm .infoWrapper .content .info > .title {
display: flex;
align-items: center;
justify-content: center;
}
.tm .infoWrapper .content .info > .title > h1 {
color: #ffffff;
font-size: 60px;
font-weight: bold;
margin: 15px 0;
}
.tm .infoWrapper .content .info > .title .category {
display: inline-block;
font-size: 14px;
margin: 0 0 0 4px;
position: relative;
}
.tm .infoWrapper .content .info > .title .category > span {
display: block;
float: left;
}
.tm .infoWrapper .content .info > .title .category > span.classification {
color: #ffffff;
margin-top: -47px;
position: relative;
}
.tm .infoWrapper .content .info > .title .category > span.classification > span {
display: inline-block;
position: relative;
}
.tm .infoWrapper .content .info > .title .category > span.classification > span.superior {
font-size: 10px;
margin-left: 2px;
top: -2px;
}
.tm .infoWrapper .content .info > .title .category > span.classification.edelweiss > .icon,
.tm .infoWrapper .content .info > .title .category > span.classification.flowers > .icon {
height: 20px;
width: 20px;
display: inline-block;
margin-right: 4px;
top: 0;
}
.tm .infoWrapper .content .info > .title .category > span.classification > .icon:before {
font-family: "TirolIconsWeb";
margin: 0 1px 0 0;
}
.tm .infoWrapper .content .info > .title .category > span.classification.stars > .icon:before {
content: "\1F799";
font-size: 14px;
}
.tm
.infoWrapper
.content
.info
> .title
.category
> span.classification.edelweiss
> .icon:before {
content: "\1F71E";
font-size: 30px;
}
.tm
.infoWrapper
.content
.info
> .title
.category
> span.classification.flowers
> .icon:before {
content: "\1F724";
font-size: 30px;
}
.tm .infoWrapper .content .info > .title .category > span.classification.sun > .icon:before {
content: "\1F5CD";
font-size: 14px;
}
.tm
.infoWrapper
.content
.info
> .title
.category
> span.classification.edelweiss
> span.superior {
font-size: 18px;
top: -6px;
}
/* Mobility */
.tm .infoWrapper .mobility {
display: none;
align-items: center;
justify-content: center;
position: absolute;
height: 137px;
width: 137px;
border-radius: 50%;
margin-top: -68px;
z-index: 100;
left: 120px;
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.tm .green-arrival .infoWrapper .mobility {
display: flex;
}
.tm .infoWrapper .mobility img {
height: 100%;
display: block;
width: 100%;
}
/* Hotspots */
.tm .infoWrapper .content .info .hotspots {
display: flex;
align-items: center;
margin-top: 25px;
}
.tm .infoWrapper .content .info .hotspots > span {
color: #ffffff;
font-size: 16px;
font-weight: bold;
margin-right: 26px;
position: relative;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 110px;
}
.tm .infoWrapper .content .info .hotspots > span > .text {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.tm .infoWrapper .content .info .hotspots > span.town {
margin-right: 21px;
}
.tm .infoWrapper .content .info .hotspots > span.lift {
margin-right: 24px;
}
.tm .infoWrapper .content .info .hotspots > span:last-child {
margin: 0;
}
.tm .infoWrapper .content .info .hotspots > span.town {
padding-left: 30px;
}
.tm .infoWrapper .content .info .hotspots > span.lake {
padding-left: 37px;
}
.tm .infoWrapper .content .info .hotspots > span.lift,
.tm .infoWrapper .content .info .hotspots > span.centre {
padding-left: 28px;
}
.tm .infoWrapper .content .info .hotspots > span:before {
color: #ffffff;
font-size: 30px;
font-weight: normal;
font-family: "TirolIconsWeb";
left: 0;
position: absolute;
top: 50%;
margin-top: -15px;
line-height: 1;
}
.tm .infoWrapper .content .info .hotspots > span.town:before {
content: "\1F36B";
}
.tm .infoWrapper .content .info .hotspots > span.lake:before {
content: "\1F43F";
font-size: 40px;
margin-top: -20px;
}
.tm .infoWrapper .content .info .hotspots > span.lift:before {
content: "\1F38A";
}
.tm .infoWrapper .content .info .hotspots > span.centre:before {
content: "\1F3A0";
}
.tm .infoWrapper .content .info .hotspots > span > label {
background: #67c484;
border-radius: 2px 0 0 2px;
color: #ffffff;
font-size: 14px;
line-height: 22px;
font-weight: 400;
max-width: 0;
opacity: 0;
overflow: hidden;
position: absolute;
right: 50%;
top: -25px;
transition: opacity 300ms ease;
white-space: nowrap;
z-index: 10;
}
.tm .infoWrapper .content .info .hotspots > span > label:before {
border-left: 6px solid #67c484;
border-top: 22px solid transparent;
bottom: 0;
content: "";
position: absolute;
right: -6px;
top: 0;
width: 6px;
}
.tm .infoWrapper .content .info .hotspots > span > label:after {
border-bottom: 4px solid transparent;
border-left: 6px solid #67c484;
bottom: -4px;
height: 4px;
content: "";
position: absolute;
right: -6px;
width: 6px;
}
.tm .infoWrapper .content .info .hotspots > span:hover > label {
max-width: 300px;
opacity: 1;
overflow: visible;
padding: 0 9px;
}
.tm .infoWrapper .content .info .hotspots > span.map {
cursor: pointer;
height: 20px;
width: 28px;
}
.tm .infoWrapper .content .info .hotspots > span.map:before {
content: "\1F79D";
font-size: 34px;
}
/* Trusyou - Rating */
.tm .infoWrapper .content .info .rating {
cursor: pointer;
align-items: center;
display: flex;
z-index: 2;
}
.tm .infoWrapper .content .info .rating > span.logo {
background: #ffffff;
display: table;
padding: 6px 9px 6px 9px;
position: relative;
}
.tm .infoWrapper .content .info .rating > span.logo:before {
border-right: 12px solid #ffffff;
border-bottom: 10px solid transparent;
bottom: -7px;
content: "";
height: 10px;
left: 2px;
position: absolute;
width: 12px;
}
.tm .infoWrapper .content .info .rating > span.logo img {
display: block;
width: 100%;
}
.tm .infoWrapper .content .info .rating > span.points {
color: #67c484;
display: inline-block;
font-size: 22px;
font-weight: bold;
margin-left: 10px;
}
.tm .infoWrapper .content .info .rating > span.points > span {
color: #ffffff;
}
.tm .infoWrapper .content .info .rating > span.points > span.icon::before {
line-height: 11px;
}
.tm .infoWrapper .content .info .rating > span.count {
color: #ffffff;
font-size: 12px;
font-weight: normal;
margin: 4px 0 0 8px;
}
.tm .infoWrapper .content .info .rating > span.count > .score {
font-size: 16px;
font-weight: bold;
}
.tm .infoWrapper .content .info .rating > span.count > .number {
color: #ffffff;
margin-left: 3px;
}
.tm .infoWrapper .content .info .rating > span.button, .tm .infoWrapper .content .info .rating > a.button {
background: #67c484;
border-radius: 5px;
color: #fff;
font-size: 16px;
line-height: 32px;
margin: 0 0 0 12px;
padding: 0 7px;
}
/* Top Facilities */
.tm .infoWrapper .content .info .topFacilities {
margin-top: 25px;
max-width: 175px;
}
.tm .infoWrapper .content .info .topFacilities > ul {
display: flex;
position: relative;
}
.tm .infoWrapper .content .info .topFacilities > ul > li {
margin: 0 5px 0 0;
position: relative;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.umwelt {
border: 2px solid #ffffff;
color: #ffffff;
display: block;
line-height: 38px;
height: 40px;
width: 40px;
transition: color 300ms ease, border 300ms ease;
}
.tm .infoWrapper .content .info .topFacilities > ul > li:hover > span.umwelt {
border: 2px solid #67c484;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.umwelt:before {
content: "";
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNNy45NzksMjguMTE4YzMuMDk3LC0xMi43MzMgMTUuMjEsLTIwLjgyMyAxNS4yMSwtMjAuODIzYy02LjQ2OCw2LjE1NiAtOS45MTUsMTEuMDkxIC0xMS43MzcsMTQuNThjNC4zOSwzLjY5NyA4LjA5NSw0LjIyMSAxMC42NTksMS4zNTZjNi4wNDQsLTYuODA3IDQuMzkyLC0xOS40NSA0LjM5MiwtMTkuNDVjMCwwIC0xMi43NjIsLTAuMTk5IC0xOC43OTksNi41OTZjLTIuNDIyLDIuNzIxIC0xLjY5OSw2LjExMSAxLjk0NCw5LjgzNWMtMS43MTgsMi4xNiAtMy4yNjMsNC40NDcgLTQuMzU3LDYuNzUybDIuNjg4LDEuMTU0WiIgc3R5bGU9ImZpbGw6IzY3YzQ4NDtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4=");
background-position: center center;
background-repeat: no-repeat;
background-size: 28px auto;
position: absolute;
left: 50%;
margin-left: -20px;
max-height: 40px;
max-width: 40px;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon {
border: 2px solid #ffffff;
color: #ffffff;
display: block;
line-height: 38px;
height: 40px;
width: 40px;
transition: color 300ms ease, border 300ms ease;
}
.tm .infoWrapper .content .info .topFacilities > ul > li:hover > span.icon {
border: 2px solid #67c484;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon:before {
font-family: "TirolIconsWeb";
font-size: 50px;
position: absolute;
left: 50%;
margin-left: -20px;
max-height: 40px;
max-width: 40px;
top: 50%;
margin-top: -20px;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon.pets:before {
content: "\1F52E";
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon.wellness:before {
content: "\1F164";
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon.sauna:before {
content: "\1F5D4";
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon.wifi:before {
content: "\1F709";
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.icon.doubleg {
text-align: center;
font-weight: bold;
}
.tm .infoWrapper .content .info .topFacilities > ul > li:hover > span.icon {
color: #67c484;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.label {
background: #67c484;
border-radius: 2px 0 0 2px;
color: #ffffff;
font-size: 14px;
line-height: 22px;
max-width: 0;
opacity: 0;
overflow: hidden;
position: absolute;
right: 50%;
top: -25px;
transition: opacity 300ms ease;
white-space: nowrap;
z-index: 10;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.label::before {
border-left: 6px solid #67c484;
border-top: 22px solid transparent;
bottom: 0;
content: "";
position: absolute;
right: -6px;
top: 0;
width: 6px;
}
.tm .infoWrapper .content .info .topFacilities > ul > li > span.label::after {
border-bottom: 4px solid transparent;
border-left: 6px solid #67c484;
bottom: -4px;
height: 4px;
content: "";
position: absolute;
right: -6px;
width: 6px;
}
.tm .infoWrapper .content .info .topFacilities > ul > li:hover > span.label {
max-width: 300px;
opacity: 1;
overflow: visible;
padding: 0 9px;
}
/* ScrollDown Buttons */
.tm .infoWrapper .content .buttons {
display: flex;
align-items: center;
justify-content: center;
bottom: 60px;
left: 0;
padding: 0 20px;
position: absolute;
width: 100%;
}
.tm .infoWrapper .content .buttons > a {
background: #ffffff;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #000000;
display: block;
font-size: 16px;
font-weight: normal;
line-height: 1;
margin-right: 10px;
padding: 17px 65px 17px 20px;
position: relative;
transition: background 300ms ease, color 300ms ease;
width: 245px;
}
.tm .infoWrapper .content .buttons > a.request {
background: #67c484;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
}
.tmAccoDetail.hasNoEmail .infoWrapper .content .buttons > a.request {
display: none;
}
.tm .infoWrapper .content .buttons > a.request:hover {
background: #54a26c;
}
.tm .infoWrapper .content .buttons > a.request.mobile {
display: none;
}
.tm .infoWrapper .content .buttons > a.checkavailability {
background: #ee5f55;
color: #ffffff;
font-size: 16px;
font-weight: 600;
width: 374px;
text-transform: uppercase;
}
.tm .infoWrapper .content .buttons > a.checkavailability.mobile {
display: none;
}
.tm .infoWrapper .content .buttons > a.checkavailability:hover {
background: #c9524b;
}
.tm .infoWrapper .content .buttons > a:last-child {
margin: 0;
}
.tm .infoWrapper .content .buttons > a:hover {
background: #67c484;
color: #ffffff;
}
.tm .infoWrapper .content .buttons > a:before {
color: #67c484;
font-family: "TirolIconsWeb";
font-size: 45px;
font-weight: normal;
position: absolute;
top: 50%;
margin-top: -22px;
right: 10px;
transition: color 300ms ease;
}
.tm .infoWrapper .content .buttons > a:hover:before {
color: #ffffff;
}
.tm .infoWrapper .content .buttons > a.description:before {
content: "\1F346";
}
.tm .infoWrapper .content .buttons > a.rooms:before {
content: "\1F54A";
}
.tm .infoWrapper .content .buttons > a.location:before {
content: "\1F79D";
font-size: 50px;
margin-top: -25px;
}
.tm .infoWrapper .content .buttons > a.checkavailability:before {
content: "\1F5F5";
color: #ffffff;
font-size: 40px;
margin-top: -20px;
}
.tm .infoWrapper .content .buttons > a.checkavailability.book:before {
color: #ffffff;
content: "\1F476";
font-family: "TirolIconsWeb";
font-size: 34px;
font-weight: normal;
position: absolute;
top: 50%;
margin-top: -17px;
right: 10px;
}
.tm .infoWrapper .content .buttons > a.request:not(.mobile):before {
content: "\1F620";
font-size: 44px;
margin-top: -22px;
color: #ffffff;
}
.tm .infoWrapper .content .buttons > a.request:not(.mobile):hover:before {
color: #ffffff;
}
/* Preis */
.tm .tmAccoDetail.camping .infoWrapper .content .price {
display: none !important;
}
.tm .infoWrapper .content .price {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
height: 137px;
width: 137px;
background: #67c484;
border-radius: 50%;
margin-top: -68px;
z-index: 100;
left: 120px;
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.tm .infoWrapper .content .price > p {
color: #ffffff;
display: table;
font-size: 10px;
text-align: right;
}
.tm .infoWrapper .content .price > p > span.value > span {
display: none;
}
.tm .infoWrapper .content .price > p > span {
display: block;
line-height: 1;
}
.tm .infoWrapper .content .price > p > span.value {
display: block;
font-size: 12px;
text-align: left;
}
.tm .infoWrapper .content .price > p > span.number {
font-size: 32px;
font-family: "Poppins", sans-serif;
font-weight: bold;
line-height: 1;
}
.tm .infoWrapper .content .price > p > span.info {
display: none;
}
/* Storno */
.tm .infoWrapper .content .free-cancellation {
display: none;
align-items: center;
justify-content: center;
position: absolute;
height: 155px;
width: 155px;
margin-top: -75px;
z-index: 100;
left: 110px;
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.tm .infoWrapper .content .free-cancellation a {
position: relative;
width: 100%;
}
.tm .infoWrapper .content .free-cancellation img {
width: 100%;
}
/* Quicklinks */
.tm .infoWrapper .quicklinks {
display: flex;
position: absolute;
top: 20px;
right: -3px;
align-items: center;
}
.tm .infoWrapper .quicklinks > * {
color: #ffffff;
height: 30px;
line-height: 30px;
text-align: center;
width: auto;
max-width: 26px;
min-width: 20px;
}
.tm .infoWrapper .quicklinks a.showMap {
margin-right: 2px;
}
.tm .infoWrapper .quicklinks div.share {
color: #ffffff;
line-height: 30px;
margin-right: 6px;
position: relative;
}
.tm .infoWrapper .quicklinks div.share > div {
background: #ffffff;
border-radius: 4px;
display: flex;
max-height: 0;
overflow: hidden;
width: 75px;
justify-content: space-between;
position: absolute;
left: 50%;
margin-left: -33px;
top: 35px;
z-index: -1;
}
.tm .infoWrapper .quicklinks div.share:hover > div {
max-height: 40px;
overflow: visible;
transition: max-height 100ms ease;
padding: 5px;
z-index: 100;
}
.tm .infoWrapper .quicklinks div.share > div:before {
content: "";
width: 0;
height: 0;
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #ffffff transparent;
position: absolute;
top: -5px;
left: 50%;
margin-left: -5px;
}
.tm .infoWrapper .quicklinks div.share > div a {
background: #193c53;
height: 30px;
width: 30px;
}
.tm .infoWrapper .quicklinks div.share > div a:hover {
background: #67c484;
}
.tm .infoWrapper .quicklinks div.share > div a:before {
color: #ffffff;
display: block;
font-family: "TirolIconsWeb";
font-size: 40px;
font-weight: normal;
position: relative;
height: 30px;
width: 30px;
}
.tm .infoWrapper .quicklinks div.share > div a.fb:before {
content: "\1F41C";
}
.tm .infoWrapper .quicklinks div.share > div a.tw:before {
content: "\1F4B6";
}
.tm .infoWrapper .quicklinks a.showMap:hover,
.tm .infoWrapper .quicklinks div.share:hover {
color: #67c484;
}
.tm .infoWrapper .quicklinks a.showMap:before {
content: "\E8EF";
display: block;
font-family: "webmanager";
font-size: 26px;
}
.tm .infoWrapper .quicklinks div.share:before {
content: "\1F6C4";
display: block;
font-family: "TirolIconsWeb";
font-size: 40px;
}
.tm .infoWrapper .quicklinks a.bookMark {
line-height: 29px;
position: relative;
}
.tm .infoWrapper .quicklinks a.bookMark:before {
color: #ffffff;
content: "\1F3A8";
display: block;
font-family: "TirolIconsWeb";
font-size: 40px;
}
.tm .infoWrapper .quicklinks a.bookMark:hover:before,
.tm .infoWrapper .quicklinks a.bookMark.selected:before {
color: #c30018;
}
@media all and (max-width: 1200px) {
.tm .infoWrapper .content > div {
padding-bottom: 180px;
}
.tm .infoWrapper .content .buttons {
flex-wrap: wrap;
}
.tm .infoWrapper .content .buttons > a.checkavailability {
margin-top: 20px;
}
}
@media all and (max-width: 1100px) {
.tm .infoWrapper .content .buttons > a {
width: 22%;
}
}
@media all and (max-width: 980px) {
.tm .infoWrapper .content > div {
padding-bottom: 220px;
}
.tm .infoWrapper .content .info {
padding: 0;
}
.tm .infoWrapper .content .info > .title > h1 {
font-size: 30px;
margin: 15px 0 5px;
}
.tm .infoWrapper .content .info > .title .category {
margin: 0 0 0 10px;
}
.tm .infoWrapper .content .info > .title .category > span.classification {
margin-top: -28px;
}
.tm .infoWrapper .content .buttons {
bottom: 0;
left: 0;
padding: 30px 20px;
position: absolute;
width: 100%;
background: #f0ebdd;
flex-wrap: wrap;
justify-content: space-between;
}
.tm .infoWrapper .content .buttons > a {
padding: 16px 65px 18px 20px;
margin-right: 0;
width: 32.5%;
}
.tm .infoWrapper .content .buttons > a.request.mobile {
background: #67c484;
color: #ffffff;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
display: block;
width: 49.5%;
margin: 0 0 1%;
}
.tm .infoWrapper .content .buttons > a.request.mobile:before {
color: #ffffff;
content: "\1F620";
}
.tm .infoWrapper .content .buttons > a.request:not(.mobile) {
display: none;
}
.tm .infoWrapper .content .buttons > a.checkavailability {
display: none;
}
.tm .infoWrapper .content .buttons > a.checkavailability.mobile {
display: block;
margin: 0 0 1%;
width: 49.5%;
}
.tm .infoWrapper .quicklinks {
display: none;
}
.tm .infoWrapper .gallery {
margin-bottom: 0;
}
}
@media all and (max-width: 768px) {
.tm .infoWrapper .mobility {
left: 35px;
margin-top: 45px;
}
.tm .infoWrapper .content .info .rating > span.count > .score {
display: none;
}
.tm .infoWrapper .content .info .rating > span.logo {
padding: 5px 9px 5px 5px;
}
.tm .infoWrapper .content .info .rating > span.logo img {
width: 81px;
}
.tm .infoWrapper .content .info .rating > span.points {
font-size: 18px;
}
.tm .infoWrapper .content .info .rating > span.count {
margin: 3px 0 0 2px;
}
.tm .infoWrapper .content .info .hotspots {
justify-content: space-between;
width: 100%;
}
.tm .infoWrapper .content .info .hotspots > span {
font-size: 12px;
margin-right: 10px !important;
}
.tm .infoWrapper .content .info .hotspots > span:last-child {
margin-right: 0 !important;
}
.tm .infoWrapper .content .info .hotspots > span:before {
color: #8c9da9;
font-size: 22px;
margin-top: -11px;
}
.tm .infoWrapper .content .info .hotspots > span.lake:before {
font-size: 30px;
margin-top: -15px;
}
.tm .infoWrapper .content .info .hotspots > span.town {
max-width: 80px;
padding-left: 27px;
}
.tm .infoWrapper .content .info .hotspots > span.lake {
padding-left: 32px;
}
.tm .infoWrapper .content .info .hotspots > span.centre {
padding-left: 25px;
}
.tm .infoWrapper .content .info .hotspots > span.lift {
padding-left: 24px;
}
.tm .infoWrapper .content .info .hotspots > span.map {
width: 20px;
}
.tm .infoWrapper .content .info .hotspots > span.map:before {
font-size: 28px;
}
.tm .infoWrapper .content .info .topFacilities {
display: none;
}
.tm .infoWrapper .content .price {
margin-top: 45px;
left: 35px;
}
.tm .infoWrapper .content .buttons > a {
width: 49.5%;
}
.tm .infoWrapper .content .buttons > a.description {
display: none;
}
.tm .infoWrapper .content .free-cancellation {
margin-top: 40px;
left: 30px;
width: 150px;
height: 150px;
}
}
@media all and (max-width: 650px) {
.tm .infoWrapper .content > div {
padding-bottom: 280px;
}
.tm .infoWrapper .content .buttons > a.request.mobile {
width: 100%;
}
.tm .infoWrapper .content .buttons > a.checkavailability.mobile {
width: 100%;
}
}
@media all and (max-width: 500px) {
.tm .infoWrapper .content .info .rating {
padding: 0 0 40px 0;
position: relative;
}
.tm .infoWrapper .content .info .rating > .button {
bottom: 0;
left: 50%;
position: absolute;
transform: translate(-50%, 0);
white-space: nowrap;
}
}
@media all and (max-width: 420px) {
.tm .infoWrapper .mobility {
height: 100px;
width: 100px;
}
.tm .infoWrapper .content .price {
height: 105px;
margin-top: 45px;
left: 35px;
width: 105px;
}
.tm .infoWrapper .content .price > p > span.number {
font-size: 26px;
}
.tm .infoWrapper .content .free-cancellation {
margin-top: 40px;
left: 30px;
width: 115px;
height: 115px;
}
}
@media all and (max-width: 350px) {
.tm .infoWrapper .content .info .hotspots > span {
margin-right: 6px !important;
}
.tm .infoWrapper .content .info .hotspots > span.town {
padding-left: 23px;
}
.tm .infoWrapper .content .info .hotspots > span.lake {
padding-left: 28px;
}
.tm .infoWrapper .content .info .hotspots > span.centre {
padding-left: 21px;
}
.tm .infoWrapper .content .info .hotspots > span.lift {
padding-left: 20px;
}
.tm .infoWrapper .content .buttons > a {
padding: 16px 50px 18px 15px;
}
.tm .infoWrapper .content .buttons > a:before {
right: 5px;
}
}
/* TM - Vermieter - Details - Info */
.tm .infoWrapper .gallery {
opacity: 0;
margin-top: 30px;
transition: opacity 500ms ease;
}
.tm .infoWrapper .gallery.show {
opacity: 1;
}
.tm .infoWrapper .gallery .images {
max-height: 333px;
}
.tm .infoWrapper .gallery li > a {
display: block;
width: 100%;
}
.tm .infoWrapper .gallery li > a > .copyright {
background: rgba(0,0,0,0.3);
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
position: absolute;
padding: 2px 5px;
left: 0;
bottom: 0;
}
.tm .infoWrapper .gallery .thumbnails {
display: block;
margin-top: 30px;
text-align: center;
}
.tm .infoWrapper .gallery .thumbnails li {
border: 2px solid transparent;
display: inline-block;
margin-right: 5px;
}
.tm .infoWrapper .gallery .thumbnails li.selected {
border: 2px solid #FFFFFF;
}
.tm .infoWrapper .gallery .thumbnails li:last-child {
margin-right: 0;
}
.tm .infoWrapper .gallery .thumbnails li img {
display: block;
width: 100%;
}
.tm .infoWrapper .gallery .trigger {
background: #67C484;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1;
margin: 20px auto 0;
padding: 14px 20px 16px;
text-align: center;
text-transform: uppercase;
transition: background 300ms ease;
width: 250px;
}
.tm .infoWrapper .gallery .trigger:hover {
background: #54a26c;
}
/* Nav */
.tm .infoWrapper .gallery .owl-nav > div {
position: absolute;
top: 50%;
}
.tm .infoWrapper .gallery .owl-nav > div.disabled {
opacity: 0.5;
}
.tm .infoWrapper .gallery .owl-nav > .owl-prev {
left: -85px;
}
.tm .infoWrapper .gallery .owl-nav > .owl-next {
right: -27px;
}
.tm .infoWrapper .gallery .owl-nav > div::before {
color: #FFFFFF;
content: "\1F476";
font-family: 'TirolIconsWeb';
font-size: 76px;
font-weight: normal;
line-height: 60px;
position: absolute;
width: 60px;
max-height: 60px;
text-align: center;
top: 50%;
margin-top: -30px;
}
.tm .infoWrapper .gallery .owl-nav > .owl-prev:before {
position: absolute;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@media all and (max-width: 1325px){
.tm .infoWrapper .gallery .owl-nav > .owl-prev {
left: 10px;
}
.tm .infoWrapper .gallery .owl-nav > .owl-next {
right: 70px;
}
}
@media all and (max-width: 1020px){
.tm .infoWrapper .gallery .images {
max-height: none;
}
.tm .infoWrapper .gallery .thumbnails {
display: none;
}
.tm .infoWrapper .gallery .trigger {
display: none;
}
}
@media all and (max-width: 980px){
.tm .infoWrapper .gallery .owl-nav > div:before {
font-size: 50px;
line-height: 50px;
width: 50px;
max-height: 50px;
margin-top: -35px;
}
.tm .infoWrapper .gallery .owl-nav > .owl-prev {
left: 5px;
}
.tm .infoWrapper .gallery .owl-nav > .owl-next {
right: 55px;
}
}
@media all and (max-width: 550px){
.tm .infoWrapper .gallery {
margin-left: -20px;
margin-right: -20px;
}
.tm .infoWrapper .gallery .owl-carousel .owl-stage-outer {
overflow: visible;
}
.tm .infoWrapper .gallery ul .owl-item {
transform: scale(0.9);
transition: all 300ms ease;
}
.tm .infoWrapper .gallery ul .owl-item.active {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
transform: scale(1);
z-index: 100;
}
.tm .infoWrapper .gallery .owl-nav > .owl-next {
right: 85px;
}
.tm .infoWrapper .gallery .owl-nav > .owl-prev {
left: 35px;
}
/* Dots */
.tm .infoWrapper .gallery .owl-dots {
text-align: center;
}
.tm .infoWrapper .gallery .owl-dots.disabled {
opacity: 0;
}
.tm .infoWrapper .gallery .owl-dots .owl-dot {
cursor: pointer;
display: inline-block;
}
.tm .infoWrapper .gallery .owl-dots .owl-dot > span {
background: rgba(255, 255, 255, 0.5);
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 0 7px;
width: 10px;
}
.tm .infoWrapper .gallery .owl-dots .owl-dot.active > span {
background: #ffffff;
}
}
/* TM - Vermieter - Details - Beschreibung */
.tmAccoDetail .description > h2 {
margin-bottom: 10px;
margin-top: -11px;
}
.tmAccoDetail .description > .wrapper > .text {
overflow: visible;
position: relative;
}
.tmAccoDetail .description > .wrapper > .text > p {
line-height: 1.25;
margin-bottom: 20px;
}
.tmAccoDetail .description > .wrapper > .trigger {
color: #67C484;
cursor: pointer;
display: none;
font-size: 16px;
font-weight: bold;
margin-top: 20px;
padding-left: 30px;
position: relative;
}
.tmAccoDetail .description > .wrapper > .trigger:before {
color: #67c484;
content: "+";
font-family: "Arial";
font-size: 28px;
font-weight: normal;
line-height: 1;
margin-top: -13px;
position: absolute;
left: 0;
transition: transform 300ms ease;
top: 50%;
}
.tmAccoDetail .description > .wrapper > .trigger.less:before {
content: "-";
margin-top: -15px;
}
.tmAccoDetail .description.hidden > .wrapper > .text {
overflow: hidden;
}
.tmAccoDetail .description.hidden > .wrapper > .trigger {
display: inline-block;
}
.tmAccoDetail .description.hidden.showFullText > .wrapper > .text {
height: auto !important;
}
.tmAccoDetail .description.hidden > .wrapper > .text:after {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.55) 21%, #ffffff);
bottom: 0;
content: "";
height: 70px;
left: 0;
position: absolute;
width: 100%;
}
.tmAccoDetail .description.hidden.showFullText > .wrapper > .text:after {
display: none;
}
.tmAccoDetail .description.hidden > .wrapper > .text ul > li {
padding: 1px 20px 5px 28px;
position: relative;
}
.tmAccoDetail .description.hidden > .wrapper > .text ul > li:before {
content: '\e8ed';
color: #67C484;
position: absolute;
left: -2px;
font-size: 22px;
top: 4px;
line-height: 1;
font-family: 'Webmanager';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
margin-right: .5em;
text-align: center;
font-variant: normal;
text-transform: none;
}
@media all and (max-width: 550px){
.tmAccoDetail .description.hidden > .wrapper > .text {
font-size: 16px;
}
.tmAccoDetail .description.hidden > .wrapper > .text:after {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.55) 21%, #ffffff);
bottom: 0;
content: "";
height: 170px;
left: 0;
position: absolute;
width: 100%;
}
.tmAccoDetail .description > .wrapper > .text > p {
line-height: 1.44;
margin-bottom: 20px;
}
.tmAccoDetail .description.hidden > .wrapper > .trigger {
background: #FFFFFF;
border: 2px solid #67c484;
color: #67c484;
border-radius: 5px;
display: block;
line-height: 40px;
padding: 0 50px 0 20px;
text-transform: uppercase;
}
.tmAccoDetail .description > .wrapper > .trigger:before {
left: auto;
margin-top: -19px;
position: absolute;
right: 15px;
transition: transform 300ms ease;
top: 50%;
}
}
/* TM - Vermieter - Details - Profil */
.tmAccoDetail .profile > .wrapper {
background: #F0EBDD;
display: flex;
align-items: center;
padding: 20px 30px;
justify-content: center;
}
.tmAccoDetail .profile > .wrapper .image {
display: block;
margin-right: 27px;
width: 100%;
max-width: 130px;
min-width: 130px;
}
.tmAccoDetail .profile > .wrapper .image > img {
border-radius: 50%;
display: block;
width: 100%;
}
.tmAccoDetail .profile > .wrapper .name {
margin-right: 30px;
min-width: 300px;
}
.tmAccoDetail .profile > .wrapper .noName {
min-width: 150px;
}
.tmAccoDetail .profile > .wrapper .name > .label {
color: #193c53;
font-family: "Poppins", sans-serif;
font-size: 34px;
font-weight: bold;
line-height: 1.29;
}
.tmAccoDetail .profile > .wrapper .name > .addition {
color: #8c9da9;
font-family: "Poppins", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.15;
margin-top: 3px;
}
.tmAccoDetail .profile > .wrapper .text {
font-size: 20px;
line-height: 1.15;
}
@media all and (max-width: 980px){
.tmAccoDetail .profile > .wrapper {
background: #f2e8c8;
flex-flow: column;
padding: 30px 20px;
text-align: center;
}
.tmAccoDetail .profile > .wrapper .image {
margin-right: 0;
margin-bottom: 5px;
}
.tmAccoDetail .profile > .wrapper .name {
margin-right: 0;
margin-bottom: 20px;
}
.tmAccoDetail .profile > .wrapper .name > .label {
font-size: 30px;
}
.tmAccoDetail .profile > .wrapper .name > .addition {
color: #193c53;
}
.tmAccoDetail .profile > .wrapper .text {
font-size: 16px;
line-height: 1.44;
}
}
/* TM - Vermieter - Details - Ausstattung/Dropdown */
.tmAccoDetail .dropdownContent > .contact,
.tmAccoDetail .dropdownContent > .hotspots,
.tmAccoDetail .dropdownContent > .marketingGroups {
display: none;
}
/* Ausstattung */
.tmAccoDetail .facilitiesExtended ul {
display: flex;
flex-flow: wrap;
margin: 15px 0;
}
.tmAccoDetail .facilitiesExtended ul > li {
font-size: 16px;
position: relative;
padding: 1px 20px 1px 28px;
width: 33.33%;
}
.tmAccoDetail .facilitiesExtended ul > li:before {
color: #67C484;
position: absolute;
left: -2px;
font-size: 22px;
top: 4px;
line-height: 1;
}
.tmAccoDetail .facilitiesExtended p:not(.trigger) {
color: #193c53;
font-family: "Poppins", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.15;
}
.tmAccoDetail .facilitiesExtended > .content > div {
overflow: visible;
position: relative;
}
.tmAccoDetail .facilitiesExtended > .content > .trigger {
color: #67C484;
cursor: pointer;
display: none;
font-size: 16px;
font-weight: bold;
position: relative;
text-align: center;
}
.tmAccoDetail .facilitiesExtended > .content > .trigger:after {
background: #f1f3f5;
content: "";
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 50%;
margin-top: 0;
z-index: 1;
}
.tmAccoDetail .facilitiesExtended > .content > .trigger > span {
background: #FFFFFF;
padding: 0 30px 0 60px;
position: relative;
z-index: 2;
}
.tmAccoDetail .facilitiesExtended > .content > .trigger > span:before {
color: #67c484;
content: "+";
font-family: "Arial";
font-size: 28px;
font-weight: normal;
line-height: 1;
margin-top: -13px;
position: absolute;
left: 30px;
top: 50%;
}
.tmAccoDetail .facilitiesExtended.hidden > .content > div {
overflow: hidden;
}
.tmAccoDetail .facilitiesExtended.hidden > .content > .trigger {
display: block;
}
.tmAccoDetail .facilitiesExtended.hidden > .content > div:after {
background: #ffffff;
bottom: 0;
content: "";
height: 38px;
left: 0;
position: absolute;
right: 0;
width: auto;
}
.tmAccoDetail .facilitiesExtended.hidden > .content.showFullFacilities > div {
height: auto !important;
}
.tmAccoDetail .facilitiesExtended.hidden > .content.showFullFacilities > div:after {
display: none;
}
.tmAccoDetail .facilitiesExtended > .content.showFullFacilities > .trigger > span:before {
content: "-";
margin-top: -15px;
}
/* Ausstattung Mobile */
/* Kontakt */
.tmAccoDetail .dropdownContent > .contact {
display: none;
}
.tmAccoDetail .dropdownContent > .contact .text {
font-size: 16px;
}
.tmAccoDetail .dropdownContent > .contact span {
display: table;
}
.tmAccoDetail .dropdownContent > .contact span > span {
display: inline-block;
}
/* Lage & Anreise */
.tmAccoDetail .dropdownContent > .hotspots ul > li {
font-size: 20px;
position: relative;
padding: 1px 20px 1px 28px;
}
.tmAccoDetail .dropdownContent > .hotspots ul > li:before {
color: #67C484;
position: absolute;
left: -2px;
font-size: 22px;
top: 4px;
line-height: 1;
}
.tmAccoDetail .dropdownContent > .hotspots a {
background: #67C484;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1;
padding: 14px 20px 16px 20px;
position: relative;
text-align: center;
text-transform: uppercase;
transition: background 300ms ease;
width: 250px;
margin: 30px auto 0;
}
.tmAccoDetail .dropdownContent > .hotspots a:hover {
background: #54a26c;
}
/* Marketinggruppen */
.tmAccoDetail .dropdownContent > .marketingGroups ul > li {
font-size: 20px;
position: relative;
padding: 1px 20px 1px 28px;
}
.tmAccoDetail .dropdownContent > .marketingGroups ul > li:before {
color: #67C484;
position: absolute;
left: -2px;
font-size: 22px;
top: 4px;
line-height: 1;
}
.tmAccoDetail .dropdownContent > .marketingGroups .info > p {
font-size: 14px;
margin: 10px 0;
}
@media all and (max-width: 980px){
.tmAccoDetail > .dropdownContent > div {
margin: 35px 0;
}
.tmAccoDetail .dropdownContent > .contact,
.tmAccoDetail .dropdownContent > .hotspots,
.tmAccoDetail .dropdownContent > .marketingGroups {
display: block;
}
.tmAccoDetail .facilitiesExtended ul > li {
width: 50%;
}
}
@media all and (max-width: 650px){
.tmAccoDetail .facilitiesExtended ul > li {
width: 100%;
}
}
@media all and (max-width: 550px){
.tmAccoDetail .dropdownContent {
background: #193c53;
padding: 12px 20px;
}
.tmAccoDetail .dropdownContent > div {
border-bottom: 2px solid #8c9da9;
color: #FFFFFF;
margin: 0;
}
.tmAccoDetail .dropdownContent > div:last-child {
border: none;
}
.tmAccoDetail .dropdownContent > div > h2 {
color: #FFFFFF;
cursor: pointer;
font-size: 20px;
font-weight: 600;
margin: 0;
padding: 14px 0 13px;
position: relative;
}
.tmAccoDetail .dropdownContent > div > h2:before {
color: #67c484;
content: "+";
font-size: 38px;
font-weight: normal;
right: 0;
line-height: 1;
margin: -19px 0 0;
position: absolute;
top: 50%;
z-index: 1;
}
.tmAccoDetail .dropdownContent > div.open > h2:before {
content: "-";
right: -3px;
}
.tmAccoDetail .dropdownContent > div .content {
max-height: 0;
opacity: 0;
overflow: hidden;
transition: padding 500ms ease, opacity 500ms ease, max-height 500ms ease;
z-index: -1;
}
.tmAccoDetail .dropdownContent > div.open .content {
max-height: 100%;
opacity: 1;
padding: 0 0 15px;
z-index: 0;
}
/* Ausstattung */
.tmAccoDetail .facilitiesExtended.open > .content {
padding: 0 0 30px !important;
}
.tmAccoDetail .facilitiesExtended > .content > div {
padding-left: 17px;
}
.tmAccoDetail .facilitiesExtended.hidden > .content > div:after {
display: none;
}
.tmAccoDetail .facilitiesExtended p:not(.trigger) {
color: #67c484;
}
.tmAccoDetail .facilitiesExtended > .content > .trigger:after {
display: none;
}
.tmAccoDetail .facilitiesExtended > .content > .trigger {
background: none;
border: 2px solid #67c484;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #67c484;
border-radius: 5px;
display: block;
line-height: 40px;
margin-top: 5px;
padding: 0 50px 0 20px;
text-transform: uppercase;
}
.tmAccoDetail .facilitiesExtended > .content > .trigger:before {
color: #67c484;
content: "+";
font-family: "Arial";
font-size: 38px;
font-weight: normal;
line-height: 1;
left: auto;
margin-top: -19px;
position: absolute;
right: 15px;
transition: transform 300ms ease;
top: 50%;
}
.tmAccoDetail .facilitiesExtended > .content > .trigger > span {
display: block;
background: none;
padding: 0;
position: relative;
}
.tmAccoDetail .facilitiesExtended > .content > .trigger > span:before {
display: none;
}
/* Lage & Anreise */
.tmAccoDetail .dropdownContent > .hotspots a {
width: 100%;
margin: 10px auto 15px;
}
/* Marketinggruppen */
.tmAccoDetail .dropdownContent > .marketingGroups ul > li {
padding: 1px 0 1px 28px;
}
}
/* TM - Vermieter - Details - Weiter Links */
.tmAccoDetail .links ul > li {
padding: 1px 0 1px 37px;
position: relative;
}
.tmAccoDetail .links ul > li:before {
color: #8c9da9;
font-family: "TirolIconsWeb";
font-size: 34px;
font-weight: normal;
position: absolute;
top: 50%;
line-height: 1;
margin-top: -17px;
left: 0;
}
.tmAccoDetail .links ul > li.other:before {
content: "\1F73D";
}
.tmAccoDetail .links ul > li.fb:before {
content: "\1F41C";
font-size: 40px;
left: -2px;
margin-top: -20px;
}
.tmAccoDetail .links ul > li.pano:before {
content: "\1F76B";
font-size: 32px;
margin-top: -16px;
}
.tmAccoDetail .links ul > li.video:before {
content: "\1F488";
}
.tmAccoDetail .links ul > li.ig:before {
content: "\1F708";
font-size: 40px;
left: -2px;
margin-top: -20px;
}
.tmAccoDetail .links ul > li.livecam:before {
content: "\1F4CA";
font-size: 50px;
left: -5px;
margin-top: -25px;
}
/* TM - Vermieter - Details - Anfrage */
.tmAccoDetail .tmAccoFormRequest {
margin-bottom: 90px;
}
.tmAccoDetail .tmAccoFormRequest h2 {
font-size: 60px;
font-weight: bold;
line-height: 1.18;
margin: 0 0 46px;
padding: 0;
text-align: center;
}
.tmAccoDetail .wmForm .row.multicolumn > div {
padding: 0;
}
.tmAccoDetail .wmForm .row.multicolumn > .msg.error {
margin: 40px 0 0 0;
padding: 10px 20px;
}
.tmAccoDetail .wmForm .row.multicolumn > .msg.success {
margin: 40px 0 0 0;
padding: 10px 20px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata {
display: flex;
padding: 0 10px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row {
padding: 0;
width: 250px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.arrival {
margin-right: 10px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.persons {
margin-left: 33px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.arrival .icon,
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.departure .icon {
bottom: auto;
height: 50px;
margin-top: -5px;
pointer-events: none;
position: absolute;
right: 0;
top: 50%;
width: 50px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.arrival .icon:before,
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.departure .icon:before {
color: #8c9da9;
content: "\1F6CF";
font-size: 60px;
margin-top: -30px;
right: -3px;
font-family: "TirolIconsWeb";
font-weight: normal;
line-height: 1;
position: absolute;
top: 50%;
transition: color 300ms ease;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row > input {
background: #f1f3f5;
border: 2px solid transparent;
cursor: pointer;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.check > input {
border: 2px solid #67c484;
border-top: 2px solid #67c484;
box-shadow: 0 0 6px -3px #67c484;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.validationError > input {
background: #f8e4e6;
border: 2px solid #ee5c5c;
border-top: 2px solid #cf4141;
box-shadow: 0 0 6px -3px #cb2f2f;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row > label {
margin: 0 0 14px 0;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.persons > .value {
background: #f1f3f5;
border-radius: 5px;
cursor: pointer;
display: block;
font-size: 15px;
line-height: 50px;
padding: 0 20px;
}
.tmAccoDetail .tmAccoFormRequest .container {
display: flex;
margin: 0;
padding: 0 10px;
}
.tmAccoDetail .tmAccoFormRequest .container > .row.multicolumn {
float: none;
margin: 0;
width: 509px;
padding: 0;
}
.tmAccoDetail .tmAccoFormRequest .container > .row.multicolumn:nth-child(2) {
margin-left: 33px;
width: 598px;
padding: 0;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.remarks {
margin-bottom: 70px;
}
.tmAccoDetail .tmAccoFormRequest .container .row > label {
margin: 0 0 4px 0;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox {
display: block;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox > p.label {
display: none;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox .icon {
background: #FFFFFF;
border: 2px solid #CCCCCC;
content: "";
height: 24px;
left: 0;
margin-top: -12px;
position: absolute;
top: 50%;
transition: background 500ms ease, border 500ms ease;
width: 24px;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox.check .icon {
background: #67c484;
border: 2px solid #67c484;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox .icon:before {
color: #FFFFFF;
font-size: 23px;
font-weight: normal;
margin-left: 1px;
margin-right: 0;
position: absolute;
top: -2px;
left: -2px;
opacity: 0;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox input:checked + div > .icon:before {
opacity: 1;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox .icon:after {
display: none;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox > p {
color: #666666;
cursor: pointer;
font-size: 16px;
font-weight: normal;
padding-left: 38px;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.checkbox > p > a {
font-weight: normal;
text-decoration: underline;
}
.tmAccoDetail .tmAccoFormRequest .container .row.select:before {
color: #67c484;
font-family: "webmanager";
font-size: 8px;
font-weight: normal;
content: "\E8EB";
right: 22px;
line-height: 1;
margin: 10px 0 0;
position: absolute;
top: 50%;
z-index: -1;
}
.tmAccoDetail .tmAccoFormRequest .container .row.select > select {
outline: none !important;
background: none;
z-index: 2;
}
.tmAccoDetail .tmAccoFormRequest .container .row.select > select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.dialcode {
width: 100%;
float: left;
margin: 0;
position: relative;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.dialcode > div {
position: relative;
background: none;
width: 32.42%;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.dialcode > div:before {
color: #67c484;
font-family: "webmanager";
font-size: 8px;
font-weight: normal;
content: "\E8EB";
right: 22px;
line-height: 1;
margin: -4px 0 0;
position: absolute;
top: 50%;
z-index: 1;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.dialcode > div > select {
outline: none;
width: 100%;
position: relative;
background: none;
padding: 0 10px;
z-index: 2;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.dialcode > div > select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.phone {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
width: 65.63%;
}
.tmAccoDetail .tmAccoFormRequest .reCaptchaPolicy {
bottom: -40px;
font-size: 14px;
left: 0;
padding-right: 10px;
position: absolute;
}
.tmAccoDetail .tmAccoFormRequest .button {
display: inline-block;
float: none;
margin: 0;
padding: 0;
position: absolute;
width: auto;
bottom: 0;
right: 0;
}
.tmAccoDetail .tmAccoFormRequest .button > input,
.tmAccoDetail .tmAccoFormRequest .button > button {
transition: background 300ms ease;
}
.tmAccoDetail .tmAccoFormRequest .row > .field::-webkit-input-placeholder {
color: #FFFFFF ;
opacity: 0;
}
.tmAccoDetail .tmAccoFormRequest .row > .field:-moz-placeholder {
color: #FFFFFF ;
opacity: 0;
}
.tmAccoDetail .tmAccoFormRequest .row > .field::-moz-placeholder {
color: #FFFFFF ;
opacity: 0;
}
.tmAccoDetail .tmAccoFormRequest .row > .field:-ms-input-placeholder {
color: #FFFFFF ;
opacity: 0;
}
.tmAccoDetail .tmAccoFormRequest .row > .field::-ms-clear {
display: none;
}
@media all and (max-width: 980px){
.tmAccoDetail .tmAccoFormRequest h2 {
font-size: 30px;
line-height: 1.27;
}
}
@media all and (max-width: 768px){
.tmAccoDetail .wmForm .field {
border: 2px solid #707070;
padding-left: 10px;
padding-right: 10px;
}
.tmAccoDetail .wmForm select.field {
padding-left: 10px;
padding-right: 10px;
}
.tmAccoDetail .wmForm textarea.field {
padding: 10px;
}
.tmAccoDetail .tmAccoFormRequest h2 > br {
display: none;
}
.tmAccoDetail .tmAccoFormRequest .traveldata {
display: block;
margin-bottom: 20px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row {
float: left;
width: 48%;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.arrival {
margin-right: 4%;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.persons {
clear: left;
margin: 0;
float: none;
width: 100%;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row > input {
background: none;
border: 2px solid #707070;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.persons > .value {
background: none;
border: 2px solid #707070;
}
.tmAccoDetail .tmAccoFormRequest .container {
flex-flow: column;
}
.tmAccoDetail .tmAccoFormRequest .container > .row.multicolumn {
width: 100%;
}
.tmAccoDetail .tmAccoFormRequest .container > .row.multicolumn:nth-child(2) {
margin: 15px 0 0;
width: 100%;
}
.tmAccoDetail .tmAccoFormRequest .container .row > label {
display: none;
font-size: 16px;
}
.tmAccoDetail .tmAccoFormRequest .container .row.dialcode > label,
.tmAccoDetail .tmAccoFormRequest .container .row.remarks > label {
display: block;
}
.tmAccoDetail .tmAccoFormRequest .container .row.select:before {
margin: -4px 0 0;
}
.tmAccoDetail .tmAccoFormRequest .container .row > .row.remarks {
margin-bottom: 30px;
}
.tmAccoDetail .tmAccoFormRequest .button {
display: block;
position: relative;
bottom: auto;
left: auto;
margin: 0 10px;
}
.tmAccoDetail .tmAccoFormRequest .button > input {
width: 100%;
}
.tmAccoDetail .tmAccoFormRequest .row > .field::-webkit-input-placeholder {
color: #333333 ;
opacity: 1;
}
.tmAccoDetail .tmAccoFormRequest .row > .field:-moz-placeholder {
color: #333333 ;
opacity: 1;
}
.tmAccoDetail .tmAccoFormRequest .row > .field::-moz-placeholder {
color: #333333 ;
opacity: 1;
}
.tmAccoDetail .tmAccoFormRequest .row > .field:-ms-input-placeholder {
color: #333333 ;
opacity: 1;
}
.tmAccoDetail .tmAccoFormRequest .reCaptchaPolicy {
bottom: 0;
left: 0;
position: relative;
margin-top: 10px;
}
.tmAccoDetail .wmForm .row.multicolumn > .msg.error {
margin-bottom: 20px;
}
}
@media all and (max-width: 370px){
.tmAccoDetail .tmAccoFormRequest .traveldata > .row > input {
padding: 0 15px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.arrival:before,
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.departure:before {
right: -8px;
}
}
@media all and (max-width: 340px){
.tmAccoDetail .tmAccoFormRequest .traveldata > .row > input {
padding: 0 10px;
}
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.arrival:before,
.tmAccoDetail .tmAccoFormRequest .traveldata > .row.departure:before {
right: -11px;
}
}
/* TM - Vermieter - Details - Zimmer */
.tmAccoDetail > div .rooms .header > .subheader {
background: #F1F3F5;
padding: 10px 15px;
position: relative;
margin: 0 0 40px;
}
.tmAccoDetail > div .rooms .header > .subheader > h3 {
font-size: 16px;
padding: 0 250px 0 0;
margin-bottom: 0;
margin-top: 0;
}
.tmAccoDetail > div .rooms .header > .subheader > h3 > .date {
margin: 0 5px 0 0;
}
.tmAccoDetail > div .rooms .header > .subheader > h3 > .date:after {
content: "";
display: block;
}
.tmAccoDetail > div .rooms .header > .subheader > a {
background: #67C484;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1;
float: left;
padding: 14px 60px 16px 20px;
text-align: center;
text-transform: uppercase;
transition: background 300ms ease;
position: absolute;
right: 15px;
top: 10px;
}
.tmAccoDetail > div .rooms .header > .subheader > a:hover {
background: #54a26c;
}
.tmAccoDetail > div .rooms .entry {
background: #193c53;
margin: 0 0 20px;
padding: 10px 13px 15px 17px;
position: relative;
}
.tmAccoDetail > div .rooms .entry.noFreeCancelation::before {
background: #67C484;
color: #FFFFFF;
content: "Bestes Angebot";
font-size: 16px;
font-weight: bold;
line-height: 30px;
left: 0;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: 0;
z-index: 1;
}
.tmAccoDetail > div .rooms .entry.noFreeCancelation {
padding-top: 40px;
}
.tmAccoDetail > div .rooms .entry:last-child {
margin-bottom: 0;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent {
position: relative;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent > .mobileTitle {
color: #FFFFFF;
display: none;
font-family: "Poppins", sans-serif;
font-size: 25px;
font-weight: 600;
line-height: 1.22;
margin-bottom: 10px;
padding-right: 40px;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent > .special {
background: #67c484;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
left: -17px;
position: absolute;
padding: 2px 10px 1px;
top: 10px;
z-index: 1;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img {
bottom: 0;
left: 0;
max-height: 153px;
position: absolute;
top: 5px;
width: 21.35%; /* 153 */
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image {
bottom: 0;
display: block;
position: absolute;
top: 0;
width: 100%;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image.hide {
display: none;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image .icon {
background: #67c484;
color: #FFFFFF;
height: 30px;
line-height: 28px;
width: 30px;
position: absolute;
right: 5px;
bottom: 5px;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image .icon:before {
content: "\1F76C";
font-family: "TirolIconsWeb";
font-size: 38px;
font-weight: normal;
position: absolute;
left: 50%;
margin-left: -15px;
max-height: 30px;
max-width: 30px;
top: 50%;
margin-top: -14px;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image img {
display: block;
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
transition: transform 1000ms ease 0s;
width: 100%;
}
.tmAccoDetail > div .rooms .entry .cwrapper {
margin: 0 0 0 21.35%;
min-height: 150px;
padding: 0 0 65px 13px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content {
color: #FFFFFF;
min-height: 123px;
position: relative;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .title {
font-family: "Poppins", sans-serif;
font-size: 25px;
font-weight: 600;
line-height: 1.22;
margin-bottom: 10px;
padding-right: 40px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > p.facilities {
float: left;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .request {
color: #FFFFFF;
position: absolute;
right: -9px;
top: -9px;
height: 45px;
width: 45px;
transition: color 300ms ease;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .request:before {
content: "\1F620";
font-family: "TirolIconsWeb";
font-size: 44px;
font-weight: normal;
position: absolute;
left: 4px;
line-height: 1;
top: 50%;
margin-top: -22px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .request:hover {
color: #67c484;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .facilities > span {
border: 1px solid #FFFFFF;
color: #FFFFFF;
display: inline-block;
height: 30px;
line-height: 28px;
width: 30px;
position: relative;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .facilities > span:before {
font-family: "TirolIconsWeb";
font-size: 38px;
font-weight: normal;
position: absolute;
left: 50%;
margin-left: -15px;
max-height: 30px;
max-width: 30px;
top: 50%;
margin-top: -14px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .facilities > span.wlan:before {
content: "\1F709";
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .facilities > span.accessible:before {
content: "\1F6C1";
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .cancellationMark {
color: #FFFFFF;
float: left;
font-size: 16px;
font-weight: bold;
line-height: 24px;
margin: 3px 0 5px 0;
padding: 0 0 0 30px;
position: relative;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .cancellationMark:before {
background: #67C484;
color: #FFFFFF;
content: "\1F707";
display: block;
left: 0;
font-family: 'TirolIconsWeb';
font-size: 30px;
font-weight: normal;
position: absolute;
top: 0;
height: 24px;
width: 24px;
line-height: 24px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .facilities + .cancellationMark {
margin-left: 20px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info {
clear: both;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span {
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
padding-left: 25px;
position: relative;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span:before {
color: #8c9da9;
font-family: "TirolIconsWeb";
font-size: 22px;
font-weight: normal;
position: absolute;
left: 0;
line-height: 1;
top: 50%;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.size:before {
content: "\1F516";
margin-top: -10px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.bedrooms:before {
content: "\1F769";
font-size: 34px;
left: -3px;
margin-top: -17px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.persons:before {
content: "\1F59C";
font-size: 34px;
left: -4px;
margin-top: -17px;
}
.tmAccoDetail.camping > div .rooms .entry .cwrapper > .price {
display: none !important;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price {
text-align: right;
position: absolute;
right: 0;
bottom: 55px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > span.value {
color: #FFFFFF;
display: block;
font-family: "Poppins", sans-serif;
font-size: 34px;
font-weight: bold;
line-height: 1;
margin-top: 1px;
padding: 0 30px 0 0;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > span.value > span:before {
background: #67C484;
color: #FFFFFF;
content: "\1F707";
display: block;
font-family: 'TirolIconsWeb';
font-size: 30px;
font-weight: 500;
right: 0;
position: absolute;
bottom: 6px;
height: 24px;
width: 24px;
line-height: 24px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > span.rule {
color: #FFFFFF;
display: block;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: normal;
margin-top: 5px;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper {
bottom: 0;
left: 0;
position: absolute;
right: 0;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .details {
color: #67c484;
font-size: 16px;
font-weight: bold;
line-height: 1;
padding-right: 24px;
position: relative;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .details:before {
color: #67c484;
font-family: "webmanager";
font-size: 6px;
font-weight: normal;
content: "\E8EB";
right: 0;
line-height: 1;
margin: -1px 0 0;
position: absolute;
top: 50%;
}
.tmAccoDetail > div .rooms .entry.show .cwrapper .actionWrapper .details:before {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a {
background: #67C484;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1;
padding: 14px 60px 16px 20px;
position: relative;
text-align: center;
text-transform: uppercase;
transition: background 300ms ease;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li.booking > a {
background: #ee5f55;
text-align: left;
font-size: 16px;
font-weight: bold;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a:before {
content: "\1F5F5";
color: #FFFFFF;
font-size: 34px;
margin-top: -17px;
font-family: "TirolIconsWeb";
font-weight: normal;
position: absolute;
top: 50%;
right: 10px;
transition: color 300ms ease;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li.booking > a:before {
content: "\1F476";
margin-top: -17px;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a:hover {
background: #54a26c;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li.booking > a:hover {
background: #c9524b;
}
.tmAccoDetail > div .rooms .entry .actionWrapper > ul.buttons > li.booking > a.multi {
display: none;
}
.tmAccoDetail > div .rooms.multi .entry .actionWrapper > ul.buttons > li > a {
display: none;
}
.tmAccoDetail > div .rooms.multi .entry .actionWrapper > ul.buttons > li > a.multi {
display: block;
}
.tmAccoDetail > div .rooms.multi .entry .cwrapper > .buttons > li > a.multi {
display: block;
}
/* hidden content */
.tmAccoDetail > div .rooms .entry > .hiddenContent {
max-height: 0;
overflow: hidden;
opacity: 0;
padding: 0 13px;
position: relative;
transition: opacity 500ms ease, max-height 500ms ease;
z-index: -1;
}
.tmAccoDetail > div .rooms .entry.show > .hiddenContent {
margin-top: 18px;
max-height: 1400px;
opacity: 1;
padding-bottom: 10px;
padding-left: 0;
padding-top: 12px;
padding-right: 0;
z-index: 0;
}
.tmAccoDetail > div .rooms .entry > .hiddenContent > p {
color: #FFFFFF;
font-size: 16px;
font-weight: normal;
margin-bottom: 18px;
}
.tmAccoDetail > div .rooms .entry > .hiddenContent > p:last-child {
margin-bottom: 0;
}
.tmAccoDetail > div .rooms .entry > .hiddenContent ul {
display: flex;
flex-flow: wrap;
margin: 10px 0 0;
}
.tmAccoDetail > div .rooms .entry > .hiddenContent ul > li {
font-size: 16px;
position: relative;
padding: 2px 20px 3px 28px;
width: 33.33%;
}
.tmAccoDetail > div .rooms .entry > .hiddenContent ul > li:before {
color: #67C484;
content: '\e8ed';
font-family: 'Webmanager';
position: absolute;
left: -2px;
font-size: 22px;
top: 4px;
line-height: 1;
}
.tmAccoDetail > div .rooms .mainRoomContent > .cwrapper .highlights {
display: none;
}
/* Zimmer - Angebote */
.tmAccoDetail > div .rooms.roomoffers h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
margin-top: -8px;
text-align: left;
}
.tmAccoDetail > div .rooms.roomoffers h3 > span {
text-decoration: underline;
}
.tmAccoDetail > div .rooms.roomoffers h3 + a {
display: block;
font-size: 16px;
margin-bottom: 40px;
padding: 0 0 0 36px;
position: relative;
}
.tmAccoDetail > div .rooms.roomoffers h3 + a:before {
content: "\1F798";
font-family: 'TirolIconsWeb';
font-size: 40px;
font-weight: normal;
line-height: 1;
position: absolute;
right: 10px;
top: 0;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper {
padding: 0 0 65px 13px;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price {
bottom: 55px;
padding-left: 155px;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition {
background: #f0ebdd;
border-radius: 4px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #4d4945;
display: none;
font-size: 14px;
font-weight: 500;
left: 50%;
padding: 15px 20px 15px 20px;
position: absolute;
top: 80px;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 440px;
z-index: 10;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition > span {
display: block;
text-align: left;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition > .storno {
margin: 10px 0 0 0;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition > .storno > .title {
display: block;
font-weight: bold;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > .storno {
color: #FFF;
display: inline-block;
font-size: 14px;
right: 0;
position: relative;
white-space: nowrap;
width: 100%;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .value:hover + .addition {
display: block;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > span.availability {
color: #67c484;
font-size: 14px;
font-weight: bold;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > span.availability > span {
font-size: 20px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > .catering {
background: #FFFFFF;
border: 2px solid #999999;
border-radius: 5px;
display: block;
margin: 0 0 10px 0;
top: 2px;
left: 0;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > .catering:before {
color: #67c484;
font-family: "webmanager";
font-size: 6px;
font-weight: normal;
content: "\E8EB";
right: 10px;
line-height: 1;
margin: -3px 0 0;
position: absolute;
top: 14px;
transition: color 300ms ease;
z-index: 1;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > .catering > select {
background: none;
border: none;
color: #999999;
cursor: pointer;
display: block;
font-size: 12px;
font-weight: bold;
line-height: 24px;
padding: 0 30px 0 7px;
position: relative;
outline: none;
z-index: 2;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > .catering > select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > .label {
color: #FFF;
display: block;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: normal;
text-align: left;
}
@media all and (max-width: 1220px){
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition {
left: auto;
right: 0;
-webkit-transform: none;
transform: none;
}
}
@media all and (max-width: 770px){
.tmAccoDetail > div .rooms .header > .subheader > h3 {
padding-right: 0;
}
.tmAccoDetail > div .rooms .header > .subheader > h3 > .date:after {
display: none;
}
.tmAccoDetail > div .rooms .header > .subheader > a {
float: none;
margin: 10px 0 5px 0;
position: relative;
right: 0;
top: 0;
}
}
@media all and (max-width: 750px){
.tmAccoDetail > div .rooms .entry .cwrapper {
padding: 0 0 0 13px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price {
text-align: right;
position: relative;
right: auto;
bottom: auto;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper {
bottom: auto;
left: auto;
position: relative;
right: auto;
display: flex;
justify-content: unset;
align-items: flex-start;
flex-direction: column-reverse;
margin-top: 10px;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper > .buttons {
margin-top: 0;
width: 100%;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a {
text-align: left;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .details {
margin-top: 15px;
}
.tmAccoDetail > div .rooms .entry > .hiddenContent ul > li {
width: 50%;
}
/* Angebote */
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper {
padding: 0 0 0 13px;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .content {
margin-bottom: 20px;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price {
bottom: auto;
padding-left: 0;
position: relative;
right: auto;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price:after {
clear: both;
content: "";
display: block;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > span.value {
float: right;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .catering {
position: relative;
top: auto;
left: auto;
margin-top: 2px;
float: left;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > span.availability {
display: none;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li.booking > a {
width: 100%;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .price > .label {
text-align: right;
}
}
@media all and (max-width: 550px){
.tmAccoDetail > div .rooms .entry {
padding: 15px 15px 20px;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent > .mobileTitle {
display: block;
padding-right: 0;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .title {
display: none;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img {
bottom: auto;
left: auto;
max-height: none;
position: relative;
top: auto;
width: 100%;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image {
bottom: auto;
position: static;
top: auto;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image .more {
display: none;
}
.tmAccoDetail > div .rooms .entry .mainRoomContent .img .image img {
height: auto;
left: auto;
object-fit: unset;
position: relative;
top: auto;
transition: none;
}
.tmAccoDetail > div .rooms .entry .cwrapper {
margin: 10px 0 0;
padding: 0;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content {
margin-bottom: 15px;
min-height: auto;
padding-top: 40px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .request {
display: none;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > p.facilities {
float: none;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .cancellationMark {
float: none;
margin: 15px 0 0 0;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
top: 5px;
width: 100%;
}
.tmAccoDetail > div .rooms .entry > .hiddenContent {
padding: 0 !important;
}
.tmAccoDetail > div .rooms .entry.show > .hiddenContent {
margin-top: 20px;
padding: 0 !important;
}
.tmAccoDetail > div .rooms .entry > .hiddenContent ul > li {
width: 100%;
}
/* Angebote */
.tmAccoDetail > div .rooms.roomoffers h3 {
margin-bottom: 22px;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper {
padding: 0;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .content {
margin-bottom: 15px;
min-height: auto;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price {
bottom: auto;
padding-left: 0;
position: relative;
right: auto;
width: 100%;
z-index: 1;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .content > .info {
justify-content: flex-start;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .content > .info > span {
margin-right: 15px;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition {
width: 300px;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .storno {
bottom: auto;
clear: both;
display: block;
left: auto;
position: relative;
padding-top: 5px;
}
}
@media all and (max-width: 450px){
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > span.value {
float: none;
display: block;
margin-bottom: 5px;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .catering {
float: none;
display: inline-block;
}
}
@media all and (max-width: 375px){
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span {
font-size: 14px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.bedrooms:before {
font-size: 30px;
margin-top: -15px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.persons {
padding-left: 20px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.persons:before {
font-size: 30px;
margin-top: -15px;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a {
padding: 14px 50px 16px 10px;
}
}
@media all and (max-width: 350px){
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span {
margin-right: 5px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.size {
min-width: 70px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.bedrooms {
margin-right: 5px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span.persons {
min-width: 80px;
}
.tmAccoDetail > div .rooms .entry .cwrapper > .content > .info > span:after {
margin-right: 0;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a {
padding: 14px 40px 16px 10px;
}
.tmAccoDetail > div .rooms .entry .cwrapper .actionWrapper .buttons > li > a:before {
right: 6px;
}
.tmAccoDetail > div .rooms.roomoffers .entry .cwrapper > .price > .addition {
right: -25px;
width: 300px;
}
.tmAccoDetail > div .rooms .header > .subheader > a {
padding-left: 19px;
padding-right: 59px;
}
}
/* TM - Vermieter - Detail - Zimmer - Error */
.tmAccoDetail .roomoffers > div > .error {
background: #f8e4e6;
border: 2px solid #ee5c5c;
border-radius: 4px;
font-size: 16px;
margin: 0 0 20px 0;
padding: 8px 15px;
}
.tmAccoDetail .roomoffers > div > .buttons {
text-align: right;
}
.tmAccoDetail .roomoffers > div > .buttons > li {
display: inline-block;
}
.tmAccoDetail .roomoffers > div > .buttons > li > a {
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
display: block;
font-size: 16px;
font-weight: normal;
line-height: 1;
padding: 17px 65px 17px 20px;
position: relative;
transition: background 300ms ease, color 300ms ease;
}
.tmAccoDetail.hasNoMail .roomoffers > div > .buttons > li.request {
display: none;
}
.tmAccoDetail .roomoffers > div > .buttons > li.request > a {
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
background: #67C484;
margin-right: 10px;
}
.tmAccoDetail .roomoffers > div > .buttons > li.request > a:before {
content: "\1F620";
color: #FFFFFF;
font-size: 40px;
margin-top: -20px;
font-family: "TirolIconsWeb";
font-weight: normal;
position: absolute;
top: 50%;
right: 10px;
transition: color 300ms ease;
}
.tmAccoDetail .roomoffers > div > .buttons > li.request > a:hover {
background: #54a26c;
}
.tmAccoDetail .roomoffers > div > .buttons > li.avail > a {
background: #EE5F55;
color: #FFFFFF;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.tmAccoDetail .roomoffers > div > .buttons > li.avail > a:before {
content: "\1F5F5";
color: #FFFFFF;
font-size: 40px;
margin-top: -20px;
font-family: "TirolIconsWeb";
font-weight: normal;
position: absolute;
top: 50%;
right: 10px;
transition: color 300ms ease;
}
.tmAccoDetail .roomoffers > div > .buttons > li.avail > a:hover {
background: #c9524b;
}
/* TM - Vermieter - Detail - Verfügbarkeit */
.tmAccoDetail .availability {
display: none;
}
body.overlay {
overflow: hidden;
}
body.overlay .ContentWrapper {
filter: blur(15px);
}
#OverlayWrapper {
background: rgba(33, 68, 91, 0.9);
bottom: 0;
left: 0;
overflow: auto;
position: fixed;
top: 120px;
width: 100%;
z-index: 9000;
}
#OverlayWrapper > .close {
border: 2px solid #67c484;
border-radius: 4px;
color: #67c484;
cursor: pointer;
height: 40px;
line-height: 42px;
margin: 0 -570px 0 0;
position: absolute;
right: 50%;
text-align: center;
top: 40px;
transition: all 300ms ease;
width: 40px;
z-index: 11;
}
#OverlayWrapper > .close:before {
display: block;
line-height: 38px;
margin: 0;
transition: color 300ms ease;
}
#OverlayWrapper > .close:hover {
background: #67c484;
color: #FFFFFF;
}
/* Overlay */
#OverlayWrapper .availability {
margin: 0 auto;
max-width: 888px;
padding: 60px 20px 170px 20px;
position: relative;
z-index: 1;
}
#OverlayWrapper .availability > .wrapper {
background: #f1f3f5;
border: 2px solid #67c484;
border-radius: 5px;
padding: 20px;
}
#OverlayWrapper .availability header {
z-index: 1;
}
#OverlayWrapper .availability header:after {
clear: both;
content: "";
display: block;
}
#OverlayWrapper .availability header h2 {
color: #FFFFFF;
margin: 0;
}
#OverlayWrapper .availability header h2 > span {
color: #FFFFFF;
}
#OverlayWrapper .availability header > .title {
color: #FFF;
text-align: center;
}
#OverlayWrapper .availability > .infobox {
display: none;
}
/* Zimmerauswahl */
#OverlayWrapper .traveldata {
background: none;
clear: both;
margin: 40px 0 0 0;
opacity: 1;
position: relative;
visibility: visible;
}
.packagedetail #OverlayWrapper .traveldata {
margin: 20px 0 0 0;
}
#OverlayWrapper .traveldata:before {
display: none;
}
#OverlayWrapper .traveldata > .roomSelection {
display: block;
left: 0;
padding-top: 0;
position: relative;
top: 0;
transform: none;
width: 100%;
}
.packagedetail #OverlayWrapper .traveldata > .roomSelection {
padding-bottom: 20px;
}
#OverlayWrapper .traveldata .roomoverlay {
color: #525252;
}
#OverlayWrapper .traveldata > .roomSelection > .rooms {
padding-left: 234px;
padding-right: 234px;
}
#OverlayWrapper .traveldata > .roomSelection > .rooms > .room {
overflow: visible;
}
#OverlayWrapper .traveldata > .roomSelection > .rooms > .room > label {
display: block;
font-weight: 600;
margin: 0 0 15px 0;
left: -150px;
position: absolute;
top: 41px;
}
/* Pauschalen - Auswahl Nächte */
.packagedetail #OverlayWrapper .traveldata > .row.nights {
align-items: center;
display: flex;
margin: 0 auto 50px;
padding: 0;
position: relative;
width: 268px;
z-index: 1;
}
.packagedetail #OverlayWrapper .traveldata > .row.nights label {
color: #FFFFFF;
display: block;
font-size: 18px;
font-weight: bold;
margin: 0 20px 0 0;
}
.packagedetail #OverlayWrapper .traveldata > .row.nights > select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: #FFFFFF;
border: 2px solid #999;
border-radius: 4px;
box-shadow: none;
color: #000000;
cursor: pointer;
font-size: 16px;
font-weight: 500;
height: 50px;
outline: none;
padding: 0 19px 0 19px;
width: 100%;
}
.packagedetail #OverlayWrapper .traveldata > .row.nights > .icon {
bottom: auto;
font-size: 8px;
pointer-events: none;
position: absolute;
right: 0;
top: 50%;
height: 50px;
width: 50px;
margin-top: -25px;
}
.packagedetail #OverlayWrapper .traveldata > .row.nights > .icon:before {
bottom: 20px;
color: #8c9da9;
font-family: "webmanager";
font-size: 8px;
font-weight: normal;
content: "\E8EB";
right: 20px;
line-height: 1;
position: absolute;
transition: color 300ms ease;
z-index: 1;
}
/* Legende */
#OverlayWrapper .calendar.active + .addition {
display: block;
margin: 40px 0 0 0;
}
#OverlayWrapper .addition:after {
clear: both;
content: "";
display: block;
}
#OverlayWrapper .addition > .infoMessage {
display: none;
}
#OverlayWrapper .addition > .infoMessage.msg2 {
color: #FFF;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
margin: 40px 0 0px 0;
text-align: center;
}
#OverlayWrapper .addition > .infoMessage.msg2.show {
display: block;
}
#OverlayWrapper .addition > .infoMessage.msg2 > span {
color: #FFFFFF;
display: inline-block;
}
#OverlayWrapper .addition > .infoMessage.msg2 > .label {
display: block;
margin: 0 0 10px 0;
}
#OverlayWrapper .addition > .infoMessage.msg2 > .date:before {
color: #8c9da9;
content: "\1F6CF";
display: block;
font-size: 60px;
font-family: "TirolIconsWeb";
font-weight: normal;
line-height: 1;
}
#OverlayWrapper .addition > .infoMessage.msg2 > .until {
margin: 0 20px 0 20px;
position: relative;
top: -32px;
}
#OverlayWrapper .addition > .infoMessage.msg2 > .until:before {
color: #FFFFFF;
content: "\1F476";
display: block;
font-size: 30px;
font-family: "TirolIconsWeb";
font-weight: normal;
line-height: 1;
}
#OverlayWrapper .addition > ul {
float: left;
margin: 12px 0 0;
}
#OverlayWrapper .addition > ul:after {
clear: both;
content: "";
display: block;
}
#OverlayWrapper .addition > ul > li {
color: #333;
float: left;
font-size: 12px;
font-weight: normal;
margin: 0 20px 0 0;
padding: 0 0 0 20px;
position: relative;
}
#OverlayWrapper .addition > ul > li:before {
background: #67c484;
content: "";
height: 10px;
left: 0;
position: absolute;
top: 3px;
width: 10px;
}
#OverlayWrapper .addition > ul > li.highlight:before {
background: #193c53;
}
#OverlayWrapper .addition > ul > li.partlyavailable:before {
background: rgba(103, 196, 132, 0.5);
}
#OverlayWrapper .addition > .buttonWrapper {
bottom: 60px;
display: block;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
#OverlayWrapper .addition > .buttonWrapper > .button {
background: #67c484;
border-radius: 4px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
color: #FFF;
display: inline-block;
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 500;
height: 50px;
line-height: 48px;
padding: 0 60px 0 20px;
position: relative;
right: auto;
text-transform: uppercase;
top: auto;
transition: background 300ms ease;
left: auto;
bottom: auto;
}
#OverlayWrapper .addition > .buttonWrapper > .button:before {
color: #FFFFFF;
font-family: "TirolIconsWeb";
font-size: 40px;
font-weight: normal;
content: "\1F5F5";
line-height: 1;
position: absolute;
right: 10px;
top: 4px;
}
#OverlayWrapper .addition > .buttonWrapper > .button:hover {
background: #54a26c;
}
/* TM - Kalender - Verfügbarkeit */
#OverlayWrapper .calendar.acco {
position: relative;
}
#OverlayWrapper .calendar.acco .ui-datepicker {
background: none;
box-shadow: none;
border: none;
margin: 0;
padding: 0;
width: 100% !important;
}
#OverlayWrapper .calendar.acco .ui-datepicker .ui-datepicker-header {
border-radius: 4px 4px 0 0;
}
#OverlayWrapper .calendar.acco > .prev {
background: rgba(255, 255, 255, 0.9);
color: #97bf0d;
cursor: pointer;
display: none;
font-size: 32px;
height: 60px;
left: -85px;
line-height: 60px;
padding: 0 0 0 20px;
position: absolute;
top: 50%;
width: 60px;
}
#OverlayWrapper .calendar.acco > .prev:before {
content: '\E906';
font-family: 'webmanager';
font-weight: normal;
}
#OverlayWrapper .calendar.acco > .next {
background: rgba(255, 255, 255, 0.9);
color: #97bf0d;
cursor: pointer;
display: none;
font-size: 32px;
height: 60px;
line-height: 60px;
padding: 0 0 0 20px;
position: absolute;
right: -85px;
top: 50%;
width: 60px;
}
#OverlayWrapper .calendar.acco > .next:before {
content: '\E905';
font-family: 'webmanager';
font-weight: normal;
}
#OverlayWrapper .calendar.acco.active > .prev,
#OverlayWrapper .calendar.acco.active > .next {
display: none;
}
/* --- Markierungen --- */
#OverlayWrapper .calendar.acco .ui-datepicker .ui-datepicker-group {
width: 48%;
}
#OverlayWrapper .calendar.acco .ui-datepicker .ui-datepicker-group.ui-datepicker-group-first {
margin: 0 4% 0 0;
}
/* verfügbar */
#OverlayWrapper .ui-datepicker-multi .ui-datepicker-group table {
margin: 0;
width: 100%;
}
#OverlayWrapper .calendar.acco .ui-datepicker td {
padding: 1px;
}
#OverlayWrapper .calendar.acco .ui-datepicker td > a {
font-size: 16px;
height: 42px;
padding-top: 3px;
position: relative;
}
.packagedetail #OverlayWrapper .calendar.acco .ui-datepicker td > a {
padding-top: 10px;
}
#OverlayWrapper .calendar.acco .ui-datepicker td.available > a {
background: #67c484;
}
#OverlayWrapper .calendar.acco .ui-datepicker td.available a {
color: #FFFFFF;
}
#OverlayWrapper .calendar.acco .ui-datepicker td.available a:hover {
border-radius: 0;
}
#OverlayWrapper .calendar.acco .ui-datepicker td.available a:after {
bottom: 4px;
color: #FFFFFF;
color: rgba(255, 255, 255, 0.7);
content: attr(data-price);
cursor: pointer;
font-size: 12px;
font-weight: bold;
left: 0;
line-height: 1;
position: absolute;
text-align: center;
width: 100%;
}
/* Anreise gesperrt */
#OverlayWrapper .calendar.acco .ui-datepicker td.noarrival > a {
background: rgba(103, 196, 132, 0.5);
}
/*#OverlayWrapper .calendar.acco.activeSelection .ui-datepicker td.noarrival {
background: #8E9D08;
}*/
#OverlayWrapper .calendar.acco .ui-datepicker td.noarrival:not(.highlight) > a,
#OverlayWrapper .calendar.acco .ui-datepicker td.noarrival:not(.highlight) > a:after {
color: #FFFFFF;
cursor: not-allowed;
}
#OverlayWrapper .calendar.acco.activeSelection .ui-datepicker td.noarrival > a,
#OverlayWrapper .calendar.acco.activeSelection .ui-datepicker td.noarrival > a:after {
cursor: pointer;
}
/* ausgewählt */
#OverlayWrapper .calendar.acco .ui-datepicker td.start.highlight > a,
#OverlayWrapper .calendar.acco .ui-datepicker td.highlight > a {
background: #193c53;
border-radius: 0;
cursor: pointer;
font-weight: 500;
position: relative;
}
/* bei nicht erfüllter Mindestaufenthaltsdauer (bei Markierung) */
#OverlayWrapper .calendar.acco .ui-datepicker td.start,
#OverlayWrapper .calendar.acco .ui-datepicker td.nohighlight {
background: #e5efc2 !important;
}
/* nicht verfügbar */
#OverlayWrapper .calendar.acco .ui-datepicker td.tmpnotavailable {
background: #e5e5e7 !important;
}
#OverlayWrapper .calendar.acco .ui-datepicker td.tmpnotavailable > a:hover,
#OverlayWrapper .calendar.acco .ui-datepicker td.tmpnotavailable > a:hover:after {
color: #808080 !important;
}
/* TM - Kalender - Verfügbarkeit - Tooltip */
#OverlayWrapper .tooltip {
background: #f0ebdd;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #000000;
display: none;
font-size: 14px;
font-weight: normal;
height: 125px;
margin: -133px 0 0 -115px;
opacity: 0;
padding: 14px 20px 0;
position: absolute;
width: 280px;
z-index: -1;
-webkit-transition: all 150ms ease;
-moz-transition: all 150ms ease;
-ms-transition: all 150ms ease;
-o-transition: all 150ms ease;
transition: all 150ms ease;
}
#OverlayWrapper .tooltip.show {
display: block;
opacity: 1;
z-index: 20;
}
#OverlayWrapper .tooltip > .date {
font-weight: bold;
}
#OverlayWrapper .tooltip > .price.hide {
display: none;
}
#OverlayWrapper .tooltip > .state {
display: none;
padding: 6px 0 4px 25px;
position: relative;
}
#OverlayWrapper .tooltip > .state.show {
display: block;
}
#OverlayWrapper .tooltip > .state:before {
content: "";
display: block;
height: 16px;
left: 0;
position: absolute;
top: 8px;
width: 16px;
}
#OverlayWrapper .tooltip > .state1:before { /* Abreise möglich */
background: #67c484;
}
#OverlayWrapper .tooltip > .state2:before { /* Keine Abreise möglich */
background: #EE5F55;
}
#OverlayWrapper .tooltip > .state3:before { /* Anreise möglich */
background: #67c484;
}
#OverlayWrapper .tooltip > .state4:before { /* Keine Anreise möglich */
background: #EE5F55;
}
@media all and (max-width: 1352px){
#OverlayWrapper > .close {
margin: 0;
right: 15px;
top: 20px;
}
}
@media all and (max-width: 1350px){
#OverlayWrapper .calendar.acco > .prev {
left: -55px;
}
#OverlayWrapper .calendar.acco > .next {
right: -55px;
}
}
@media all and (max-width: 1280px){
#OverlayWrapper .tooltip {
display: none !important;
}
#OverlayWrapper .calendar.acco .ui-datepicker .ui-datepicker-title {
text-align: center;
}
#OverlayWrapper .calendar.acco > .prev {
background: none;
left: 20px;
font-size: 24px;
height: 40px;
line-height: 40px;
top: 10px;
width: 40px;
z-index: 1;
}
#OverlayWrapper .calendar.acco > .next {
background: none;
font-size: 24px;
height: 40px;
line-height: 40px;
right: 20px;
top: 10px;
width: 40px;
z-index: 1;
}
}
@media all and (max-width: 1140px){
#OverlayWrapper .traveldata .roomoverlay {
left: auto;
margin: 0;
right: 0;
}
#OverlayWrapper .traveldata .roomoverlay > div:before {
left: auto;
right: 30px;
}
}
@media all and (max-width: 980px){
#OverlayWrapper {
top: 0;
}
}
@media all and (max-width: 900px){
body.overlay > #PageWrapper {
display: none;
}
body.isSafari #OverlayWrapper {
position: absolute;
overflow: initial;
}
}
@media all and (max-width: 888px){
#OverlayWrapper .traveldata > .roomSelection {
padding: 0;
}
#OverlayWrapper .traveldata > .roomSelection > .rooms {
padding-left: 0;
padding-right: 0;
}
#OverlayWrapper .traveldata > .roomSelection > .rooms > .room > label {
left: 0;
position: relative;
top: 0;
}
}
@media all and (max-width: 800px){
#OverlayWrapper .calendar.acco > .prev {
left: 12px;
top: 12px;
}
#OverlayWrapper .calendar.acco > .next {
right: 12px;
top: 12px;
}
#OverlayWrapper .traveldata {
display: table;
margin-left: auto;
margin-right: auto;
min-width: 100%;
}
#OverlayWrapper .addition {
padding-left: 12px;
padding-right: 12px;
padding-top: 14px;
}
#OverlayWrapper .addition > ul {
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
#OverlayWrapper .addition > ul > li:last-child {
margin-right: 0;
}
}
@media all and (max-width: 750px){
#OverlayWrapper .traveldata > .row.nights {
padding-left: 60px;
width: 200px;
}
#OverlayWrapper .availability header h2 {
font-size: 20px;
}
#OverlayWrapper .availability header > .title {
font-size: 16px;
}
}
@media all and (max-width: 700px){
#OverlayWrapper .traveldata > .row {
clear: both;
width: 100%;
}
#OverlayWrapper .traveldata > .row.nights {
margin-bottom: 10px;
margin-top: 0;
width: 100%;
}
}
@media all and (max-width: 650px){
#OverlayWrapper .addition > .infoMessage.show {
overflow: hidden;
}
#OverlayWrapper .addition > .infoMessage.msg1 > a {
height: 36px;
line-height: 36px;
margin-top: -18px;
padding-bottom: 0;
padding-top: 0;
top: 50%;
z-index: 1;
}
#OverlayWrapper .addition > .infoMessage.msg1 > a::after {
background: inherit;
content: "";
height: 300px;
left: 0;
position: absolute;
top: -100px;
width: 100%;
z-index: -1;
}
}
@media all and (max-width: 630px){
#OverlayWrapper .availability header {
left: 40px;
top: 80px;
}
}
@media all and (max-width: 600px){
#OverlayWrapper .traveldata > .roombox > * .counter {
float: none;
left: 0;
margin: 0 0 5px;
position: relative;
}
}
@media all and (max-width: 500px){
#OverlayWrapper .calendar.acco .ui-datepicker .ui-datepicker-header {
margin-left: 0;
margin-right: 0;
}
#OverlayWrapper .availability {
padding-bottom: 130px;
padding-left: 10px;
padding-right: 10px;
}
#OverlayWrapper .availability > .wrapper {
padding-left: 10px;
padding-right: 10px;
}
#OverlayWrapper .traveldata {
margin-top: 20px;
}
#OverlayWrapper .addition > ul > li {
font-size: 14px;
margin: 0 20px 5px 0;
}
#OverlayWrapper .addition > ul > li:before {
height: 10px;
width: 10px;
}
#OverlayWrapper .traveldata > .row {
width: 100%;
}
#OverlayWrapper .calendar.active + .addition {
margin-top: 20px;
padding: 0;
}
#OverlayWrapper .addition > .buttonWrapper {
left: 10px;
right: 10px;
-webkit-transform: none;
transform: none;
}
#OverlayWrapper .addition > .buttonWrapper > .button {
text-align: center;
width: 100%;
}
.packagedetail #OverlayWrapper .traveldata > .row.nights {
margin: 0 auto 30px;
}
}
@media all and (max-width: 400px){
#OverlayWrapper .calendar.acco > .prev,
#OverlayWrapper .calendar.acco > .next {
height: 30px;
line-height: 30px;
top: 17px;
width: 30px;
}
#OverlayWrapper .calendar.acco > .prev:before,
#OverlayWrapper .calendar.acco > .next:before {
font-size: 18px;
line-height: 30px;
}
#OverlayWrapper .availability header {
left: 20px;
top: 20px;
}
#OverlayWrapper > .close {
background: none;
color: #FFFFFF;
font-size: 18px;
height: 45px;
line-height: 45px;
width: 45px;
z-index: 1;
}
#OverlayWrapper > .close:before {
line-height: 45px;
}
#OverlayWrapper .addition {
padding-bottom: 44px;
}
#OverlayWrapper .addition > .button {
border-radius: 0;
}
}
/* TM - Vermieter - Details - Warenkorb vorschau */
body.showCartPreview {
overflow: hidden;
}
body.showCartPreview .tmCartPreview {
background: url("/img/layout/tm-quickbooker-bg.jpg") no-repeat;
background-size: cover;
opacity: 1;
overflow-y: scroll;
visibility: visible;
-webkit-overflow-scrolling: touch;
}
.tmCartPreview {
background: rgba(25, 60, 83, 0.85);
bottom: 0;
left: 0;
opacity: 0;
overflow: auto;
padding: 80px 0 60px 0;
position: fixed;
right: 0;
transition: opacity 500ms ease 0s, visibility 500ms ease 0s;
top: 0;
visibility: hidden;
z-index: 9999;
}
.tmCartPreview:before {
background: rgba(25, 60, 83, 0.85);
bottom: 0;
content: "";
left: 0;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 2;
}
.tmCartPreview > .close {
border: 2px solid #67c484;
border-radius: 4px;
cursor: pointer;
height: 40px;
line-height: 42px;
margin: 0 -590px 0 0;
position: absolute;
right: 50%;
text-align: center;
top: 25px;
transition: all 300ms ease;
width: 40px;
z-index: 11;
}
.tmCartPreview > .close > i {
color: #67c484;
display: block;
line-height: 40px;
transition: color 300ms ease;
}
.tmCartPreview > .close > i:before {
display: block;
margin: 0;
line-height: 36px;
}
.tmCartPreview > .close:hover {
background: #67c484;
color: #FFFFFF;
}
.tmCartPreview > div {
border-radius: 4px;
margin-bottom: 60px;
padding-bottom: 30px;
padding-top: 20px;
position: relative;
z-index: 3;
}
.tmCartPreview > div > h2 {
color: #FFF;
margin: 0 0 40px 0;
}
.tmCartPreview > div article {
background: #F1F3F5;
border-radius: 5px;
margin: 0 0 10px 0;
padding: 30px;
position: relative;
}
.tmCartPreview > div article > h2 {
display: none;
}
.tmCartPreview > div article > .image {
float: left;
height: 100%;
overflow: hidden;
position: relative;
width: 15.454545454545454545454545454545%;
}
.tmCartPreview > div article > .image > .img {
bottom: 0;
display: block;
position: relative;
top: 0;
width: 100%;
}
.tmCartPreview > div article > .image > .img:before {
content: "";
display: block;
padding-top: 92.5%;
width: 100%;
}
.tmCartPreview > div article > .image > .img img {
display: block;
left: 0;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
.tmCartPreview > div article > .content {
float: left;
padding: 0 0 0 20px;
position: relative;
width: 84.545454545454545454545454545455%;
}
.tmCartPreview > div article.noImg > .content {
margin-left: 0;
width: 100%;
}
.tmCartPreview > div article > .content > .cwrapper {
float: left;
padding: 0 10px 0 0;
width: 45%;
}
.tmCartPreview > div article > .content .title {
color: #193c53;
font-size: 26px;
font-weight: 600;
line-height: 1;
}
.tmCartPreview > div article > .content .category {
font-size: 14px;
line-height: 1.43;
margin: 12px 0 0 0;
}
.tmCartPreview > div article > .content .bookingDetails {
float: left;
width: 55%;
}
.tmCartPreview > div article > .content .bookingDetails > .name {
font-size: 17px;
font-weight: 600;
margin: 0 0 5px 0;
}
.tmCartPreview > div article > .content .bookingDetails > ul > li {
display: block;
font-size: 14px;
line-height: 1.3;
margin: 0 0 10px 0;
}
.tmCartPreview > div article > .content .bookingDetails > ul > li > .label {
float: left;
}
.tmCartPreview > div article > .content .bookingDetails > ul > li > .label > span {
display: block;
}
.tmCartPreview > div article > .content .bookingDetails > ul > li > .price {
float: right;
}
.tmCartPreview > div article > .content .bookingDetails > .total {
border-top: 2px solid #e5e5e7;
bottom: 0;
display: block;
position: relative;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno {
display: inline-block;
font-size: 14px;
padding-top: 15px;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > span {
font-weight: 600;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info {
cursor: pointer;
color: #9b9c9f;
content: "\E82A";
display: inline-block;
margin: 0 0 0 5px;
position: relative;
text-align: center;
top: 1px;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info:before {
color: #21445b;
display: block;
font-size: 18px;
margin: 0;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span {
background: #f0ebdd;
border-radius: 4px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #4d4945;
display: none;
font-size: 14px;
font-weight: 500;
left: 50%;
padding: 15px 20px 15px 20px;
position: absolute;
top: 25px;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 440px;
z-index: 10;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno:hover > .info > span,
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info:hover > span {
display: block;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span > span {
display: block;
line-height: 1.4;
position: relative;
z-index: 3;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span > span > .title {
display: block;
font-size: 18px;
margin: 0 0 10px 0;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .price {
color: #193c53;
float: right;
font-family: "Poppins", sans-serif;
font-size: 34px;
font-weight: bold;
line-height: 1;
padding-top: 7px;
}
.tmCartPreview > div article p.remove {
border: 2px solid #67c484;
border-radius: 4px;
color: #67c484;
cursor: pointer;
font-size: 14px;
height: 28px;
line-height: 26px;
position: absolute;
right: 10px;
text-align: center;
top: 10px;
transition: all 300ms ease 0s;
width: 28px;
z-index: 1;
}
.tmCartPreview > div article p.remove:hover {
background: #67c484;
color: #FFFFFF;
}
.tmCartPreview > div article p.remove > i {
line-height: 32px;
margin: 0;
position: relative;
text-align: center;
}
.tmCartPreview > div article p.remove > i:before {
display: block;
margin: 0;
line-height: 24px;
}
.tmCartPreview > div article.booked p.remove {
display: none;
}
.tmCartPreview > div .msg {
border: 2px solid #ee5f55;
color: #ee5f55;
margin: 40px 0 40px 0;
overflow: hidden;
padding: 10px 20px;
transition: opacity 500ms ease;
}
.tmCartPreview > div .msg.error {
margin: 0;
}
.tmCartPreview > div .msg.success {
border: 2px solid #66a61b;
color: #66a61b;
}
.tmCartPreview > div > .confirm > span {
display: none;
float: left;
position: relative;
top: -3px;
}
.tmCartPreview > div > .confirm > span > .ssl {
background: #67C484;
border-radius: 4px;
color: #FFFFFF;
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 24px;
margin: 0 0 3px 0;
padding: 0 8px 0 8px;
}
.tmCartPreview > div > .confirm > span > .info {
display: block;
font-size: 14px;
}
.tmCartPreview > div > .confirm > span > .info > span {
font-weight: 600;
}
.tmCartPreview > div > .confirm > .button {
display: block;
margin: 30px 0 0 0;
text-align: center;
}
.tmCartPreview > div > .confirm > .button > a {
background: #67C484;
border: 2px solid #67C484;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #FFFFFF;
display: inline-flex;
font-size: 16px;
font-weight: bold;
height: 46px;
line-height: 42px;
padding: 0 55px 0 20px;
position: relative;
text-transform: uppercase;
transition: background 500ms ease 0s, border 500ms ease 0s, color 500ms ease 0s;
}
.tmCartPreview > div > .confirm > .button > a:before {
color: #FFFFFF;
content: "\1F476";
font-family: "TirolIconsWeb";
font-size: 34px;
font-weight: normal;
position: absolute;
right: 10px;
}
.tmCartPreview > div > .confirm > .button > a:hover {
background: #54a26c;
border: 2px solid #54a26c;
}
.tmCartPreview > div > .confirm > .button > a.more {
background: none;
color: #67C484;
margin: 0 20px 0 0;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
text-overflow: ellipsis;
white-space: nowrap;
}
.tmCartPreview > div > .confirm > .button > a.more:before {
display: none;
}
.tmCartPreview > div > .confirm > .button > a.more:hover {
background: #54a26c;
border: 2px solid #54a26c;
color: #FFFFFF;
}
@media all and (max-width: 1392px){
.tmCartPreview > .close {
margin: 0;
right: 20px;
top: 25px;
}
}
@media all and (max-width: 1200px){
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span {
left: auto;
right: -20px;
transform: none;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span::before {
left: auto;
right: 10px;
}
}
@media all and (max-width: 1000px){
.tmCartPreview > div article > .image {
display: none;
}
.tmCartPreview > div article > .content {
border-left: 2px solid #f2efec;
border-radius: 4px;
margin: 0;
padding-bottom: 0;
padding-left: 0;
width: 100%;
}
}
@media all and (max-width: 980px){
.tmCartPreview {
top: 0;
}
}
@media all and (max-width: 900px){
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span {
left: auto;
right: -25px;
-webkit-transform: none;
transform: none;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span:before {
left: auto;
right: 20px;
}
}
@media all and (max-width: 720px){
.tmCartPreview > div article > .content .title {
font-size: 19px;
}
.tmCartPreview > div article > .content .bookingDetails {
margin: 20px 0 0 0;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .price {
font-size: 19px;
padding-top: 15px;
}
.tmCartPreview > div article .image > .rating {
padding-left: 10px;
padding-right: 10px;
}
.tmCartPreview > div article .image > .rating:before {
background-size: 71px auto;
height: 8px;
top: 23px;
width: 71px;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span {
left: 50%;
right: auto;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 360px;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span:before {
left: 50%;
right: auto;
}
.tmCartPreview > div article > .content .title {
padding-right: 20px;
}
.tmCartPreview > div article > .content .facilities {
border-bottom: 2px solid #e5e5e7;
margin: 15px 0 20px 0;
position: relative;
width: 100%;
}
.tmCartPreview > div article > .content > .cwrapper {
float: none;
padding-right: 0;
width: 100%;
}
.tmCartPreview > div article > .content .bookingDetails {
float: none;
width: 100%;
}
.tmCartPreview > div article > .content .bookingDetails > .total {
bottom: 0;
margin: 20px 0 0 0;
position: relative;
right: 0;
width: 100%;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span {
left: -30px;
-webkit-transform: none;
transform: none;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span:before {
left: 40px;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span {
left: 50%;
right: auto;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 320px;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span:before {
left: 50%;
right: auto;
}
.tmCartPreview > div > .confirm > .button {
width: 100%;
}
.tmCartPreview > div > .confirm > .button > a {
margin: 10px 0 0 0;
text-align: center;
width: 100%;
}
}
@media all and (max-width: 600px){
.tmCartPreview > div article > .image {
display: none;
}
.tmCartPreview > div article > .content {
width: 100%;
}
}
@media all and (max-width: 500px){
.tmCartPreview > div article {
padding: 15px;
}
.tmCartPreview > div article > .content .title {
font-size: 18px;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info {
position: static;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle {
position: static;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .icon-info-circle > span {
left: 0;
padding-left: 10px;
padding-right: 10px;
transform: none;
top: 58px;
width: 100%;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span {
top: 60px;
width: calc(100% + 30px);
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno > .info > span:before {
left: 30px;
right: auto;
}
.tmCartPreview > div > .title {
font-size: 32px;
}
.tmCartPreview > div > .confirm > .button > a {
font-size: 14px;
}
}
@media all and (max-width: 400px){
.tmCartPreview > div article > .content .bookingDetails > ul > li {
font-size: 15px;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .storno {
display: block;
font-size: 14px;
line-height: 1.2;
padding: 10px 0 0 0;
}
.tmCartPreview > div article > .content .bookingDetails > .total > .price {
font-size: 17px;
line-height: 1.2;
margin-bottom: 10px;
margin-top: 5px;
}
}
.tmAccoDetail .mapWrapper {
padding-bottom: 30px;
padding-top: 30px;
position: relative;
}
.tmAccoDetail .mapWrapper:before {
background: #143d51;
content: "";
height: 100%;
left: -2000px;
position: absolute;
top: 0;
width: 4000px;
z-index: -1;
}
.tmAccoDetail .mapWrapper > .map {
height: 420px;
float: left;
position: relative;
width: 65.789473684210526315789473684211%;
}
.tmAccoDetail .mapWrapper > .map:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.tmAccoDetail .mapWrapper > .map > .button {
background: #67c484;
border-radius: 5px;
display: block;
height: 46px;
padding: 5px;
position: absolute;
right: 16px;
top: 16px;
width: 46px;
z-index: 3;
}
.tmAccoDetail .mapWrapper > .map > .button > span {
border: 2px solid #fff;
border-radius: 5px;
display: block;
height: 36px;
}
.tmAccoDetail .mapWrapper > .map > .button > span:before {
bottom: 9px;
color: #fff;
content: "\1F424";
font-family: "TirolIconsWeb";
font-size: 22px;
font-weight: normal;
height: 15px;
left: 9px;
line-height: 15px;
position: absolute;
width: 15px;
}
.tmAccoDetail .mapWrapper > .map > .button > span:after {
color: #fff;
content: "\1F37C";
font-family: "TirolIconsWeb";
font-size: 22px;
font-weight: normal;
height: 15px;
line-height: 15px;
right: 10px;
top: 9px;
position: absolute;
width: 15px;
}
.tmAccoDetail .mapWrapper.clicked > .map:before {
display: none;
}
.tmAccoDetail .mapWrapper > .map > div {
height: 100%;
position: relative;
width: 100%;
z-index: 1;
}
.tmAccoDetail .mapWrapper > .contact {
color: #ffffff;
float: left;
padding-left: 30px;
position: relative;
width: 34.210526315789473684210526315789%;
}
.tmAccoDetail .mapWrapper > .contact > .label {
font-family: "Poppins", sans-serif;
font-size: 34px;
font-weight: bold;
margin: 0 0 40px 0;
}
.tmAccoDetail .mapWrapper > .contact > .text > span {
display: block;
}
.tmAccoDetail .mapWrapper > .contact > .text .town {
display: flex;
gap: 6px;
}
.tmAccoDetail .mapWrapper > .contact > .text > .title {
font-weight: bold;
margin: 0 0 10px 0;
}
.tmAccoDetail .mapWrapper > .contact > .button {
background: #67c484;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #ffffff;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1;
margin: 40px 0 0 0;
padding: 14px 20px 16px;
text-align: center;
text-transform: uppercase;
transition: background 300ms ease;
}
.tmAccoDetail .mapWrapper > .contact > .button:hover {
background: #54a26c;
}
@media all and (max-width: 900px) {
.tmAccoDetail .mapWrapper > .map {
height: 340px;
width: 100%;
}
.tmAccoDetail .mapWrapper > .contact {
padding-left: 0;
padding-top: 20px;
width: 100%;
}
.tmAccoDetail .mapWrapper > .contact > .label {
margin-bottom: 10px;
}
}
@media all and (max-width: 600px) {
.tmAccoDetail .mapWrapper > .map {
height: 250px;
}
}
@media all and (max-width: 500px) {
.tmAccoDetail .mapWrapper > .contact > .label {
font-size: 24px;
}
}
/* Vermieter Pauschalen */
.accodetail .tmStPackageTeaser > div article {
background: #193c53;
padding: 15px;
}
.accodetail .tmStPackageTeaser > div article h2 {
display: none;
}
.accodetail .tmStPackageTeaser > div article .image {
position: relative;
}
.accodetail .tmStPackageTeaser > div article .image:before {
background: linear-gradient(to bottom, rgba(23, 55, 87, 0) 32%, #193c53 100%);
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: 1;
}
.accodetail .tmStPackageTeaser > div article .image > p {
bottom: 0;
color: #FFFFFF;
font-family: "Poppins", sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 1.2;
left: 0;
padding: 20px;
position: absolute;
right: 0;
text-align: center;
z-index: 1;
}
.accodetail .tmStPackageTeaser > div article .image a {
display: block;
min-height: 183px;
position: relative;
}
.accodetail .tmStPackageTeaser > div article .image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
}
.accodetail .tmStPackageTeaser > div article a.bookMark {
line-height: 28px;
position: absolute;
right: 20px;
top: 27px;
}
.accodetail .tmStPackageTeaser > div article a.bookMark:before {
color: #8c9da9;
content: "\1F3A8";
display: block;
font-family: 'TirolIconsWeb';
font-size: 40px;
}
.accodetail .tmStPackageTeaser > div article a.bookMark:hover:before,
.accodetail .tmStPackageTeaser > div article a.bookMark.selected:before {
color: #C30018;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .description {
color: #FFFFFF;
display: block;
font-size: 16px;
font-weight: normal;
line-height: normal;
max-height: 175px;
min-height: 175px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .description:after {
background: linear-gradient(to bottom, rgba(25, 60, 83, 0), rgba(25, 60, 83, 0.55) 21%, #193c53);
bottom: 0;
content: "";
height: 70px;
left: 0;
position: absolute;
width: 100%;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .description > .title {
color: #FFFFFF;
display: block;
font-family: "Poppins", sans-serif;
font-size: 25px;
font-weight: normal;
line-height: 1.2;
margin: 15px 0 10px;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .price {
display: block;
text-align: right;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .price > span.value {
color: #FFFFFF;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: normal;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .price > span.value > span {
color: #FFFFFF;
display: inline-block;
font-family: "Poppins", sans-serif;
font-size: 34px;
font-weight: bold;
line-height: 1;
margin: 1px 0 0 5px;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .price > span.rule {
color: #FFFFFF;
display: block;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: normal;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption > .buttonWrapper {
display: flex;
margin-top: 20px;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption > .buttonWrapper > a {
background: #67C484;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1;
padding: 14px 10px 16px 10px;
position: relative;
text-align: center;
text-transform: uppercase;
transition: background 300ms ease;
width: 100%;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption > .buttonWrapper > a:hover {
background: #54a26c;
}
/* Swiper */
.accodetail .tmStPackageTeaser .swiper-container {
padding-bottom: 50px;
width: 100%;
}
.accodetail .tmStPackageTeaser .swiper-wrapper {
height: auto !important;
}
.accodetail .tmStPackageTeaser .swiper-slide {
background-position: center;
background-size: cover;
}
.accodetail .tmStPackageTeaser .swiper-slide-shadow-left,
.accodetail .tmStPackageTeaser .swiper-slide-shadow-right {
background: rgba(0,0,0,0.2);
}
.accodetail .tmStPackageTeaser .swiper-pagination {
bottom: 0;
}
.accodetail .tmStPackageTeaser .swiper-pagination-bullet {
background: #193c53;
bottom: 0;
margin: 0 4px !important;
width: 11px;
height: 11px;
}
.accodetail .tmStPackageTeaser .swiper-button-disabled {
opacity: 0.5 !important;
pointer-events: none;
}
.accodetail .tmStPackageTeaser .swiper-prev,
.accodetail .tmStPackageTeaser .swiper-next {
background: #67c484;
border-radius: 0px 5px 5px 0px;
cursor: pointer;
height: 46px;
position: absolute;
top: calc(50% - 50px);
left: 0;
transition: background 300ms ease;
width: 46px;
z-index: 1;
}
.accodetail .tmStPackageTeaser .swiper-next {
border-radius: 5px 0 0 5px;
}
.accodetail .tmStPackageTeaser .swiper-next:before,
.accodetail .tmStPackageTeaser .swiper-prev:before {
color: #FFFFFF;
content: "\1F476";
font-family: "TirolIconsWeb";
font-size: 34px;
left: 9px;
line-height: 46px;
position: absolute;
}
.accodetail .tmStPackageTeaser .swiper-prev:before {
left: 4px;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.accodetail .tmStPackageTeaser .swiper-next {
left: auto;
right: 0;
}
@media all and (max-width: 700px){
.accodetail .tmStPackageTeaser .swiper-container {
margin: 0 -20px;
width: auto;
}
}
@media all and (max-width: 500px){
.accodetail .tmStPackageTeaser > div article figure > figcaption .description {
max-height: 150px;
min-height: 150px;
}
}
@media all and (max-width: 370px){
.accodetail .tmStPackageTeaser > div article figure > figcaption .description {
font-size: 15px;
max-height: 150px;
}
.accodetail .tmStPackageTeaser > div article figure > figcaption .description > .title {
font-size: 20px;
}
}
.tmAccoDetail .infoText {
background: #f2e8c8;
margin-bottom: 40px;
padding: 20px 30px;
}
.tmAccoDetail .infoText h2 {
font-size:20px;
margin-bottom: 10px;
}
.tmAccoDetail .infoText .text {
font-size: 16px;
}
.tmAccoDetail .environment {
background: #67C484;
padding: 20px;
}
.tmAccoDetail .environment > a {
display: block;
}
.tmAccoDetail .environment > a > .image {
display: block;
background: #FFF;
float: left;
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 60px;
margin-right: 20px;
padding: 5px;
}
.tmAccoDetail .environment > a > .image > img {
width: 50px;
height: auto;
}
.tmAccoDetail .environment > a > .label {
padding: 15px 0 0 0;
}
.tmAccoDetail .environment > a > .label > label {
color: #FFFFFF;
font-weight: bold;
}
@media all and (max-width: 685px){
.tmAccoDetail .environment > a > .label {
padding: 0;
}
}
.tmAccoDetail .sustainabilityFacilities > .content {
border: solid 2px #67C484;
border-radius: 5px;
padding: 10px;
}
.tmAccoDetail .sustainabilityFacilities > .content > div {
max-height: 150px;
overflow: hidden;
}
.tmAccoDetail .sustainabilityFacilities.expand > .content > div {
max-height: none;
}
.tmAccoDetail .sustainabilityFacilities > .content > div:after {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.55) 21%, #ffffff);
bottom: 0;
content: "";
height: 70px;
left: 0;
position: absolute;
width: 100%;
}
.tmAccoDetail .sustainabilityFacilities.expand > .content > div:after {
display: none;
}
.tmAccoDetail .sustainabilityFacilities p {
color: #193c53;
font-family: "Poppins", sans-serif;
font-weight: 600;
line-height: 1.15;
}
.tmAccoDetail .sustainabilityFacilities ul {
margin: 5px 0 20px 0;
}
.tmAccoDetail .sustainabilityFacilities ul > li:before {
color: #67C484;
position: absolute;
left: -2px;
font-size: 22px;
top: 4px;
line-height: 1;
}
.tmAccoDetail .sustainabilityFacilities ul > li {
font-size: 16px;
position: relative;
padding: 1px 20px 1px 28px;
}
.tmAccoDetail .sustainabilityFacilities ul > li:before {
content: "";
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNNy45NzksMjguMTE4YzMuMDk3LC0xMi43MzMgMTUuMjEsLTIwLjgyMyAxNS4yMSwtMjAuODIzYy02LjQ2OCw2LjE1NiAtOS45MTUsMTEuMDkxIC0xMS43MzcsMTQuNThjNC4zOSwzLjY5NyA4LjA5NSw0LjIyMSAxMC42NTksMS4zNTZjNi4wNDQsLTYuODA3IDQuMzkyLC0xOS40NSA0LjM5MiwtMTkuNDVjMCwwIC0xMi43NjIsLTAuMTk5IC0xOC43OTksNi41OTZjLTIuNDIyLDIuNzIxIC0xLjY5OSw2LjExMSAxLjk0NCw5LjgzNWMtMS43MTgsMi4xNiAtMy4yNjMsNC40NDcgLTQuMzU3LDYuNzUybDIuNjg4LDEuMTU0WiIgc3R5bGU9ImZpbGw6IzY3YzQ4NDtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4=);
background-position: center center;
background-repeat: no-repeat;
background-size: 20px auto;
margin-left: -10px;
max-height: 40px;
max-width: 40px;
margin-top: -10px;
width: 40px;
height: 40px;
}
.tmAccoDetail .sustainabilityFacilities > .content > .trigger {
color: #67C484;
cursor: pointer;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: bold;
margin-top: 20px;
padding-left: 30px;
position: relative;
}
.tmAccoDetail .sustainabilityFacilities > .content > .trigger:before {
color: #67c484;
content: "+";
font-family: "Arial";
font-size: 28px;
font-weight: normal;
line-height: 1;
margin-top: -13px;
position: absolute;
left: 0;
transition: transform 300ms ease;
top: 50%;
}
.tmAccoDetail .sustainabilityFacilities > .content > .trigger.less:before {
content: "-";
margin-top: -15px;
}
/* TM - Vermieter - Details - Bewertungen */
.tmAccoDetail .ratings {
display: flex !important;
flex-direction: column;
gap: 16px;
}
.tmAccoDetail .ratings .item {
background: #f1f3f5;
border-radius: 5px;
display: grid;
gap: 24px;
padding: 24px;
}
.tmAccoDetail .ratings .item.hidden {
display: none;
}
.tmAccoDetail .ratings .item .date {
font-size: 16px;
}
.tmAccoDetail .ratings .item .name {
color: #193c53;
font-size: 18px;
font-weight: 700;
}
.tmAccoDetail .ratings .item .average {
margin-top: 8px;
}
.tmAccoDetail .ratings .item .average span {
background: #67c484;
border-radius: 5px 0 5px 0;
color: #FFFFFF;
display: block;
height: 32px;
font-size: 16px;
font-weight: 700;
line-height: 32px;
padding: 0 10px;
text-align: center;
width: 48px;
}
.tmAccoDetail .ratings .item .comment {
font-size: 16px;
font-style: italic;
margin-bottom: 16px;
}
.tmAccoDetail .ratings .item .text {
font-size: 18px;
}
.tmAccoDetail .ratings .item .text.disabled {
opacity: 0.5;
}
.tmAccoDetail .ratings .button {
display: flex;
justify-content: center;
margin: 8px 0 0;
}
.tmAccoDetail .ratings .button.hidden {
display: none;
}
.tmAccoDetail .ratings .button button {
background: #67C484;
border: 0;
border-radius: 5px;
color: #FFFFFF;
display: inline-block;
font-size: 16px;
font-weight: bold;
height: 46px;
line-height: 42px;
margin: 0;
padding: 0 20px;
position: relative;
text-align: left;
text-transform: uppercase;
}
.tmAccoDetail .ratings .button button:hover {
background: #54a26c;
}
@media all and (min-width: 680px){
.tmAccoDetail .ratings .item {
gap: 32px;
grid-template-columns: 200px 1fr;
position: relative;
}
.tmAccoDetail .ratings .item::before {
background: #67c484;
bottom: 24px;
content: "";
left: 224px;
position: absolute;
top: 24px;
width: 2px;
}
}
/* Allgemein */
/* Aside */
.tmAccoDetail.package > div > aside > div.contact {
padding-top: 15px;
}
/* Aside - Allgemeine Daten */
.tmAccoDetail.package > div > aside > .details {
background: #193c53;
margin: -20px -30px 0;
padding: 30px;
}
.tmAccoDetail.package > div > section > .details {
display: none;
margin-bottom: 40px;
padding: 20px 30px;
position: relative;
}
.tmAccoDetail.package > div > section > .details:before {
background: #193c53;
content: "";
height: 100%;
left: -1000px;
position: absolute;
top: 0;
width: 2000px;
z-index: -1;
}
.tmAccoDetail.package > div > aside > .details > h2,
.tmAccoDetail.package > div > section > .details > h2 {
color: #FFFFFF;
font-family: "Poppins", sans-serif;
font-size: 34px;
font-weight: bold;
line-height: 1.2;
margin: 0 0 20px 0;
}
.tmAccoDetail.package > div > aside > .details > p.price,
.tmAccoDetail.package > div > section > .details > p.price {
color: #FFFFFF;
display: block;
margin-bottom: 10px;
text-align: right;
}
.tmAccoDetail.package > div > aside > .details > p.price > span.value,
.tmAccoDetail.package > div > section > .details > p.price > span.value {
color: #FFFFFF;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: normal;
}
.tmAccoDetail.package > div > aside > .details > p.price > span.value > span,
.tmAccoDetail.package > div > section > .details > p.price > span.value > span {
color: #FFFFFF;
display: inline-block;
font-family: "Poppins", sans-serif;
font-size: 34px;
font-weight: bold;
line-height: 1;
margin: 1px 0 0 5px;
}
.tmAccoDetail.package > div > aside > .details > p.price > span.rule,
.tmAccoDetail.package > div > section > .details > p.price > span.rule {
color: #FFFFFF;
display: block;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: normal;
}
.tmAccoDetail.package > div > aside > .details > p.date,
.tmAccoDetail.package > div > section > .details > p.date {
color: #FFFFFF;
margin-bottom: 20px;
padding: 0 0 0 35px;
position: relative;
}
.tmAccoDetail.package > div > aside > .details > p.date:before,
.tmAccoDetail.package > div > section > .details > p.date:before {
color: #8c9da9;
font-family: "TirolIconsWeb";
font-size: 60px;
font-weight: normal;
content: "\1F6CF";
left: -12px;
line-height: 1;
margin: -33px 0 0;
position: absolute;
top: 50%;
z-index: 1;
}
.tmAccoDetail.package > div > aside > .details > .buttons,
.tmAccoDetail.package > div > section > .details > .buttons {
display: flex;
}
.tmAccoDetail.package > div > aside > .details > .buttons > a.booking,
.tmAccoDetail.package > div > section > .details > .buttons > a.booking {
background: #EE5F55;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1;
margin-right: 5px;
padding: 14px 10px 16px 10px;
position: relative;
text-align: center;
text-transform: uppercase;
transition: background 300ms ease;
flex: 1;
}
.tmAccoDetail.package > div > aside > .details > .buttons > a.booking:hover,
.tmAccoDetail.package > div > section > .details > .buttons > a.booking:hover {
background: #c9524b;
}
.tmAccoDetail.package > div > aside > .details > .buttons > a.request,
.tmAccoDetail.package > div > section > .details > .buttons > a.request {
background: #67c484;
border: none;
border-radius: 5px;
color: #FFFFFF;
height: 46px;
position: relative;
transition: all 300ms ease;
width: 46px;
}
.tmAccoDetail.package > div > aside > .details > .buttons > a.request:hover,
.tmAccoDetail.package > div > section > .details > .buttons > a.request:hover {
background: #54a26c;
color: #FFF;
}
.tmAccoDetail.package > div > aside > .details > .buttons > a.request:before,
.tmAccoDetail.package > div > section > .details > .buttons > a.request:before {
content: "\1F620";
font-family: "TirolIconsWeb";
font-size: 44px;
font-weight: normal;
position: absolute;
left: 5px;
line-height: 1;
top: 50%;
margin-top: -22px;
}
/* Buttons */
.tmAccoDetail.package .bookmark {
position: relative;
}
.tmAccoDetail.package .bookmark a.bookMark {
line-height: 25px;
position: absolute;
width: 26px;
height: 25px;
right: 0;
top: -2px;
z-index: 1;
}
.tmAccoDetail.package .bookmark a.bookMark span {
position: relative;
color: #8c9da9;
position: absolute;
top: 0;
left: -4px;
width: 26px;
height: 25px;
transition: color 300ms ease;
}
.tmAccoDetail.package .bookmark a.bookMark span:before {
content: "\1F3A8";
display: block;
font-family: 'TirolIconsWeb';
font-size: 40px;
}
.tmAccoDetail.package .bookmark a.bookMark:hover span,
.tmAccoDetail.package .bookmark a.bookMark.selected span {
color: #C30018;
}
@media all and (max-width: 1100px){
.tmAccoDetail.package > div > aside > .details {
background: #193c53;
margin: -20px -20px 0;
padding: 20px;
}
.tmAccoDetail.package > div > aside > .details > h2 {
font-size: 26px;
}
}
@media all and (max-width: 980px){
.tmAccoDetail.package > div > .infoWrapper {
margin-top: -35px;
padding: 30px 0;
position: relative;
}
.tmAccoDetail.package > div > .infoWrapper:before {
background: #193c53;
content: "";
height: 100%;
left: -1000px;
position: absolute;
top: 0;
width: 2000px;
z-index: -1;
}
.tmAccoDetail.package > div > .infoWrapper > h1 {
color: #FFFFFF;
margin: 0;
}
.tmAccoDetail.package > div > section > .details {
display: block;
padding: 20px 0;
}
.tmAccoDetail.package > div > section > .details > h2 {
font-size: 30px;
}
.tmAccoDetail.package > div > section > .details > .buttons {
width: 100%;
justify-content: flex-end;
max-width: 370px;
margin: 0 0 0 auto;
}
}
.tmAccoDetail.package .description.services {
margin-bottom: 45px;
margin-top: 45px;
}
.tmAccoDetail.package .description.services .label {
color: #193C53;
font-family: "Poppins", sans-serif;
font-size: 26px;
font-weight: 500;
margin: 10px 0 12px;
}
.tmAccoDetail.package .description.services ul > li {
font-size: 16px;
padding: 3px 0 3px 28px;
position: relative;
}
.tmAccoDetail.package .description.services ul > li:before {
color: #67C484;
content: '\e8ed';
font-family: 'Webmanager';
position: absolute;
left: -2px;
font-size: 22px;
top: 50%;
margin: -10px 0 0;
line-height: 1;
}
/* TM - Event - Details - Gallery */
.tmAccoDetail.package .package-gallery {
margin: 0 0 30px;
max-height: 355px;
overflow: hidden;
}
.tmAccoDetail.package .package-gallery > ul {
display: flex;
justify-content: center;
}
.tmAccoDetail.package .package-gallery ul li > a {
display: block;
min-height: 355px;
position: relative;
}
.tmAccoDetail.package .package-gallery ul li > a img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
}
/* Swiper */
.tmAccoDetail.package .package-gallery .swiper-container {
width: 100%;
}
.tmAccoDetail.package .package-gallery .swiper-wrapper {
height: auto !important;
}
.tmAccoDetail.package .package-gallery .swiper-slide {
background-position: center;
background-size: cover;
}
.tmAccoDetail.package .package-gallery .swiper-pagination {
bottom: 10px;
left: 0;
right: 0;
}
.tmAccoDetail.package .package-gallery .swiper-pagination-bullet {
background: #fff;
bottom: 0;
margin: 0 4px;
opacity: 0.5;
width: 11px;
height: 11px;
}
.tmAccoDetail.package .package-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.tmAccoDetail.package .package-gallery .swiper-button-disabled {
opacity: 0.5 !important;
pointer-events: none;
}
.tmAccoDetail.package .package-gallery .swiper-slide-shadow-left,
.tmAccoDetail.package .package-gallery .swiper-slide-shadow-right {
background: rgba(255,255,255,0.8);
}
.tmAccoDetail.package .package-gallery .swiper-prev,
.tmAccoDetail.package .package-gallery .swiper-next {
background: #67c484;
border-radius: 0px 5px 5px 0px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
cursor: pointer;
height: 46px;
position: absolute;
top: calc(50% - 23px);
left: 0;
transition: background 300ms ease;
width: 46px;
z-index: 1;
}
.tmAccoDetail.package .package-gallery .swiper-next {
border-radius: 5px 0 0 5px;
left: auto;
right: 0;
}
.tmAccoDetail.package .package-gallery .swiper-next:before,
.tmAccoDetail.package .package-gallery .swiper-prev:before {
color: #FFFFFF;
content: "\1F476";
font-family: "TirolIconsWeb";
font-size: 34px;
left: 9px;
line-height: 46px;
position: absolute;
}
.tmAccoDetail.package .package-gallery .swiper-prev:before {
left: 4px;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@media all and (max-width: 980px){
.tmAccoDetail.package .package-gallery {
margin: 0 -20px;
padding: 0 20px 20px;
}
.tmAccoDetail.package .package-gallery:before {
background: #193c53;
content: "";
height: 100%;
left: -1000px;
position: absolute;
top: 0;
width: 2000px;
z-index: -1;
}
}
@media all and (max-width: 500px){
.tmAccoDetail.package .package-gallery {
width: auto;
margin-left: -20px;
margin-right: -20px;
padding: 0 0 20px;
}
.tmAccoDetail.package .package-gallery .swiper-slide-shadow-left,
.tmAccoDetail.package .package-gallery .swiper-slide-shadow-right {
background: rgba(0,0,0,0.16);
}
.tmAccoDetail.package .package-gallery .swiper-slide-active {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
}
}
.tmAccoDetail.package > div .rooms .entry .cwrapper > .content > .title {
margin-bottom: 0;
}
.tmAccoDetail.package > div .rooms .entry .cwrapper > .content > .room {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}