/*CSS for Description content type*/
/*Font face
  font-family: 'zapfhumnst_btroman';
    font-family: 'zapfhumnst_btbold';
  font-family: 'MillerBanner_LightItalic';
  font-family: 'MillerBanner_Bold';
*/

/*
* Dev
*/


.container {
    overflow:hidden
}
.landing-page-content >div > div> div > .node-description  {
    margin-top: 35px;
}
.landing-page-content >div > div> div > .node-description .description-content .field-name-field-description-text,
.landing-page-content >div > div> div > .node-description .description-content > H2{
     padding: 0 25px;
}
.node-description .description-title:before,
.node-description-2-columns .description-title:before{
    width: 310px;
    content: "";
    height: 3px;
    background: #000;
    display: block;
    line-height: 0;
    margin: 0 0 20px 0;
    padding: 0;
}

.node-description .description-title,
.node-description-2-columns .description-title {
    font-family: 'MillerBanner_Bold';
    font-size: 40px;
    padding-top: 0;
    line-height: normal;
}
.node-description .description-subtitle,
.node-description-2-columns .description-subtitle {
    font-family: 'MillerBanner_LightItalic';
    font-size: 40px;
    line-height: normal;
    margin-top: -10px;
}
.node-description  span,
.node-description-2-columns span {
    display: block;
}

.node-description .description-subtitle:after,
.node-description-2-columns .description-subtitle:after{
    content: "";
    width: 135px;
    height: 3px;
    background: #000;
    display: block;
    line-height: 0;
    margin: 25px 0 0 0;
    padding: 0;
}
.node-description .field-name-field-description-text,
.node-description-2-columns .field-name-field-description-text-left,
.node-description-2-columns .field-name-field-description-text-right  {
    margin-top: 25px;
    margin-bottom: 35px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-align: justify;
}
.node-description .field-name-field-description-text a,
.node-description-2-columns .field-name-field-description-text-left a,
.node-description-2-columns .field-name-field-description-text-right a{
    color: inherit;
    text-decoration: underline;
}

.node-description .field-name-field-description-text ul,
.node-description-2-columns .field-name-field-description-text-left ul,
.node-description-2-columns .field-name-field-description-text-right ul{
    padding: 0;
    margin: 0;
}
ul .node-description li,
ul .node-description-2-columns .field-name-field-description-text-left li,
ul .node-description-2-columns .field-name-field-description-text-right li{
    list-style-type: square;
    padding-left: 0;
    margin-left: 0;
    list-style-position: inside;
    font-size: 12px;
    padding-bottom: 0;
}
.node-description li a,
.node-description-2-columns .field-name-field-description-text-left li a,
.node-description-2-columns .field-name-field-description-text-right li a{
    color: #000;
    text-decoration: underline;
}

.node-description .field-name-field-description-text pre,
.node-description-2-columns .field-name-field-description-text-left pre,
.node-description-2-columns .field-name-field-description-text-right pre {
    margin-bottom: 0;
    font-family: 'MillerBanner_Bold';
    font-size: 18px;
    margin-bottom: 6px
}

.node-description .field-name-field-description-file .field-items .field-item,
.node-description .field-type-file .download-file,
.field-name-field-description-link .field-items .field-item,
.field-name-field-description-file .field-items .field-item{
    display: inline-block;
    font-size: 10px;
    margin: 5px 4px 5px 0px;
    /*margin: 0px 4px 0px 0px;*/
    overflow: hidden;
    min-width: 125px;
}
.node-description .field-name-field-description-file .field-items .field-item .cta:before,
.node-description .field-type-file .download-file .cta:before,
.field-name-field-description-link .field-items .field-item .cta:before,
.field-name-field-description-file .field-items .field-item .cta:before {
background-color:#000000;
}
.node-description .field-name-field-description-file .field-items .field-item .cta:after,
.node-description .field-type-file .download-file .cta:after,
.field-name-field-description-link .field-items .field-item .cta:after,
.field-name-field-description-file .field-items .field-item .cta:after {
background-color:#000000;
}
.node-description .field-name-field-description-file .field-items .field-item a,
.node-description .field-type-file .download-file a,
.field-name-field-description-link .field-items .field-item a,
.field-name-field-description-file .field-items .field-item a{
padding: 15px 25px;
text-decoration: none;
text-transform: uppercase;
color: #000;
font-family: 'zapfhumnst_btbold';
letter-spacing: 1px;
line-height: normal;
display: block;
text-align: center;
}

.field-name-field-tt-cta-link .field-item {
font-family: 'MillerBanner_Bold';
/*background: #000000;*/
text-align: center;
height: 75px;
line-height: 75px;
margin-bottom : 10px
}

.field-name-field-tt-cta-link .field-item  a{
/*color: #fff;*/
width: 100%;
display: block;
text-align: center;
box-sizing: border-box;
font-size: 16px;

}

.field-name-field-tt-cta-call .field-item a{
color: #000;

}
.field-name-field-description,
.field-name-field-hotel-informations,
.field-name-field-reservation{
padding: 35px 25px 0px;
}
.field-name-field-reservation{
    padding: 35px 25px 0px;
    padding-top:20px;
}
.field-name-field-hotel-informations
{
padding: 0px 25px 0px;
}
.field-name-field-tt-cta-link .field-item a{
/*margin-top:35px;*/
}

.node-title-text-cta .field-type-telephone{
width: 100%;
left: 0;
text-align: center;
font-family: 'zapfhumnst_btroman';
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 0px;
}
.node-title-text-cta .field-name-field-tt-cta-e-mail{
text-align: center;
font-family: 'zapfhumnst_btroman';
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
padding-bottom: 20px;
padding-top: 10px;
}
.node-title-text-cta .field-name-field-tt-cta-e-mail a{
text-decoration: none;
color: #000;
}
.node-title-text-cta .desktop a{
text-decoration: none;
/*color: #000;*/
}
.node-title-text-cta .field-name-field-tt-cta-text{
text-align: left;
font-family: 'zapfhumnst_btroman';
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
margin-bottom:20px;
display:none;
}
.mobile .field-name-field-tt-text{
display:none;
}
.mobile .field-name-field-informations .node-title-text{
cursor:pointer;
position: relative;
}
.mobile .field-name-field-informations .node-title-text:after{
background: url("images/plus_ico.svg") no-repeat center center;
content: "";
width: 10px;
height: 14px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
visibility: visible;
position: absolute;
top: 20px;
right: 20px;
}
.mobile .field-name-field-informations .node-title-text.close:after{
background: url("images/close_ico.svg") no-repeat center center;
}
.restaurant-bottom .hotel-informations .mobile{
margin-top:40px;
}

.description-top .field-name-field-description-text ul {
    margin-bottom:20px;
}
/*
.section-legal-details-de  .node-description,
.section-legal-details-en  .node-description,
.section-legals-details-landing-page .node-description {
    overflow: hidden;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 35px 25px 0px;
}
.section-legal-details-de  .node-description p,
.section-legal-details-en  .node-description p,
.section-legals-details-landing-page .node-description p {
    width: 90%;
    margin-bottom:20px;
}
.section-legal-details-de  .node-description ul,
.section-legal-details-en  .node-description ul,
.section-legals-details-landing-page .node-description ul {
    margin-bottom:20px;
}*/

/*
* Tablet portrait sizes and down
*/
@media only screen and (min-width: 768px) {
    #title-text-cta-851 .field-name-field-tt-cta-link .field-item.odd,
    #title-text-cta-759 .field-name-field-tt-cta-link .field-item.odd{
        line-height: 30px;
    }
    #title-text-cta-851 .field-name-field-tt-cta-link .field-item.odd a,
    #title-text-cta-759 .field-name-field-tt-cta-link .field-item.odd a{
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .field-name-field-tt-cta-link .field-item.odd{
        line-height: 38px;
    }
    .landing-page-content >div > div> div > .node-description  {
        margin-top: 90px;
    }
    .landing-page-content >div > div> div > .node-description .description-content .field-name-field-description-text,
    .landing-page-content >div > div> div > .node-description .description-content > H2{
        padding: 0 15px;
    }
    .field-name-field-tt-cta-link .field-item a{
        margin-top:0
    }
    .field-name-field-tt-cta-link .field-item {
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }
    .field-name-field-tt-cta-link .field-item a{
        font-size: 20px;

    }

    .field-name-field-description,
    .field-name-field-reservation,
    .field-name-field-hotel-informations{
        width:50%;
        float: left;
        box-sizing: border-box;
        padding: 0;
        padding-left: 15px;
    }
    .field-name-field-hotel-informations
    {
        /*padding: 35px 25px 0px;*/
        padding: 0px 0px 0px;
    }
    .field-name-field-reservation{
        padding: 0px 0px 0px;
    }

    .node-description .field-name-field-description-file .field-items{
        font-size: 0;
    }
    .node-title-text-cta .desktop{
        display: block;
        position: relative;
        top: 0;
        text-align: center;
        height: 100%;
        margin: 0 auto;
        border-top: 3px solid #000;
        width: 230px;
        border-bottom: 3px solid #000;
        box-sizing: border-box;
        min-height: 400px;
    }
    .node-title-text-cta .desktop .center-content{
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        position: relative;
    }
    .node-title-text-cta .field-name-field-tt-cta-title{
        text-align: center;
        font-family: 'MillerBanner_Bold';
        font-size: 26px;
        width: 100%;
        left: 0;
    }

    .node-title-text-cta .field-name-field-tt-cta-text{
        text-align: center;
        font-family: 'zapfhumnst_btroman';
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        margin-bottom:20px;
        display:block;
    }
    .node-title-text-cta .field-type-telephone{
        width: 100%;
        left: 0;
        font-family: 'zapfhumnst_btroman';
        font-size: 14px;
        line-height: 16px;
        text-transform: uppercase;
        padding-top: 0px;
        padding-bottom:20px;
    }
    .node-title-text-cta .field-name-field-tt-cta-e-mail{
        font-family: 'zapfhumnst_btroman';
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .node-title-text-cta .separator{
        width: 100%;
        height:20px;
        background: url("images/decoration_black.svg") no-repeat center center;
        margin-top:30px;
        margin-bottom:30px;
    }
    .node-title-text-cta .field-name-field-tt-cta-link{
        width: 100%;
        left: 0;
    }
    .field-name-field-tt-cta-link .field-item  a.field-name-field-tt-cta-link .field-item  a{
        font-size: 26px;
        text-decoration:none;
    }

    .field-name-field-tt-cta-call .field-item:after{
    }
    .node-description .field-name-field-description-text,
    .node-description-2-columns .field-name-field-description-text-left,
    .node-description-2-columns .field-name-field-description-text-right  {
        font-size: 14px
    }
    .node-description-2-columns .field-name-field-description-text-left,
    .node-description-2-columns .field-name-field-description-text-right {
        width: calc(50% - 40px);
        display: inline-block;
        padding: 20px;
        float: left;
    }
    /*.restaurant-bottom{
        margin-top:0px;
    }*/
    .restaurant-bottom .hotel-informations{
        padding: 0px 0px;
    }
}

@media only screen and (min-width: 960px) {
    /*.section-legal-details-de  .node-description,
    .section-legal-details-en  .node-description,
    .section-legals-details-landing-page .node-description {
        overflow: hidden;
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        margin-top: 90px;
        margin-bottom: 90px;
        padding: 0px 0px 0px;
    }
    .section-legal-details-de  .node-description p,
    .section-legal-details-en  .node-description p,
    .section-legals-details-landing-page .node-description p {
        width: 100%;
    }*/
}

/*
 * Desktops/laptops FULL WITDH
 */
@media only screen and (min-width: 1600px) {

}
