/*  ==========================================================================
    Module (Wiederverwendbare Elemente)
    Lesen: http://webkrauts.de/artikel/2009/objektorientiertes-css-eine-einfuehrung
    ========================================================================== */

/*
 * Global classes
 */

.debug {
    display: none;
}

/* call to action */
.cta_link {
	display: inline-block;
	font-size: 1.6em;
	font-weight: 400;
	text-decoration: none;
}

.vista-placeholder {
    height: 140px;
}

.sup {
    vertical-align: 25%;
    line-height: 1em;
}

.copyright {
    vertical-align: 60%;
    font-size: 0.7em;
    line-height: 1em;
}
h2.subheadline .copyright,
h3 .copyright {
    font-size: 0.5em;
}

/* calculated height */
.calc_height {
    min-height: -o-calc(50vh - 129px);
    min-height: -webkit-calc(50vh - 129px);
    min-height: -moz-calc(50vh - 129px);
    min-height: calc(50vh - 129px);
}

.calc_height_fixed {
    height: 350px;
    height: -o-calc(50vh - 129px);
    height: -webkit-calc(50vh - 129px);
    height: -moz-calc(50vh - 129px);
    height: calc(50vh - 129px);
}

.fullH {
    min-height: calc(100vh - 129px);
    min-height: -o-calc(100vh - 129px);
    min-height: -webkit-calc(100vh - 129px);
    min-height: -moz-calc(100vh - 129px);
}

.slogan {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*z-index: 1000;*/
}
.slogan .contents {
    position: absolute;
    font-size: 8.0em;
    font-weight: 200;
    top: 20%;
    left: 100px;
    padding: 0 90px 0 0;
    color: #ffffff;
    z-index: 10;
}
#incert-voucher_iFrame {
    max-height: 2500px !important;
}

iframe.slide {
    overflow: hidden;
}
.gallery .file-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.frame .file-list {
    font-size: 1.6em;
}
    .frame .file-list .item {
        margin: 20px 0;
    }

.slogan.middle .contents {
    top: 50%;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.slogan.bottom .contents {
    top: auto;
    bottom: 5%;
}
.slogan.center .contents {
    right: 0;
    text-align: center;
}
.slogan.right .contents {
    right: 0;
    left: auto;
    text-align: right;
}
.additionals-container .slogan .contents {
    font-size: 4em;
}
.additionals-container .image .slogan .contents .toggle-text {
    font-size: 0.52em;
}
.slogan.right .contents,
.element-container:nth-child(2n) .slogan.alt .contents {
    right: 0;
    left: auto;
}

.slogan.animation .part {
    display: none;
}

a:hover .slogan {
    background: rgba(0, 0, 0, 0.2);
}

.tx-contentdesigner-form {
    margin-bottom: 20px;
}

.tx-contentdesigner-ajax .element-container:last-child {
    margin-bottom: 0;
}

/*
Read More Button
*/
.has-gallery .read-more-button {
    display: none !important;
}
.white .read-more-button:after {
    position: absolute;
    box-shadow: -10px -42px 30px #fff;;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.darker .read-more-button:after {
    position: absolute;
    box-shadow: -10px -42px 30px #bf9069;;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.light .read-more-button:after {
    position: absolute;
    box-shadow: -10px -42px 30px #ead0af;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.dark .read-more-button:after {
    position: absolute;
    box-shadow: -10px -42px 30px #ccae80;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.lighter .read-more-button:after {
    position: absolute;
    box-shadow: -10px -42px 30px #E5D6BF;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.read-more-button {
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 1000px;
    margin: auto;
    font-size: 1.7em;
    text-decoration: underline;
}
.read-more-act{
    height: 100% !important;
}


/*
 * Basic Elements
 */

.element-container {
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	width: 100%;
    background-color: white;
}
.element-container.white .vista-slide {
    background: #6e6353;
}
.slogan.light,
.element-container.light,
.element-container.light .article .frame {
    background: #ead0af;
}
.slogan.lighter,
.element-container.lighter,
.element-container.lighter .article .frame{
    background: #E5D6BF;
}
.slogan.dark,
.element-container.dark,
.element-container.dark .article .frame{
    background: #ccae80;
}
.slogan.darker,
.element-container.darker,
.element-container.darker .article .frame{
    background: #bf9069;
    color: #ffffff;
}
.element-container.pink,
.element-container.pink .article .frame {
    background: #A80542;
    color: #ffffff;
}
.element-container.darker a {
    color: #ffffff;
    /*border-bottom: 1px solid #ffffff;*/
}
.element-container.darker a:hover {
    color: #A80542;
}

.element-container.dark h2,
.element-container.dark h1,
.element-container.dark h3,
.element-container.dark p{
    color: #6e6353;
}
.element-container.pink a {
    color: #ffffff;
    text-decoration: none;
    /*border-bottom: 1px solid #ffffff;*/
}
.element-container.pink a:hover {
    color: #ffffff;
    /*border-bottom: 1px solid #6e6353;*/
}
    .element-container > .right,
    .element-container > .left,
    .element-container > .fullW {
        padding: 0;
    }
    .element-container > .article {
        background: #ffffff;
        padding: 150px;
    }
        .element-container .frame {
            position: relative;
            width: 100%;
        }
        .element-container .bg-image .text {
            background-image: url("../img/layout/BG_hotel-sketch_385x145.png");
            background-position: right bottom;
            background-repeat: no-repeat;
            padding-bottom: 140px;
        }
            .element-container .has-gallery .frame > div {
                width: 50%;
            }
            .element-container .has-gallery.pictorial .frame .text {
                width: 67.4%;
            }
            .element-container .has-gallery.pictorial .frame .image {
                width: 32.6%;
            }
            .element-container .fullW .frame > div {
                width: 100%;
            }
            .element-container .article .frame {
                overflow: hidden;
            }
            .element-container .article .frame .text {
                padding: 70px;
            }
            .element-container .has-gallery.article .frame .text {
                width: 32.6%;
            }
            .element-container .has-gallery.article .frame .image {
                width: 67.4%;
            }
        .element-container .frame .spacer {
            display: none;
        }
        .element-container .pictorial .frame .spacer {
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            background: #ffffff;
            width: 20px;
        }
            .element-container > .left .spacer {
                left: 32.6%;
            }
            .element-container > .right .spacer {
                right: 32.6%;
            }

        .element-container .text {
            padding: 70px 0;
            max-width: 1000px;
            margin: auto;
        }
       /* .element-container .text.no-top {
            padding-top: 50px;
            color: white;
        }
        .element-container .text.no-top a {
            color: white;
        }*/
        .element-container .text.no-top h1 {
            margin-top: 0;
        }
        #uid2 .element-container .text.no-top h1 {
            margin-top: 25px;
        }
        .element-container .bc_nav ~ .ma_center .frame .spacer {
            display: none;
        }
        .element-container > .left .text,
        .element-container > .right .text {
            padding-left: 160px;
            padding-right: 160px;
        }
        .element-container > .left .text {
            float: right;
        }
        .element-container > .right .text {
            float: left;
        }
        .element-container > .fullW .text {
            /*padding: 70px 455px 70px 455px;*/
        }
				.element-container .text h2 {
					/*margin-bottom: 30px;*/
				}
				.element-container .text h2.subheadline,
				.element-container .text h3,
				.element-container .text p {
					/*display: inline;*/
					line-height: 27px;
				}
                .element-container .text p + p {
                    display: block;
                }
				.element-container .text h2.subheadline {
					margin-bottom: 0;
				}
				.element-container .text h2.subheadline,
				.element-container .text h3 {
					margin-right: 10px;
                    margin-left: -0.09em;
                    line-height: 1.1;
				}
				.element-container .text .cta_link {
                    display: block;
					margin-top: 20px;
                    float: left;
				}
        .element-container .image {
            position: absolute;
            top: 0;
            bottom: 0;
            overflow: hidden;
            /*background: #333333;*/
        }
        #vista .slogan.font-light .contents,
        .element-container .image.font-light .slogan .contents {
            color: #ead0af;
        }
        #vista .slogan.font-lighter .contents,
        .element-container .image.font-lighter .slogan .contents {
            color: #e5d6bf;
        }
        #vista .slogan.font-dark .contents,
        .element-container .image.font-dark .slogan .contents {
            color: #ccae80;
        }
        #vista .slogan.font-darker .contents,
        .element-container .image.font-darker .slogan .contents {
            color: #bf9069;
        }
        #vista .slogan.font-gray .contents,
        .element-container .image.font-gray .slogan .contents {
            color: #fff;
        }

        .element-container.font-white .image .slogan .contents {
            color: #ffffff!important;
        }
        .element-container.font-light .image .slogan .contents {
            color: #ead0af!important;
        }
        .element-container.font-lighter .image .slogan .contents {
            color: #e5d6bf!important;
        }
        .element-container.font-dark .image .slogan .contents {
            color: #ccae80!important;
        }
        .element-container.font-darker .image .slogan .contents {
            color: #bf9069!important;
        }
        .element-container.font-gray .image .slogan .contents {
            color: #6d6352!important;
        }

        .element-container .fullW .image {
            position: relative;
            top: auto;
            bottom: auto;
            height: 550px;
        }
        .element-container .left .image {
            left: 0;
        }
        .element-container .right .image {
            right: 0;
        }

        .element-container .gallery {
            position: relative;
            overflow: hidden;
        }
            .gallery .slick-prev,
            .gallery .slick-next {
                background: rgba(0,0,0,0.6);
                border: 0;
                color: #ffffff;
                font-size: 15px;
                line-height: 40px;
                height: 40px !important;
                margin-top: -20px;
                position: absolute !important;
                top: 50%;
                width: 40px !important;
                z-index: 5 !important;
            }
            .gallery .slick-prev {
                left: 0;
            }
            .gallery .slick-next {
                right: 0;
            }
            .gallery .slogan,
            .gallery a:hover .slogan {
                display: none;
                background: rgba(0,0,0,0.6);
            }
            .gallery .slogan .contents {
                font-size: 0.7em;
                padding: 0 20px;
            }
            .gallery .item:hover .slogan {
                display: block;
            }
            .slider {
                overflow: hidden;
                position: absolute;
                width: auto;
                z-index: 5;
            }
            .slider.maxW {
                left: 0;
                right: 0;
            }
            .slider.maxH {
                top: 0;
                bottom: 0;
            }
            .slider .item {
                float: left;
                display: block;
                position: relative;
            }
            .slider.maxW .item,
            .slider.maxW .item .srcset,
            .slider.maxW .item img {
                height: auto;
                width: 100%;
            }

            .slider.maxH .item,
            .slider.maxH .item .srcset,
            .slider.maxH .item img {
                height: 100%;
                width: auto;
            }

        .element-container .additional-category {
            margin-bottom: 20px;
        }


/* FG News Element new */
.padding-news {
    padding: 7em 0;
}