/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Allgemeines */

html {
}

body {
    font-size: 1rem;
    font-size: 16px;
	background-color: #ffffff;
}

body.is--popup-active{
    width: 100%;
    height: 100vH;
    overflow: hidden;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, figure, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	margin: 0;
	padding: 0;
}

*{
    box-sizing: border-box;
}

strong{
    font-weight:700;
}

table {
	border-collapse: collapse;
    border-spacing: 0;
    width:100% !important;
}

ul, li{
    list-style: none;
}

nav>ul, nav>ul li{
    list-style-type: none;
}

ul{
    margin-top:1rem;
}



p, ul, ol, label, input, select, textarea, dd, dt, td, th, a, caption {
	font-family: "soleil", sans-serif;
	font-weight: 300;
    color: #333333;
    line-height: 1.4;
}

p{
    font-size: 1.125rem;
}

p, dt, dd, .content-main li, td, th, label {
    color: #333333;
}

a{
    text-decoration: none;
}




a:hover{
    text-decoration: none;
}


h1 {
	font-family: "soleil", sans-serif;
	color: #093B0D;
	font-weight: normal;
	font-size: 1.25rem;
	text-transform: none;
	text-align: center;
}

h2, h3, h4, h4 a {
	color: #3a3a3a;
	font-family: "fave-script-pro", sans-serif;
	font-weight: normal;
}

h2 {
	font-size: 3rem;
	color: #89010f;
	font-weight: normal;
    text-transform: none;
    line-height: 1;
}




h3 {
	font-size: 1.25rem;
	font-weight: normal;
	color: #333333;
	padding: 0px 0 10px;
	line-height: 1.4rem;
}

h4 {
	font-size: 1.0625rem;
	font-weight: bold;
	color: #2e3636;
	text-transform: uppercase;
}

h5 {
	font-size: 1rem;
	font-weight: bold;
}

h6 {
	font-size: 1rem;
}

a img {
	border: none;
}

img{
    max-width: 100%;
    height: auto;
    display: block;
}

p a{
    color: #89010f;
}

.text-right{
    text-align: right;
}

.text-center {
    text-align:center;
}

.block--important {
    margin: 1rem 0;
    padding: 1rem 2rem;
    border: 1px solid #333;
}

.frame-headline-subheadline .ce-text p{
    line-height:2;
}

html[lang="de"] .langnav a:first-child{
    display: none;
}

html[lang="de"] .langnav a:nth-child(2){
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

html[lang="it"] .langnav a:nth-child(2){
    display: none;
}

html[lang="it"] .langnav a:nth-child(1), html[lang="en"] .langnav a:nth-child(1){
    padding-right: 1rem;
}

html[lang="en"] .langnav a:nth-child(3){
    display: none;
}

html[lang="en"] .langnav a:nth-child(2):before, .langnav a:last-child:before{
    content: "|";
    display: inline-block;
    /* margin-right: 0.25rem; */
}

.text-left{
    text-align: left;
}

.wrapper--header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    height: 5.5rem;
    background-color: rgba(255,255,255,0.8);
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media screen and (min-width: 1250px) {
    .wrapper--header {
        height: 8rem;
    }
}

.wrapper--header:before {
    content:"";
    width:100%;
    height:0;
    position:absolute;
    top:0;
    background-color:#fff;
    transform: translate(0,0);
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display:block;
}

.dark .wrapper--header {
    background-color: rgba(255,255,255,1);
}

/* .dark .wrapper--header::before{
    height:100%;
    transform: translate(0,0);
} */

.is--navi-active .wrapper--header::before {
    height: 100vH;
}

.wrapper--header p, .wrapper--header span, .wrapper--header a {
    color: #333333;    
    /* -webkit-transition: all 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; */
}

.dark .wrapper--header{
    height: 5.5rem;
}

.is--navi-active .logo--main a p{
    color:#333333;
}

.dark .wrapper__inner--header{
    /* padding-top: 0; */
    height: 100%;
}

.frame-layout-z-index-image{
    position:relative;
    z-index:1;
}

.logo--main__dark {
    display: none;
    position:absolute;
    top: 1rem;
    left: 1rem;
    width: 3.5rem;
    height: 6rem;
    z-index: 500;
    transform: translate(0,-200%);
    padding-left:1rem;
}

.wrapper .wrapper__inner .logo--main a:hover{
    text-decoration: none;
}

.dark .logo--main__dark {
    transform: translate(0,0);
}

@media screen and (min-width: 1250px) {

    .dark .logo--main {
        bottom: 1rem;
    }

}

.dark .wrapper--header p, .dark .wrapper--header span, .dark .wrapper--header a{
    color: #333333;
}

.dark .logo--main p {
    color:#333333;
}


.wrapper__inner--header {
    max-width: 86.25rem;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.logo--main {
    /* damit geht es über die ganze breite */
    display:block;
    padding-left:1rem;
    padding-top: 0.75rem;
    transform: translate(0,0);
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;    
}

.logo--main img {
    width: 3rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    display: inline-block;
    margin-right: 1rem;
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.logo p {
    font-size: 1.125rem;
    max-width: 7rem;
    line-height: 1.3;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;    
    vertical-align: top;
}

@media screen and (min-width: 1250px) {
    .logo--main img {
        display: block;
    }

    .dark .logo--main img {
        transform: translate(0,-100%);
    }
   
    .logo p {
        display: block;
    }   
}

.contact-language{
    display:none;
}

.wrapper--header .contact-language {
    display:block;
    z-index:300;
}

.contact {
    position: absolute;
    top: 0.5rem;
    right: 5rem;
    text-align: right;
}

.contact a {
    display: inline-block;
    width: 3.25rem;
    vertical-align: middle;
}

@media screen and (min-width: 1250px) {
    .wrapper--header .contact-language p {
        top: 0.25rem;
        margin-right: 2rem;
    }
}

.wrapper--header .contact-language p a i.svgicon--mail{
    height: 1.25rem;
    display: inline-block;
}

.wrapper--header .contact-language p a i.svgicon--phone {
    height: 1.5rem;
    display: inline-block;
}

.wrapper--header .contact-language p a span {
    display:none;
}


.mainnav__items li a span {
    color:#333333;
    display:block;
}

/* .contact-language  i.svgicon--mail,
.contact-language  i.svgicon--phone{
    padding-top: 1rem;
}

.contact-language  i.svgicon--phone {
    padding-top: 0.75rem;
} */

.contact-language  i.svgicon--mail path,
.contact-language  i.svgicon--phone path {
    -webkit-transition: all 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    fill:#333333;
}

.is--navi-active  .contact-language  i.svgicon--mail path,
.is--navi-active  .contact-language  i.svgicon--phone path{
    fill:#000;
}

.dark  .contact-language i.svgicon--mail path,
.dark  .contact-language  i.svgicon--phone path{
    fill:#000;
}

.contact a {
    /* margin-right: 0.25rem; */
    padding: 0.5rem 0.25rem;
}

.wrapper--navi{
    padding-bottom: 1rem;
    padding-top: 2rem;
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;    
}

.dark .wrapper--navi{
    padding-top: 1rem;
}

div.logo p{
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
}

.frame-layout-bg-yellow{
    background-color: #f8f6e9;
}

.slider__container.hammerslide {
    position: relative;
    display: block;
    height:35vH;
    overflow: hidden;
}

@media screen and (min-width: 460px) {
    .slider__container.hammerslide {
        height:40vH;
    }
}

@media screen and (min-width: 560px) {
    .slider__container.hammerslide {
        height:50vH;
    }
}

@media screen and (min-width: 768px) {
    .slider__container.hammerslide {
        height:50vH;
    }
}

.main .hammerslide {
    height: auto;
}

.contentheader__content{
    position: relative;
    margin-bottom:2rem;
    padding:0 1rem;
}

.hammerslide .frame{
    position: absolute;
    top:0;
    left:0;
}
.hammerslide figure{
    margin: 0;
}
.hammerslide img{
    width: 100%;
}

.wrapper--pageheader{
    position: relative;
}

/* .start .contentheader__content{
    max-width: 48.5rem;
} */

.contentheader__image {
    margin-top: 5.5rem;
}

@media screen and (min-width: 64rem) {
    .contentheader__image {
        margin-top: 0;
    }
}

.contentheader__content figure.image{
    max-width: 7rem;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.contentheader__content h1{
    font-family: "fave-script-pro", sans-serif;
    color: #333333;
    font-size: 3.5rem;
}


.contentheader__content .ce-text p:before{
    content: "";
    height: 1px;
    width: 19.5rem;
    background-color: #333333;
    display: block;
    margin: 0 auto;
}

.contentheader__content .ce-text p{
    text-align: center;
    color: #333333;
}

.ce-gallery[data-ce-images="2"] figure{
    max-width: 100%;
    margin-bottom:1rem;
}

.ce-gallery[data-ce-images="2"] > div:last-child{
    position: relative;
    transform: none;
}

.container .ce-textpic img{
    width: 100%;
}

.container .ce-textpic{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap:wrap;
}

.container .ce-textpic > *{
    flex: 0 0 100%;
}


.container .ce-textpic .ce-bodytext{
    max-width: 36rem;
    text-align: left;
    margin-top:3rem;
    margin-bottom:1rem;
}


.container .ce-textpic .ce-bodytext h2{
    margin-bottom: 1rem;
    font-size: 3rem;
    line-height: 1.1;
    margin-top:2rem;
}

.start .container .ce-textpic .ce-bodytext p{
    text-align: left;
    font-size: 1.125rem;
    margin-top: 1rem;
}

.frame-type-image{
    position: relative;   
}

.frame-type-textpic{
    margin-top:1rem;
}

.contentheader__booking .link--direct-booking {
    width: 8.5rem;
    height: auto;
    position: absolute;
    display:block;
    top: 34%;
    right:1rem;
    -webkit-transition: all 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    display:none;
}

.contentheader__booking .link--direct-booking span {
    display: none;
}

.contentheader__booking .link--direct-booking:hover {
    transform:rotate(16deg);
}

.main .link--direct-booking span {
    display: none;
}

.main .link--direct-booking g > g > g > path {
    fill: #333333;
}

.main .link--direct-booking g > path, .main .link--direct-booking g > g > path {
    stroke: #333333;
}

.frame-list-arrow .frame__inner{
    position: relative;
}

.frame-list-arrow .ce-text{
    display: inline-block;
    margin-left: 0;
}

.frame-list-arrow li i{
  width: 2rem;
  height: 1rem;
  vertical-align: sub;
  margin-right: 1rem;
  display:inline-block;
  top:auto;
  left:auto;
  transform:translate(0);
  position: relative;
}

.frame-list-arrow li i path{
    stroke: #333333;
}

.is--hidden{
    display: none;
}


.frame-list-arrow{
    margin-left:0;
}

.frame-type-gridelements_pi1 .frame-info-header .ce-text{
    display:block;
    margin-top:1rem;
    border: 2px dotted black;
    text-align:center;
}

body.is--navi-active {
    height: 100vH;
    overflow: hidden;
}

.is--navi-active .wrapper--header a{
    color:#333333;
}

/* .is--navi-active .dark .logo--main p{
    color:#fff;
} */
 
/* .is--navi-active .logo--main__dark{
    display: block;
    position: absolute;
    top: 1rem;
    left: 0;
    width: 4rem;
    height: auto;
    z-index: 500;
    padding-left:1rem;
} */


/* ginge auch einfacher mit .navitem--sub */
.wrapper--header ul li:not(:last-child){
    border-bottom: 1px solid #eee;
}

@media screen and (min-width: 768px){
    .contentheader__booking .link--direct-booking {
        top: 56%;
    }

    .frame-list-arrow .ce-text{
        margin-left: 2rem;
    }    

    .contentheader__content{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-bottom:auto;
        padding:0;
        width: 100%;
    }    

    .contentheader__content h1 {
        color: #ffffff;
        font-size: 5.5rem;
    }    
}


@media screen and (min-width: 1024px){

    ul {
      /* margin-top:auto; */ /* WAS? */
    }

    h2{
        font-size:4.5rem;
    }

    .dark .wrapper--header{
        height: 5.5rem;
    }

    .slider__container.hammerslide {
        height: 100vh;
        overflow: hidden;
    }

    .main .hammerslide {
        height: auto;
    }    

    .hammerslide img {
        width: auto;
        height: 100%;
        object-fit: cover;
        max-width: none;
    }

    .contentheader__content h1 {
        color: #ffffff;
        font-size: 7.75rem;
    }

    .contentheader__content figure.image {
        max-width: 10rem;
    }

    .contentheader__content .ce-text p {
        text-align: center;
        color: #ffffff;
        font-size: 2rem;
    }

    .contentheader__content .ce-text p:before {
        background-color: #ffffff;
    }

    .ce-gallery[data-ce-images="2"] > div:last-child{
        position: relative;
    }

    .ce-gallery[data-ce-images="2"] figure{
        max-width: 60%;
        margin-bottom:auto;
    }

    .container .ce-textpic > *{
        flex: 0 0 50%;
    }

    .container .ce-textpic .ce-bodytext h2{
        font-size: 4.5rem;
        margin-left:2rem;
        margin-top:auto;
    }

    .container .ce-textpic .ce-bodytext{
        margin-top:0;
        margin-bottom:0;
    }

    .start .container .ce-textpic .ce-bodytext p{
        text-align: left;
        margin: 0 1rem 0 5.7rem;
        font-size: 1.125rem;
    }

    .frame-type-textpic  .ce-textpic.ce-right .ce-gallery {
        order: 2;
        flex: 0 0 60%;
    }

    .frame-type-textpic  .ce-textpic.ce-right[data-child-elements="1"] .ce-gallery {
        margin-left: 40%;
    }

    .frame-type-textpic{
        margin-top:5rem;
    }

    .frame-type-textpic .ce-textpic div:nth-child(2) {
        order: 1;
        flex: 0 0 40%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .container .frame-type-textpic .ce-textpic .ce-bodytext p {
        margin: 0 3rem 0 0;
    }
    
    .frame-type-textpic .ce-column figure{
        margin-top:auto;
    }

    .contentheader__booking .link--direct-booking {
        width: 8.5rem;
        height: auto;
        position: absolute;
        right: 6rem;
        bottom: 6rem;
        top: auto;
        margin-top:auto;
        -webkit-transition: all 300ms ease;
        -webkit-transition-delay: ease, 0s;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        display:block;
    }

    .frame-list-arrow .ce-text{
        margin-left: 13rem;
    }

    .frame-space-after-medium h2{
        max-width: 50%;
    }

    .frame-type-gridelements_pi1 .frame-info-header .ce-text{
        border: 2px dotted black;
        border-radius: 50%;
        width: 13.75rem;
        height: 13.75rem;
        position: absolute;
        transform: rotate(-15deg);
        bottom: 27rem;
        right: 1rem;
        left:auto;
        top:auto;
        text-align:center;
    }

    .frame-list-arrow{
        margin-left:5rem;
    }
}



@media screen and (min-width: 1250px){

    .dark .wrapper--header{
        height: 7rem;
    }

    a:hover{
        text-decoration: underline;
    }

    .logo--main__dark {
        padding-left:0;
    }

    .mainnav__items li a span{
        color:#333333;
    }

    .contact-language{
        display: flex;
        flex-direction: row;
        position: relative;
        max-width: 86.25rem;
        margin: 0 auto;
        justify-content: center;
        font-size: 1.125rem;
    }

    .logo p{
        max-width: 11rem;
    }

    .wrapper--header .contact-language p a i.svgicon--mail,
    .wrapper--header .contact-language p a i.svgicon--phone{
        display:none;
    }

    .logo--main{
        position: absolute;
        bottom: 1rem;
        left: 0;
        display:block;
    }

    .contact a {
        width: auto;
    }

    .wrapper--header .contact-language p a span {
        display:inline-block;
    }

    .contact a:hover span{
        text-decoration: underline;
    }

    div.logo p {
        font-size: 1.125rem;
    }

    .wrapper--header ul li:not(:last-child){
        border-bottom: none;
    }

    
    
}

@media screen and (min-width: 1420px){
    .dark .wrapper--header{
        height: 7rem;
    }

    .contact-language{
        justify-content: flex-end;
    }

    .contentheader__content h1{
        font-size: 7.75rem;
        line-height:1.1;
    }
}

@media screen and (min-width: 1450px){
    .container .ce-textpic .ce-bodytext h2{
        font-size: 4.5rem;
        margin-left:auto;
    }

    .start .container .ce-textpic .ce-bodytext p{
        margin: 0 0 0 9.7rem;
    }

    .contentheader__content .ce-text p{
        text-align: center;
        color: #ffffff;
        font-size: 3rem;
    }

    .container .frame-type-textpic .ce-textpic .ce-bodytext  p{
        margin: 0 5rem 0 0;
    }

    .contentheader__content .link--direct-booking {
        bottom: 2rem;
        top:auto;
    }

    .frame-type-gridelements_pi1 .frame-info-header .ce-text{
        bottom: 27rem;
        right: -7rem;
    }
}


@media screen and (min-width: 1600px) {
    .hammerslide img {
        width: 100%;
        height: auto;
        object-fit: initial;
        max-width: 100%;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Allgemeines */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- video */

video {
    width: 100%;
    height: auto;
  }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- video */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Main */

.main > div{
    overflow: hidden;
    padding: 3rem 1rem;
}

.main .frame__inner{
    max-width: 86.25rem;
    margin: 0 auto;
}

.start .main > div:last-child .container > div:last-child{
    margin-top: 1rem;
} 

@media screen and (min-width: 1024px){
    /* .start .main > div:last-child .container > div:last-child{
        margin-top: -2rem;
    }  */

    .main > div:nth-of-type(odd){
        overflow: hidden;
        padding: 5rem 1rem 4.125rem 1rem;
    }

    .main > div:nth-of-type(even){
        overflow: hidden;
        padding: 4.75rem 1rem 4.125rem 1rem;
    }
}


@media screen and (min-width: 1450px){
    .main > div:nth-of-type(odd){
        padding: 5rem 0 5.125rem 0;
    }

    
    .main > div:nth-of-type(even) {
        padding: 4rem 0 4.125rem 0;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Main */


/* ------------------------------------------------------------------------------------------------------------------------------------------------------- frame-img-over-img 1*/



.frame-img-over-img-1 {
    position:relative;
}

.frame-img-over-img-1 .ce-gallery figure {
    max-width:100%;
}

@media screen and (min-width: 1024px){
    .frame-img-over-img-1 .frame-type-textpic .ce-column+.ce-column {
        margin-top: 2rem;
        position: relative;
    }

    .frame-img-over-img-1 .frame-type-textpic .ce-textpic .ce-bodytext {
        justify-content:flex-start;
    }
}

@media screen and (min-width: 1450px) {
    .frame-img-over-img-1 .frame-type-textpic .ce-column+.ce-column {
        transform: translate(70%,-50%);
        margin-bottom: -6.875rem;

    }

}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- frame-img-over-img 1*/






/* ------------------------------------------------------------------------------------------------------------------------------------------------------- frame-img-over-img 2*/


.frame-img-over-img-2 .container .ce-textpic > div:first-child{
    flex: 0 0 100%;
}

.frame-img-over-img-2 .container .ce-textpic > div:nth-child(2){
    flex: 0 0 100%;
}

.frame-img-over-img-2 .container .ce-textpic .ce-gallery .ce-column + .ce-column figure {
    margin-top: 1rem;
    /* padding-bottom: 5rem; */
}

.frame-img-over-img-2 .container .ce-textpic .ce-column figure{
    max-width: 100%;
}


.frame-img-over-img-2 .call-to-action{
    margin-top: 1rem;
    position: relative;
    display: inline-block;
}

.frame-img-over-img-2 .call-to-action i{
    position: relative;
    
}

.frame-img-over-img-2 .call-to-action i path{
    stroke: #89010f;
}

@media screen and (min-width: 1024px){
    .frame-img-over-img-2 .container .ce-textpic.ce-right > div:first-child{
        flex: 0 0 45%;
    }

    .frame-img-over-img-2 .container .ce-textpic > div:nth-child(2) {
        flex: 0 0 55%;
    }

    .frame-img-over-img-2 .container .ce-textpic .ce-gallery .ce-column+.ce-column figure {
        transform:translate(-60%,-50%);
        margin-bottom: -25%;
    }

    .frame-img-over-img-2 .call-to-action i {
        margin: auto 0;
        position: absolute;
        top: 50%;
        /* left: 28rem; */
        transform: translateY(-50%);
        width: 5.5rem;
        
    }

    .frame-img-over-img-2 .frame-type-textpic .ce-textpic .ce-bodytext{
        justify-content:flex-start;
    }
}


@media screen and (min-width: 1450px){
    .frame-img-over-img-2 .container .ce-textpic .ce-gallery .ce-column+.ce-column figure{
        padding-bottom:0;
    }

    .frame-img-over-img-2 .call-to-action i{
        left: 32rem;
    }
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------- frame-img-over-img 2*/




/* ------------------------------------------------------------------------------------------------------------------------------------------------------- frame-img-over-img 3*/




@media screen and (min-width: 1024px){
    
    .main > div.frame-img-over-img-3{
        padding: 3.625rem 0 7.5rem 0;
    }

    .frame-img-over-img-3 .container .ce-textpic{
        flex:0 0 57%;
    }

    .start .main div.frame-img-over-img-3  .container > div.frame-img-right{
        margin-top: 2rem;
        margin-left: 0;
    }

    
}

@media screen and (min-width: 1450px){

    .frame-img-over-img-3  .container  .frame-type-image .ce-right{
        margin-top: -10rem;
        margin-left: 14.5rem;
        max-width:50%;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- frame-img-over-img 3*/



/* ------------------------------------------------------------------------------------------------------------------------------------------------------- frame-img-over-img 5*/

.frame-img-over-img-5 .container {
    display: flex;  
    flex-wrap: wrap;
}

.frame-img-over-img-5 .container h2 {
    margin-bottom:2rem;
}

.frame-img-over-img-5 .container > div:first-child{
    flex: 0 0 100%;
}


.frame-img-over-img-5 .container > div:nth-child(2){
    flex: 0 0 100%;
}

.frame-img-over-img-5 .container > div:first-child .ce-textpic{
    display: block;
    margin-bottom:1rem;
}

.frame-img-over-img-5 .container > div:nth-child(2) .ce-textpic{
    flex-direction: column;
}

.frame-img-over-img-5 .container > div:nth-child(2) figure{
    max-width: 100%;
    margin-left: 0;
}

.frame-img-over-img-5 .container > div:nth-child(2) .ce-column:nth-child(2) figure{
    margin-left: auto;
    
}

.frame-img-over-img-5 .container .ce-textpic .ce-bodytext{
    max-width: 100%;
}

.frame-img-over-img-5 .container .ce-bodytext p{
    font-size: 1.125rem;
    margin: 2rem 0 0 0;
}

.frame-img-over-img-5 .container  .ce-bodytext{
    position:relative;
}

@media screen and (min-width: 1024px){
    .frame-img-over-img-5 .container > div:first-child{
        flex: 0 0 36%;
    }

    
    .frame-img-over-img-5 .container > div:nth-child(2){
        flex: 0 0 63%;
    }

    .frame-img-over-img-5 .container > div:first-child .ce-textpic{
        display: block;
        margin-bottom:auto;
    }

    .frame-img-over-img-5 .container > div:nth-child(2) figure{
        max-width: 41%;
        margin-left: 8rem;
    }

    .frame-img-over-img-5 .container > div:nth-child(2) .ce-column:nth-child(2) figure{
        margin-right:7rem;
    }

    .frame-img-over-img-5 .container .ce-bodytext p{
        font-size: 1.125rem;
        margin: 0 0 0 4rem;
    }

    .frame-img-over-img-5 .container > div:nth-child(2) .ce-column:nth-child(2) figure{
        margin-top:-7rem;
    }

    .frame-img-over-img-5 .container  .ce-bodytext{
        max-width:80%;
        position:relative;
        margin-top:5rem;
        margin-left:15%;
        margin-bottom:2rem;
    }
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------- frame-img-over-img 5*/

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Abstandsdefinitionen */

.frame-space-before-small{
    margin-top:2rem;
}

.frame-space-before-extra-small{
    margin-top:1rem;
}

.frame-space-before-medium{
    margin-top:5rem;
}

.frame-space-before-large{
    margin-top:7rem;
}

.frame-space-before-extra-large{
    margin-top:10rem;
}

.frame-space-after-extra-small{
    margin-bottom:1rem;
}

.frame-space-after-small{
    margin-bottom:2rem;
}

.frame-space-after-medium{
    margin-bottom:5rem;
}

.frame-space-after-large{
    margin-bottom:7rem;
}

.frame-space-after-extra-large{
    margin-bottom:10rem;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Abstandsdefinitionen */


/* ------------------------------------------------------------------------------------------------------------------------------------------------------- frame-room-one */


.frame-room-one .container{
    position:relative;
}

.frame-room-one .container .frame-type-image{
    display:block;
    margin-top:1rem;
}

.frame-room-one .container .frame-reserve-svg{
    display:block;
    margin-top:1rem;
}

.main .link--direct-booking {
    width: 5rem;
    height: 5rem;
    display: block;
    -webkit-transition: all 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.frame-room-one .ce-textpic .ce-gallery .ce-column figure{
    max-width:100%;
}


.frame-room-one .ce-textpic .ce-gallery .ce-column+.ce-column figure{
    margin-top: 0;
}

.frame-room-one .container .frame-type-textpic .ce-textpic .ce-bodytext  p:first-child{
    margin: 2rem auto 0 0;
}

.frame-room-one .call-to-action{
    margin-top: 1rem;
}


@media screen and (min-width: 1024px){
    .main .frame-room-one .link--direct-booking, .main .link--direct-booking {
        width: 10rem;
        height: 10rem;
        display: block;
    }
    .frame-room-one .container .frame-type-image{
        position: absolute;
        bottom: 4rem;
        width: 10rem;
        left: 43%;
        display:block;
        margin-top:auto;
    }

    .frame-room-one .container .frame-reserve-svg, .main .frame-room-one .link--direct-booking {
        position: absolute;
        height: 10rem;
        bottom: 10%;
        width: 10rem;
        left: 56%;
        right:auto;
        display:block;
        margin-top:auto;
        z-index:20;
    }
    
    .frame-room-one .frame-type-textpic .ce-textpic .ce-bodytext{
        justify-content:flex-start;
    }

    .frame-room-one .container .frame-type-textpic .ce-textpic .ce-bodytext  p:first-child{
        margin: 2rem 3rem 0 0;
    }

    .frame-room-one .ce-textpic .ce-gallery .ce-column+.ce-column figure{
        margin-top: 6%;
    }

    .frame-room-one .call-to-action{
        margin-top:4rem;
    }
}


@media screen and (min-width: 1450px){
    .frame-room-one .ce-textpic .ce-gallery .ce-column+.ce-column figure{
        margin-top: 0;
        transform: translate(-66%,-20%);
    }

    .frame-room-one .call-to-action{
        margin-top:auto;

    }

    .main > div.frame-room-one{
        padding: 4rem 0 3.125rem 0;
    }
    
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- frame-room-one */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- frame-room-two */

.frame-room-two .container .frame-reserve-svg figure:hover {
    transform: rotate(16deg);
    -webkit-transition: all 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.frame-room-two .container .frame-reserve-svg figure{
    -webkit-transition: all 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.frame-room-two .container{
    position:relative;
}

.frame-room-two .container .frame-reserve-svg{
    position:relative;
    right:auto;
    left:auto;
    bottom:auto;
    margin-top:1rem;
}

.frame-room-two .ce-textpic .ce-gallery .ce-column figure{
    max-width:100%;
}


.frame-room-two .container .ce-textpic .ce-gallery .ce-column+.ce-column figure{
    margin-top:0;
}

.frame-room-two .text-right{
    text-align:left;
}

@media screen and (min-width: 1024px){
    .frame-room-two .frame-type-textpic .ce-textpic .ce-bodytext{
        justify-content:flex-start;
    }

    .frame-room-two .text-right{
        text-align:right;
    }
    

    .main div.frame-room-two+.frame{
        padding: 8rem 1rem 6rem 1rem;
    }

    .frame-room-two .container .frame-reserve-svg, .main .frame-room-two .link--direct-booking {
        position: absolute;
        height: 10rem;
        bottom: 21%;
        width: 10rem;
        left: 30%;
        display:block;
        margin-top:auto;
        z-index: 20;
    }

    .frame-room-two .container .ce-textpic .ce-gallery .ce-column+.ce-column figure{
        margin-top:10%;
        transform: translate(70%,-10%);
    }

    .frame-room-two .container .frame-reserve-svg figure{
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0;
        max-width: 100%;
    }
    
}


@media screen and (min-width: 1450px){
    

    .frame-room-two .container .ce-textpic .ce-gallery .ce-column+.ce-column figure{
        margin-top:0;
    }

    .main div.frame-room-two+.frame{
        padding-left:0;
        padding-right:0;
    }
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------- frame-room-two */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- link-virtuell */

.link-virtuell {
    display: none;
    position: absolute;
    left: 6rem;
    top: 12rem;
    width: 8.5rem;
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media screen and (min-width: 64rem) {
    .link-virtuell {
        display: inline-block;
    }
}

.link-virtuell:hover {
    transform: rotate(17deg);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- link-virtuell */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- link-coupon */

.link-coupon {
    display: none;
    position: absolute;
    right: 6rem;
    top: 12rem;
    width: 8.5rem;
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media screen and (min-width: 64rem) {
    .link-coupon {
        display: inline-block;
    }
}

.link-coupon:hover {
    transform: rotate(17deg);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- link-coupon */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Call to action */


a.call-to-action{
    color: #89010f;
    text-transform: uppercase;
    font-size: 1.125rem;
}

.call-to-action{
    position: relative;
    display: inline-block;
    margin-left: 0;
    margin-top:1rem;
}


@media screen and (min-width: 1024px){

    a.call-to-action {
        padding-right: 8rem;
    }

    .call-to-action{    
        margin-top:auto;
    }
    
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Call to action */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Toggl Nav */

.togglenav {
    position: absolute;
    text-transform: uppercase;
    text-decoration: none;
    top: 3.5rem;
    width: 2rem;
    height: 20px;
    right:1rem;
    z-index: 20;
    display: block;
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
  
.togglenav__inner {
    width: 2rem;
    height: 1px;
    top: 7.5px;
    left: 0px;
    display: block;
    background-color: #333333;
    position: absolute;
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.togglenav__inner:before, .togglenav__inner:after, .closelink:before, .closelink:after {
    content: "";
    height: 1px;
    width: 2rem;
    position: absolute;
    left: 0px;
    top: -7.5px;
    background-color: #333333;
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.dark .togglenav__inner {
    width: 2rem;
    height: 1px;
    top: 7.5px;
    left: 0px;
    display: block;
    background-color: #333333;
    position: absolute;
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.dark .togglenav__inner:before, .dark .togglenav__inner:after, .closelink:before, .closelink:after {
    content: "";
    height: 1px;
    width: 2rem;
    position: absolute;
    left: 0px;
    background-color: #333333;
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.togglenav__inner:after, .closelink:after {
    width: 2rem;
    top: 7.5px;
}

.togglenav.is--active .togglenav__inner {
    background-color: transparent;
}

.dark .togglenav.is--active .togglenav__inner:before, .togglenav.is--active:before {
    transform: rotate(-135deg);
    top: 0;
    left: 0;
    background-color: #333333;
}

.dark .togglenav.is--active .togglenav__inner:after, .togglenav.is--active:after {
    transform: rotate(135deg);
    width: 2rem;
    top: 0;
    left: 0px;
    background-color: #333333;
}

.togglenav.is--active .togglenav__inner:before, .togglenav.is--active:before {
    transform: rotate(-135deg);
    top: 0;
    left: 0;
    background-color: #333333;
}

.togglenav.is--active .togglenav__inner:after, .togglenav.is--active:after {
    transform: rotate(135deg);
    width: 2rem;
    top: 0;
    left: 0px;
    background-color: #333333;
}

@media screen and (min-width: 1250px){
    .togglenav{
        display: none;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Toggl Nav */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Navigationsbar */

.mainnav {
    height:0;
    opacity:0;
    overflow:hidden;
    -webkit-transition: all 300ms ease  ;
    -webkit-transition-delay: ease,  ;
    -moz-transition: all 300ms ease ;
    -o-transition: all 300ms ease ;
    transition: all 300ms ease ;
}

.is--navi-active .mainnav{
    opacity:1;
    height:auto;
    /* margin-top:2rem; */
}

.mainnav__items {
    height: calc(100vH - 8rem);
    overflow-y:scroll;
}


.mainnav__items a{
    font-weight:bold;
    text-transform:uppercase;
    /* damit der ganze link klickbar wird */
    display: block;
}

.mainnav__items a span{
    font-weight: normal;
    text-transform:none;
}

/* warum nur bei is--navi-active */
/* die auszeichnung navitem würde reichen */
.navitem {   
    list-style: none;
    text-align: left;
    padding: 1rem 3rem 1rem 1rem;
    font-size:1rem;  
    display:block;
    /* damit kann der opener absolute positioniert werden */
    position: relative;
}

.navitem.is-current > a {
    text-decoration: underline;
    /* background-color: #f8f6e9; */
}

/* .navitem.is-current.is-hover{
    background-color:#fff;
} */

.subnav__items{
    width: 100%;
    margin-top: 0;
}

.subnav__items a{
    width: 100%;
}

.subnav p, .subnav a{
    text-transform: none;
}




.dark .subnav__items{
    background-color: #fff;
}


.subnav {
    margin-top:0;
    margin-left:0;
    height:0;
    overflow:hidden;
    opacity:0;
    position:relative;
    -webkit-transition: all 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    
}



.subnav.is-hover {
    height: auto;
    opacity:1;
    -webkit-transition: all 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.subnav__items{
    background-color:#fff;
}








.subnav__items li a{
    color: #333333;
    letter-spacing: 0.05rem;
}

.subnav__items li a span{
    color: #333333;
}

.subnav__items li a:hover{
    text-decoration:underline;
    color:#333333;
}



.subnav .subnav__items a {
    font-weight:normal;
    text-transform:none;
}

.subnavopener { 
    position: absolute;
    right: 0.5rem;
    top: 0.75rem;
    width: 2rem;
    height: 2rem;
    padding: 0.5rem;
    text-align: center;
    display: inline-block;
    transform:rotate(0deg);
}

.subnavopener i { 
    width: 0.5rem;
    display: inline-block;
    transform:rotate(0deg);
    -webkit-transition: all 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.subnavopener.is--open i { 
    transform:rotate(-90deg);
}

.langnav{
    display: flex;
    flex-direction: row;
    text-transform: uppercase;
    justify-content: flex-end;
}

.langnav img{
    display: none;
}

.langnav{
    position:absolute;
    right: 0;
    top: 1rem;
    padding-right: 1rem;
}


@media screen and (min-width: 1250px){
    .mainnav{
        height:auto;
        opacity:1;
        overflow: visible;
        transform:none;
        display:block;
    }

    .mainnav__items{
        display: flex;
        flex-direction: row;
        max-width: 86.25rem;
        margin: 0 auto;
        justify-content: space-between;
        padding-left: 14rem;
        opacity:1;
        height:auto;
        opacity:1;
        overflow:visible;
    }

    .mainnav__items li span{
        display: block;
        width: 100%;
    }

   .mainnav__items a {
        text-transform: uppercase;
        font-size: 1rem;
        padding: 2rem 0.5rem 0 0.5rem;
        display: block;
        font-weight:bold;
    }

    .mainnav__items a span{
        text-transform: none;
        font-weight:normal;
    }

    

    .navitem{
        padding:0;
    }
    
    .navitem.is-current{
        background-color:transparent;
    }
    
    .navitem.is-current{
        background-color: transparent;
    }

    

    .wrapper--header a:hover, .wrapper--navi .navitem:hover{
        text-decoration: underline;
    }

    .subnav .subnav__items a{
        font-weight:normal;
        font-size:1rem;
    }

    .subnav {
        height: 0;
        opacity: 0;
        overflow: hidden;
        margin-top:auto;
        margin-left:auto;
        position: absolute;
        -webkit-transition: all 500ms ease;
        -webkit-transition-delay: ease, 0s;
        -moz-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        position: absolute;
        transform:translate(0,-2%);
    }
    
    .subnav__items{
        background-color:#fff;
        padding:1rem;
        margin-left: 0.5rem;
        margin-top: 2.3rem;
    }

    .has-subtitle .subnav__items {
        margin-top: 0.9rem;
    }

    .subnav__items{
        min-width: 14rem;
    }

    .mainnav__items .subnav li{
        position: relative;
        width: 100%;
    }

    .mainnav__items li:last-child .subnav__items a{
        width: 14rem;
    }

    .mainnav__items .subnav__items a{
        padding: 1rem 0.5rem 1rem 0.5rem;
    }

    .mainnav .subnavopener{
        display:none;
    }
    
    .navitem.has-children:last-child .subnav{
        right:0;
    }

    /* warum hier a:hover? */
    /* warum transition der subnav nur auf hover? */
    /* .wrapper--header a:hover, */ .wrapper--navi .navitem:hover .subnav {
        height:auto;
        opacity:1;
        transform: translate(0,0);
    }

    .langnav{
        top: 0.75rem;
    }
    
}

@media screen and (min-width: 1450px){
    .mainnav__items a{
        font-size: 1.125rem;
    }

    
}


@media screen and (min-width: 1650px){
    .navitem.has-children:last-child .subnav{
        right:auto;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Navigationsbar */


/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Green line */

.frame-green-line{
    position: relative;
    padding: 0 0 2rem;
    margin-top: 2rem;
    margin-bottom:4rem;
}

.frame-green-line .ce-text{
    position: relative;
}

 .frame-green-line h2{
    text-align: left;
    margin-bottom:2rem;
}

.frame-green-line .ce-text p{
    color: #093b0d;
    text-transform: uppercase;
    font-size: 1.125rem;
}

.frame-green-line .ce-text p:first-child:before{
    content: "";
    height: 1px;
    background-color: #093b0d;
    display: inline-block;
    width: 19.5rem;
    left: 0;
    bottom: -0.5rem;
    transform: translateY(-50%);
    position: absolute;
}

@media screen and (min-width: 768px){
    .frame-green-line{
        text-align: right;
        position: relative;
        padding: 0 0 2rem;
        margin-top: 6rem;
        margin-bottom:auto;
    }

    .frame-green-line .ce-text p:first-child:before{
        top: auto;
        bottom:0; 
    }
}

@media screen and (min-width: 1024px){
    
    .frame-green-line{
        max-width: 50%;
    }

    .frame-green-line h2{
        margin-bottom:4rem;
    }

    .frame-green-line .ce-text p:first-child:before{
        top: 50%;
        width: 9.5rem;
        bottom:auto; 
    }
}

@media screen and (min-width: 1450px){
    .frame-green-line .ce-text p:first-child:before{
       width: 17.5rem;
   }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Green line */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Tabelle */

table tr td {
    font-size:0.8rem;
}

table tr td p{
    font-size:0.8rem;
}

table+p{
    margin-top:2rem;
}

table tr:nth-of-type(odd){
    background-color:#fff;
}

table tr:nth-of-type(even){
    background-color:#eee;
}

@media screen and (min-width: 1024px){
    table tr td {
        font-size:1.124rem;
        padding:1rem;
    }

    table tr td p{
        font-size:1.124rem;
    } 
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Tabelle */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- SVG-ICONS */

.svgicon--fish{
    display:block;
    width:8rem;
    margin-top:1rem;
}

i.svgicon--arrow{
    width: 6rem;
    height: 1rem;
    position: relative;
    display: block;
    
}



i.svgicon--skiing{
    width: 6rem;
    height: auto;
    position: relative;
    display: block;
}

i.svgicon--sledge{
    width: 6rem;
    height: auto;
    position: relative;
    display: block;
}

.frame-reserve-svg, .link--direct-booking {
    position:absolute;
    left:auto;
    right:0;
    bottom:1rem;
}

.frame-reserve-svg figure{
    width:5rem;
    -webkit-transition: all 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}


.frame-reserve-svg figure:hover, .link--direct-booking:hover{
    transform: rotate(16deg);

}

i.svgicon--arrow path{
    stroke: #89010f;
}

i.svgicon--reserve path{
    stroke: #333333;
}

i.svgicon--wellness{
    width: 12rem;
    height: auto;
    position: relative;
    display:block;
    margin-right:auto;
    margin-left:auto;
    margin-top:2rem;
}

i.svgicon--wellness svg tspan{
    fill:#333333;
}

i.svgicon--wellness svg g circle{
    stroke:#333333;
}

.frame-reserve-svg i.svgicon--reserve{
    width: 9rem;
    height: 9.5rem;
    position: absolute;
    right: 0rem;
    top: 0rem;
    transform: translate(50%, -50%);
    z-index: 5;
}

.frame-reserve-svg .container > div:nth-child(2) .ce-column{
    position: relative;
}

.svgicon--mountain{
    width: 8.9375rem;
    height: 8.9375rem;
    display:block;
    margin-top:1rem;
    margin-bottom:1rem;
}

.svgicon--fish path{
    stroke: #333333;
}



.svgicon--cup{
    width: 8.9375rem;
    height: 8.9375rem;
    display:block;
    margin-top:1rem;
}


.svgicon--road{
    width: 8.9375rem;
    height: 8.9375rem;
    display: block;
    margin-top:1rem
}

@media screen and (min-width: 1024px){
    .frame-reserve-svg, .link--direct-booking{
        bottom:-3rem;
    }

    .frame-reserve-svg figure{
        width:10rem;
    }

    

    i.svgicon--skiing{
        width: 8.9375rem;
        height: 8.9375rem;
        display: block;
        position: absolute;
        margin-top: auto;
    }

    i.svgicon--sledge{
        width: 8.9375rem;
        height: 8.9375rem;
        display: block;
        position: absolute;
        margin-top: auto;
    }

    i.svgicon--wellness{
        width: 14rem;
        height: auto;
        position: absolute;
        left: 1rem;
        top: 12.5rem;
        bottom:auto;
        transform:none;
    }

    i.svgicon--wellness svg tspan{
        fill:#fff;
    }
    
    i.svgicon--wellness svg g circle{
        stroke:#fff;
    }

    i.svgicon--reserve path{
        stroke: #ffffff;
    }

    .svgicon--mountain{
        width: 8.9375rem;
        height: 8.9375rem;
        display: inline-block;
        top: 0rem;
        position: absolute;
        display:block;
        margin-top:auto;
        margin-bottom:auto;
    }

    .svgicon--fish{
        width: 8.9375rem;
        height: 8.9375rem;
        display: block;
        position: absolute;
        top: 9rem;
        left: 14rem;
        margin-top:auto;
    }

    .svgicon--cup{
        width: 8.9375rem;
        height: 8.9375rem;
        display: block;
        position: absolute;
        left: -27rem;
        margin-top:auto;

    }

    .svgicon--road{
        width: 8.9375rem;
        height: 8.9375rem;
        display: block;
        position: absolute;
        margin-top:auto;
        z-index:5;
    }

    i.svgicon--arrow{
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

}

@media screen and (min-width: 1450px){
    i.svgicon--wellness{
        left: 10rem;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- SVG-ICONS */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- itemslider */

.frame-itemslider{
    position:relative;
    /* width: calc(100% + 2rem);
    margin-left: -2rem; */
}

.frame-itemslider a{
    color: #000;
}


.frame-itemslider .svg-icon--left{
    position: absolute;
    bottom: -1rem;
    left: 0;
    top: auto;
    right: auto;
    transform: rotate(180deg);
    width: 6rem;
}

.frame-itemslider .svg-icon--right{
    position: absolute;
    bottom:-1rem;
    right: 0;
    top: auto;
    left: auto;
    transform: none;
    width: 6rem;
}

@media screen and (min-width: 1024px){
    .frame-itemslider .svg-icon--left{
        bottom: -4rem;
    }
    
    .frame-itemslider .svg-icon--right{
        bottom: -4rem;
    }
}

.frame-itemslider .frame-type-textpic .ce-textpic .ce-bodytext{
    flex: 0 0 100%;
}

.frame-itemslider .itemslider {
    overflow: hidden;
}

.frame-itemslider__inner {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    position: relative;
}

.frame-itemslider .container--moreboxes {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    -webkit-transition: transform 500ms ease-out;
    -webkit-transition-delay: ease,0s;
    -moz-transition: transform 500ms ease-out;
    -o-transition: transform 500ms ease-out;
    transition: transform 500ms ease-out;
}

.frame-itemslider .frame {
    flex: 0 0 33.33%;
}

.frame-itemslider .frame-type-textpic  .ce-gallery{
    flex:0 0 100%;
}

.frame-itemslider .frame-type-textpic  .ce-gallery figure {
    cursor: grab;
    position: relative;
}

.frame-itemslider .frame-type-textpic  .ce-gallery figure::before{
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    display: block;
    background-color: transparent;
    z-index: 1;
    position: absolute;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.frame-itemslider .frame-type-textpic {
    position:relative;
}

.frame-itemslider .frame-type-textpic .ce-bodytext{
    flex:0 0 100%;
}

.frame-itemslider .container .frame-type-textpic  .ce-textpic .ce-bodytext p{
    margin-left:0;
    margin-top:1rem;
    padding-right:0;
    position: relative;
}


.frame-itemslider .container .frame-type-textpic  .ce-textpic .ce-bodytext p a i{
    position: relative;
    margin-top:1rem;
}

@media screen and (min-width: 1024px){
    .frame-itemslider .container .frame-type-textpic  .ce-textpic .ce-bodytext p{
        margin-left:0;
        margin-top:1.5rem;
        padding-right:6rem;
        position: relative;
        margin-right:0;
    }

    .frame-itemslider .container .frame-type-textpic  .ce-textpic .ce-bodytext p a i{
        position: absolute;
        bottom: auto;
        right: 0;
        top:0;
        left:auto;
        margin-top:auto;

    }
}

.frame-itemslider .container .frame-type-textpic  .ce-textpic .ce-bodytext p a i.svgicon--arrow path{
    stroke:#333333;
}

.itemslider .slideelement{
    padding: 0 1rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- itemslider */



/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Info Header */

.frame-info-header{
    display:none;
    margin-top:1rem;
}

.frame-info-header .ce-text{
    border: 2px solid black;
    border-radius: 50%;
    width: 7.75rem;
    height: 7.75rem;
    position: absolute;
    transform: rotate(-15deg);
    top:-50%;
    left:1rem;
    display:none;
}



.frame-info-header .ce-text p{
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7.75rem;
}

.frame-info-header .ce-text p::before{
    display:none;
 }

@media screen and (min-width: 768px){
    .frame-info-header .ce-text{
        top:-25%;
    }
}

@media screen and (min-width: 1024px){
    
    
    /* .frame-info-header{
        display:block;
        margin-top:0;
    } */
    
    .frame-info-header .ce-text{
        border: 2px solid white;
        border-radius: 50%;
        width:13.75rem;
        height: 13.75rem;
        position: absolute;
        left: -14rem;
        top: 0.5rem;
        bottom: auto;
        transform: rotate(-15deg);
        display:block;
    }

    .frame-info-header .ce-text p{
        font-size:1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 13.75rem;
    }
}

@media screen and (min-width: 1250px){
    
    .frame-info-header .ce-text{
        left: -20rem;
    }
}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Info Header */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Wetter */

.wetter-osttirol{
    display:flex;
    justify-content: space-around;
    flex-wrap:wrap;
}

.wetter-osttirol .weather-day{
    flex: 0 0 30%;
    text-align: center;
    margin-bottom: 4rem; 
}

.wetter-osttirol i svg{
    width:4rem;
}

.wetter-osttirol .weather-link{
    flex: 0 0 100%;
    text-align:right; 
}

.wrapper--footer footer .frame-type-list{
    order:2;
    flex:0 0 100%;
    margin-top:2rem;
}

@media screen and (min-width: 1450px){
    .wrapper--footer footer .frame-type-list{
        flex:0 0 25%;
        margin-top:0;

    }
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Wetter */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Anfrage */

.frame-type-form_formframework{
    position: relative;
}


form .actions{
    position: absolute;
    bottom: 1rem;
}

form{
    display:flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    max-width:50rem;
    margin:0 auto;
}

form h2{
    flex: 0 0 100%;
    margin-bottom:4rem;
}

form .row{
    flex:0 0 100%;
    display:flex;
    flex-wrap:wrap;
}

form .row .col-lg-2{
    flex:0 0 100%;
}


form .row .col-lg-2 .form-group .input input{
    background-color: rgba(255,255,255,1);
    padding: 14px 18px;
    border: 1px solid #9ba8ad;
    font-size: 1em;
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    border-radius: 0;
}

form .row .col-lg-6{
    flex:0 0 100%;
}



form .row .col-lg-6 .form-group .input input {
    background-color: rgba(255,255,255,1);
    padding: 14px 18px;
    border: 1px solid #9ba8ad;
    font-size: 1em;
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    border-radius: 0;
}

form .form-group{
    flex: 0 0 100%;
}

form .row .col-lg-4{
    flex:0 0 100%;
}

form .add-on  span{
    padding-left:1rem;
}

form span>span{
    padding-left:0;
}

form label.add-on{
    margin-top:2rem;

}



form .form-group select{
    background-color: rgba(255,255,255,1);
    padding: 14px 18px;
    border: 1px solid #9ba8ad;
    font-size: 1em;
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    border-radius: 0;
}

form .form-group .input input{
    background-color: rgba(255,255,255,1);
    padding: 14px 18px;
    border: 1px solid #9ba8ad;
    font-size: 1em;
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    border-radius: 0;
}

form .form-group .input textarea{
    background-color: rgba(255,255,255,1);
    padding: 14px 18px;
    border: 1px solid #9ba8ad;
    font-size: 1em;
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    border-radius: 0;
}

form .btn{
    color: #fff;
    padding: 0.5em 2em;
    background-color: #891815;
    letter-spacing: 0.2rem;
    cursor: pointer;
    font-size: 1.25em;
    text-transform: uppercase;
    border: 1px solid #891815;
    -webkit-transition: all 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

form .btn:hover{
    color: #891815;
    background-color: #fff;
}

form .form-group .input input:focus,
form .btn:focus {
    outline: none;
}

form  .form-group{
    margin-bottom:2rem;
}

form  .form-group label{
    display: block;
    margin-bottom: 0.5rem;
}

form .form-group .input input.add-on{
    display:inline-block;
    width:auto;
}

@media screen and (min-width: 1024px){
    form .row .col-lg-4{
        flex:0 0 33%;
    }
    
    form .row .col-lg-4:first-child{
        padding-right:1rem;
    }
    
    form .row .col-lg-4:last-child{
        padding-left:1rem;
    }
    
    form .row .col-lg-4:nth-of-type(2){
        padding-left:1rem;
        padding-right:1rem;
    }

    form .row .col-lg-6{
        flex:0 0 50%;
    }
    
    form .row .col-lg-6:first-child{
        padding-right:1rem;
    }
    
    form .row .col-lg-6:last-child{
        padding-left:1rem;
    }

    form .row .col-lg-2{
        flex:0 0 50%;
    }
    
    form .row .col-lg-2:first-child{
        padding-right:1rem;
    }
    
    form .row .col-lg-2:last-child{
        padding-left:1rem;
    }

    form .actions{
        bottom: 2rem;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Anfrage */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Slider others */


.frame-imageslider {
    height: 22rem;
}


/* .frame-imageslider.frame-space-after-extra-small {
    height:45rem;
} */

.frame-imageslider .hammerslide--slide figure{
    margin-right:4rem;
    position:relative;
    cursor:grab;
    width:80%;
    margin-top:2rem;
}

.frame-imageslider .ce-textpic{
    position: relative;
    overflow: visible;
    max-width: 1024px;
}

.frame-imageslider .hammerslide--slide figure img{
    width: 100%;
}

.frame-imageslider.frame-type-textpic .ce-textpic div:nth-child(2) {
    flex:none;
}

.frame-imageslider .hammerslide--slide figure::before {
    content: ".";
    font-size: 0px;
    top: 0;
    left: 0px;
    right: 0px;
    height: 100%;
    display: block;
    background-color: transparent;
    z-index: 1;
    position: absolute;
}

.frame-imageslider .hammerslide--slide .slideelement{
    display: block;
    float: left;
}


.frame-imageslider .frame__inner{
    position:relative;
    overflow: visible;
}

.frame-imageslider .frame__inner::before {
   content: "";
   background-color: #89010f;
   position: absolute;
   right: -1rem;
   top: -4rem;
   height: 66.46%; 
   width: 100vW;
   min-height:20rem;
}


.frame-imageslider .frame__inner .hammerslide{
    overflow:visible;
}

.frame-imageslider .frame__inner .hammerslide .slidercounter{
    top: -3.5rem;
    right: 0;
    position: absolute;
    z-index: 7;
    color: #fff;
}

.frame-imageslider .frame__inner .hammerslide .slidercounter span:first-child{
    font-size: 2.5rem;
    padding-right: 0.5rem;
    position: relative;
    opacity: 1;
}

.frame-imageslider .frame__inner .hammerslide .slidercounter span{
    padding-left: 0.5rem;
    font-size: 2rem;
    opacity: 0.5;
}





.frame-imageslider .frame__inner .hammerslide .slidercounter span:first-child::before{
    content: "";
    width: 1px;
    height: 55%;
    top: 22%;
    right: 0;
    background-color: #fff;
    position: absolute;
}



.frame-imageslider .frame__inner .hammerslide .sliderslidelink{
    left: -9rem;
    right: auto;
    position: absolute;
    z-index:20;
}

.frame-imageslider .frame__inner .hammerslide .sliderslidelink svg path{
    stroke:#fff;
}

.frame-imageslider .frame__inner .hammerslide .sliderslidelink.next--sliderslidelink{
    top:0;
    left:0;
}

.frame-imageslider .frame__inner .hammerslide .sliderslidelink.prev--sliderslidelink{
    top:-2rem;
    transform: rotate(180deg);
    left:0rem;
}

.frame-imageslider .frame__inner .hammerslide .sliderslidelink i{
    width: 6rem;
    height: 1rem;
    position: relative;
    display: inline-block;
    top:auto;
    left:auto;
    transform:none;
}

@media screen and (min-width: 600px){
    .frame-imageslider{
        height: 30rem;
    }
}

@media screen and (min-width: 1024px){
    .frame-imageslider .frame__inner::before{
        right: 0;
    }

    .frame-imageslider{
        height:53rem;
    }

    .frame-imageslider .frame__inner .hammerslide .sliderslidelink.next--sliderslidelink{
        top:-2rem;
        left:8rem;
    }
}


@media screen and (min-width: 1750px){

    .frame-imageslider{
        height: 65rem;
    }

    .frame-imageslider .frame__inner .hammerslide .slidercounter span:first-child{
        font-size: 4.5rem;
    }
    
    .frame-imageslider .frame__inner .hammerslide .slidercounter span{
        font-size: 3rem;
    }

    .frame-imageslider .frame__inner .hammerslide .slidercounter{
        top: 40%;
        left: -11rem;
        right:auto;
    }

    .frame-imageslider .frame__inner::before {
        right: 80%;
        min-height: 30rem;
    }

    .frame-imageslider .frame__inner::after {
        content: "";
        background: #89010f;
        background: -moz-linear-gradient(top,#89010f 0%,#89010f 55.45%,rgba(255,255,255,1) 44.45%,rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top,left bottom,color-stop(0%,#89010f),color-stop(55.45%,#89010f),color-stop(44.45%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top,#89010f 0%,#2c2c2b 55.45%,rgba(255,255,255,1) 44.45%,rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(top,#89010f 0%,#89010f 55.45%,rgba(255,255,255,1) 44.45%,rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(top,#89010f 0%,#89010f 55.45%,rgba(255,255,255,1) 44.45%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom,#89010f 0%,#89010f 55.45%,rgb(255, 255, 255) 44.55%,rgb(255, 255, 255) 100%);        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec9b02',endColorstr='#ffffff',GradientType=0);
        position: absolute;
        right: 100%;
        top: 0rem;
        height: 108%;
        width: 100vW;
        z-index: 6;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Slider others */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Columns */

.container--twocolumn{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.container--twocolumn .col{
    flex: 0 0 100%;
}



.container--twocolumn .col .ce-gallery,
.container--twocolumn .col .ce-bodytext{
    flex: 0 0 100%;
    font-size: 1.125rem;
}



.container--twocolumn .col h2{
    margin-bottom:0;
}

.container--twocolumn .col .frame-type-textpic{
    margin-top:0;
}

@media screen and (min-width: 1024px){
    .container--twocolumn .col{
        flex: 0 0 50%;
    }

    .container--twocolumn .col .ce-gallery,
    .container--twocolumn .col .ce-bodytext{
        flex: 0 0 90%;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Columns */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- List */

.frame-list ul li{
    list-style-type: disc;
    margin-left:1rem;
    margin-right:0;
    margin-top:.5rem;
    position:relative;
}

@media screen and (min-width: 1024px){
    .frame-list ul li{
        margin-right:5rem;
    }
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------- List */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Popup  */

.popup{
    box-shadow: 0 0 200px rgba(0,0,0,0.5);
    position: fixed;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: -1;
    background-color: #f8f6e9;
    width: 95%;
    height: 86%;
    overflow-y: auto;
    transform: translate(-50%, -50%);
    -webkit-transition: all 300ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.popup.is--active{
    z-index: 1000;
    opacity: 1;
}

.link--close-popup{
    position: absolute;
    right: 2rem;
    top:1rem;
    width:2rem;
}

.link--close-popup:hover{
    text-decoration: none;
}

.link--popup{
    position:relative;
    padding-right:2rem;
    display:inline-block;
}

.link--popup .svgicon--plus{
    position: absolute;
    width:1rem;
    right:0;
    top:0.125rem;
}

.link--popup .svgicon--plus svg rect{
    fill: #89010f;
}

.link--close-popup .svgicon--plus svg{
    transform: rotate(45deg);
}

.link--close-popup .svgicon--plus svg rect{
    fill: #000;
}

.link--close-popup .svgicon--plus:hover svg rect{
    fill: #89010f;
}

.popup .ce-bodytext{
    width: 100%;
    margin: 3rem auto;
    padding-left:1rem;
    padding-right:1rem;
}



.popup h2{
    text-align: left;
    margin-top: 3rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left:1rem;
    padding-right:1rem;
}



.popup {
    scrollbar-color: #949494 #efefef;
    scrollbar-width: thin;
}

.popup::-webkit-scrollbar, .popup::-webkit-scrollbar-track{
    width: 12px;
    background-color: transparent;
    background-color: #efefef;
}

.popup::-webkit-scrollbar-thumb{
    border-radius: 0;
    -webkit-box-shadow: none;
    background-color: #333333;
}

@media screen and (min-width: 1024px){
    .popup .ce-bodytext{
        width: 50%;
        margin: 3rem auto;
        padding-left:0;
        padding-right:0;
    }

    .popup h2{
        width: 50%;
        padding-left:0;
        padding-right:0;
    }

    .popup{
        width: 65%;
        height: 80%;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Popup  */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Scrollbar  */
  
.body {
    scrollbar-color: #333333 #efefef;
    scrollbar-width: auto;
}

body::-webkit-scrollbar, body::-webkit-scrollbar-track{
    width: 12px;
    background-color: transparent;
    background-color: #efefef;
}

body::-webkit-scrollbar-thumb{
    border-radius: 0;
    -webkit-box-shadow: none;
    background-color: #333333;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Scrollbar  */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Scrolldown  */

.link--scrolldown {
    display:none;
}

@media screen and (min-width: 1024px) {
    
    a.link--scrolldown {
        color: #fff;
        position: absolute;
        bottom: 6.5rem;
        left: 2.5rem;
        display: block;
    }

    a.link--scrolldown:hover {
        text-decoration: none;
    }
      
    .link--scrolldown .svgicon--arrow {
        width: 4rem;
        height: 1rem;
        position: absolute;
        transform: rotate(180deg);
        top: 0.5rem;
        right:4rem;
    }
    
    .link--scrolldown .svgicon--arrow path {
        stroke:#fff;
    }    
    
    .link--scrolldown {
        animation: bounce 2s infinite;
    }
    
    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            transform: rotate(270deg) translateX(0);
        }
        40% {
            transform: rotate(270deg) translateX(-30px);
        }
        60% {
            transform: rotate(270deg) translateX(-15px);
        }
    }
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Scrolldown  */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Footer */

.wrapper--footer {
    background-color: #89010f;
    padding: 5rem 1rem 6rem;
    position: relative;
    background-image: url(../images/layout/background-pattern.png);
    background-repeat: repeat;    
}

/* .wrapper--footer:after {
    content: "";

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
    opacity: 0.2;
} */

.wrapper--footer .wrapper__inner {
    z-index: 1;
    position: relative;
}

.wrapper--footer .frame-type-image{
    flex:0 0 100%;
    order:1;
}

.wrapper--footer .frame-type-image figure{
    width: 5rem;
    margin-bottom: 2rem;
}



.wrapper--footer .frame-type-image>.frame__inner{
    height:100%;
}

.wrapper--footer .frame-type-image>.frame__inner>.ce-image{
    height:100%;
}

.wrapper--footer footer .ce-gallery{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 50rem;
    justify-content: space-around;
    text-align: center;
    height:100%;
    align-items:center;
}

.wrapper--footer footer h3{
    padding: 0;
    text-transform: uppercase;
    font-family: "soleil", sans-serif;
    font-weight:bold;
}

.container--moreboxes{
    position: relative;
}

.wrapper--footer footer > div:nth-child(2){
    flex:0 0 100%;
    order:0;
    display:flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: left;
}



.wrapper--footer footer > div:nth-child(2) .frame__inner{
    width:100%;
}

.wrapper--footer footer > div:nth-child(2) .container--fourcolumn{
    display:flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom:4rem;
}

.wrapper--footer footer > div:nth-child(2) .container--fourcolumn>*{
    flex:0 0 100%;
}

.wrapper--footer footer > div:nth-child(3){
    flex:0 0 100%;
    order:3;
    text-align: center;
    margin-top: 1rem;
}

.wrapper__inner--footer footer{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 86.25rem;
    margin: 0 auto;
}

.wrapper--footer footer > div:nth-child(3) p{
    text-align:right;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
}

.wrapper--footer h3{
    color:#fff;
}

.wrapper--footer p{
    color:#fff;
}

.wrapper--footer a{
    color:#fff;
}

.wrapper--footer path{
    fill:#fff;
}


@media screen and (min-width: 1024px){
    .wrapper--footer footer > div:nth-child(2) .container--fourcolumn>*{
        flex:0 0 25%;
    }
}

@media screen and (min-width: 1450px){
    .wrapper--footer .frame-type-image{
        padding:0;
        flex:0 0 75%;
    }

    .wrapper--footer{
        padding: 5rem 0 6rem;
    }

    .wrapper--footer .frame-type-image figure{
        margin-bottom:0;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- Footer */



/*-------------------------------------------------------------------------------------------------------- ifws_googlemap */

.tx_ifwsgooglemap {
    clear: both;
    margin: 0 0 4rem 0;
  }
  
  .poilist {
    display: none;
  }
  
  .ifwsmap-message {
    display: none;
  }
  
  
  #map_canvas, #mapwrapper, .entrydetail__map, .entrydetail__mapcanvas {
    width: 100%;
    height: 600px;
  }
  
  @media screen and (min-width: 1024px) {
    .entrydetail__map {
      max-width: 86.25rem;
      margin: 0 auto;
      padding: 0 2rem;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .entrydetail__map {
      padding: 0;
    }
  }
  
  #ifws-google-map-container {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }
  
  #ifws-google-map-container.active {
    overflow: visible;
  }
  
  .tx-ifwsgooglemap-pi1 #mapmessage {
    background: transparent !important;
    border: none !important;
    border-radius: 0;
    box-shadow: none !important;
    position: absolute;
    z-index: 1000;
    /*padding: 32px !important;*/
  }
  
  .ifwsmap-message-content-wrapper:before {
    content: ".";
    font-size: 0;
    width: 0;
    height: 0;
    display: block;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #1c1c1b;
    margin: 0 auto 0 10px;
  }
  
  .ifwsmap-message.under .ifwsmap-message-content-wrapper:before {
    content: ".";
    font-size: 0;
    width: 0;
    height: 0;
    display: block;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #89010f;
    margin: 0 auto 0 10px;
  }
  
  .ifwsmap-message.above .ifwsmap-message-content-wrapper:after {
    content: ".";
    font-size: 0;
    width: 0;
    height: 0;
    display: block;
    border-right: 20px solid transparent;
    border-top: 20px solid #89010f;
    margin: 0 auto 0 10px;
  }
  
  .ifwsmap-message.left .ifwsmap-message-content-wrapper:before, .ifwsmap-message.left .ifwsmap-message-content-wrapper:after {
    margin: 0 20% 0 auto;
    border-left: 20px solid transparent;
    border-right: none;
  }
  
  .ifwsmap-message.above .ifwsmap-message-content-wrapper:before {
    display: none;
  }
  
  .ifwsmap-message-content {
    max-width: 300px;
    background-color: #89010f;
  }
  
  .ifwsmap-message-content-wrapper p, .ifwsmap-message-content-wrapper h3 {
    color: #fff;
    padding: 0 1rem;
  }
  
  .ifwsmap-message-content-wrapper h3 {
    padding-top: 1rem;
  }
  
  .ifwsmap-message-content-wrapper p:last-child {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  
  .ifwsmap-message-content-wrapper a {
    color: #fff;
  }
  
  .poi-entrylist, .poilist-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  
  .ifwsgooglemap-poi {
    flex: 0 0 100%;
    margin-bottom: 4rem;
    position: relative;
    padding: 0 2rem;
    overflow: hidden;
  }
  
  .ifwsgooglemap-poi i {
    width: 1.25rem;
    position: absolute;
    left: 0;
    top: 0.35rem;
    overflow: hidden;
  }
  
  .hiddenmapinfo {
    display: none;
  }
  
  .person--lastname, .person--firstname, .category, .zip, .city, .country {
    display: none;
  }
  
  @media screen and (min-width: 768px) {
    .ifwsgooglemap-poi {
      flex: 0 0 50%;
    }
  }
  
  @media screen and (min-width: 1366px) {
    .ifwsgooglemap-poi {
      flex: 0 0 33%;
    }
  }
  
  @media screen and (min-width: 1024px) {
    .container--poilist {
      padding-left: 8rem;
    }
  }
  
  
  h3.poilist__groupheader {
    text-align: center;
    flex: 0 0 100%;
    padding-top: 0;
    padding-bottom: 2rem;
  }
  
  /*------------------------------------------------------------------------------------------------------------ ifws_googlemap */
  
.grecaptcha-badge {
  opacity: 0;
}