@charset "UTF-8";
/* CSS Document */

.preload {
    background: url(../images/close.png) -9999px -9999px;
}

body, html {
	font-weight: 300;
	font-style: normal;	
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Baumans" , sans-serif;
    font-size: 20px;
    height: 100%;
    color: #767676;
}

body.noscroll {
    overflow: hidden;
    background: #fff;
}
body.page_404-leider-nichts-gefunden {
    margin-top: 210px;
}
.form-horizontal .control-label {
  text-align: left;
}

.mit_gutschein_mobile_button a {
  padding: 10px 15px !important;
}

.main {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.home .main {
    background: #fff;
}
h1, h2, .animated-text-words-wrapper {
    font-family: "Baumans", sans-serif;
    font-weight: 700;
    color: #880011;
}
h1, h2,h3, p {
    padding: 0;
    margin: 20px 0;
}
a:hover, a:focus {
    text-decoration: none!important;
    transition: all 700ms ease;
    opacity: 0.5;
}
a {
    outline: none !important;
    transition: all 700ms ease;
    color: #880011;
}

.nav a:hover, .nav a:focus, .nav li.active a {
    color: #880011;
    opacity: 1;
}

.fa-asterisk {
    color: #E23634 !important; 
}
b, strong {
    font-weight: 600;
}
.custom p {
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    line-height: 1.42857143;
    color: #767676;
}

.sp-slider-outer-stage {
  height: 800px;
}

/* Google Maps */
.m-map iframe {
    max-width: 100%;
}
.responsive_map {
    height: 0;
    overflow: hidden;
    padding-bottom: 56%;
    position: relative;
}

.responsive_map iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* Video */
.responsive_video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.responsive_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* ToTop Button */

#totop {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #334652;
    position: fixed;
    bottom: 50px;
    z-index: 1;
    right: 50px;
    cursor: pointer;
    display: none;
}

#totop i {
    font-size: 25px;
    color: #ffffff;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 35px;
}

#totop:hover i {
    -webkit-animation: "up" 1s ease infinite;
    -o-animation: "up" 1s ease infinite;
    animation: "up" 1s ease infinite;
}
.m-show {
    display: block!important;
    transition: all .7s ease-in-out;
}
/* Tabelle mit 2 Spalten */

.spalten2 {
    width: 100%;
}

.spalten2 td {
    width: 50%;
    vertical-align:  text-top;
}

.spalten2 td:first-child {
    padding-right: 30px;   
}

.spalten2 td:last-child {
    padding-left: 30px;   
}

/* Responsive Menü */
.menutopxsbtn {
    display: none;
}
.menutopxsbtn {
    right: 0;
    margin-top: 33px;
    margin-right: 40px;
    position: absolute;
    z-index: 9999;
}
.menutopxs {
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow-x: hidden;
    padding: 0px 0px;
    z-index: 999;
    background: rgb(255,255,255);
    background: rgba(255,255,255,1);
    transition: all 500ms ease;
}

.menutopxs ul {
    width: 90%;
    padding: 15px;
    margin: 0;
    list-style: none;
}

.menutopxs li {
    float: none !important;
    background:  none !important;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

.menutopxs li a {
    padding: 10px !important;
    color: #010000;
    font-weight: 500;
    font-size: 17px;
    text-align: center;
    transition: color 0.5s;
    line-height: 17px;
    padding-bottom: 0px;
    display: block;
    text-align: left;
    position: relative;
    z-index: 5;
}

.menutopxs li a span {
    font-size: 15px;
    font-weight: 400;
    display: block;
}

.menutopxs li a:hover, .menutopxs li.active>a {
    color: #334652;
    background: none !important;
}

.menutopxs .parent .nav-child li:last-child {
    border-bottom: 0;
}

.menutopxs .parent .nav-child {
}


.menutopxs li li a {
    border-bottom: 0px;
    font-size: 18px;
    color: #767676;
    text-transform: uppercase;
    text-decoration: none;
    display:  block;
    overflow: hidden;
    padding-left: 15px !important;
}

.menutopxs ul ul {
    margin: 0;
    padding: 0;
}   

.menutopxs h1 {
    font-weight: 700;
    letter-spacing: -3px;
    font-size: 50px;
    cursor: pointer;
    margin: 0px;
    padding: 30px 15px;
    text-align: center;
    color: #010000;
}

.menutopxs h1 img {
    width: 45px;
    height: auto,
}

.menutopxs ul.nav-child {
    display: none;
}

.menutopxs li.active ul.nav-child {
    display: block;
}

.menutopxs li .parentnavimg, .menutopxs li .parentnavclose {
    display: block !important;
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 10;
    width: 18px;
}

/* Superfish CSS */
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0px;
    z-index: 99;
    width: 100%;
    background: #fff;
    padding: 10px 15px;
    min-width: 370px;
}
.sf-menu > li {
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
    display: block;
    position: relative;
    color: #767676;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.7;
}

.sf-menu ul ul {
    top: 0px;
    position: relative;
    left: 0;
}
.m-nav__list.sfHover:first-child > ul {
}
.navbar > ul > li > ul {
    box-shadow: -1px 10px 12px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: -1px 10px 12px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 10px 12px 2px rgba(0,0,0,0.2);
}
/* Hamburger Menu Icon - to X */
.burger-info {
    color: #767676;
    font-size: 30px;
    top: 8px;
    position: absolute;
    font-weight: 700;
}
.c-hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin-right: 20px;
    padding: 0;
    width: 40px;
    height: 55px;
    font-size: 0;
    text-indent: -9999px;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s;}

.c-hamburger:focus {
  outline: none; }

.c-hamburger span {
    display: block;
    position: absolute;
    top: 22px;
    height: 2px;
    width: 30px;
    background: #767676;
}

.c-hamburger span::before,
.c-hamburger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #767676;
    content: ""; 
}

.c-hamburger span::before {
    top: -8px; }

.c-hamburger span::after {
  bottom: -8px; }

.c-hamburger--htx {
  background-color: #ffffff; }

.c-hamburger--htx span {
  transition: background 0s 0.3s; }

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s; }

.c-hamburger--htx span::before {
  transition-property: top, transform; }

.c-hamburger--htx span::after {
  transition-property: bottom, transform; }

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: transparent; }

.c-hamburger--htx.is-active span {
  background: none; }

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg); }

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg); }

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s; }


/* Btn Primary Bootstrap Override */

.btn-primary,
button.cr_button, .sppb-btn-primary {
    background: #767676 !important;
    border: 0px !important;
    color: #fff !important;
    font-size: 18px !important;
    transition: all 700ms ease;
    border-radius: 20px;
    font-weight: 600;
    padding: 10px 40px 10px 20px!important;
    position: relative;
}
.btn-primary:hover,
button.cr_button:hover, .sppb-btn-primary:hover  {
    background: #880011 !important;
    border: 0px !important;
    transition: all 700ms ease;
}
button#Senden:focus,
button.cr_button:focus {
    outline: 0;
}
button#Senden,
button.cr_button {
    padding: 10px 40px 10px 20px;
    position: relative;
}
.parentnavimg {
    display: none;
}
.m-header__line {
    border-bottom: 1px solid rgba(225,225,225,.7);
}
.m-menu {
    display: flex;
    justify-content: center;
}
.logo {

}
.logo__item {
    width: 210px;
    max-width: 100%;
    height: auto;
    padding: 10px 0;
}
header {
    position: fixed;
    top: 0;
    width: 100%;
    min-height: 0;
    z-index: 20;
    background-color: #fff;
    box-shadow: 1px -19px 33px 4px rgba(0,0,0,0.2) ;
    -webkit-box-shadow: 1px -19px 33px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px -19px 33px 4px rgba(0,0,0,0.2);
    -webkit-transition: top .2s ease-in-out,background-color .4s;
    -moz-transition: top .2s ease-in-out,background-color .4s;
    -ms-transition: top .2s ease-in-out,background-color .4s;
    -o-transition: top .2s ease-in-out,background-color .4s;
    transition: top .2s ease-in-out,background-color .4s;
}
/* .header.shrink {
    background-color: #ffffff;
    transition: all 0.3s;
    min-height: 0;
    box-shadow: 119px -266px 10px 266px rgba(0,0,0,0.4);
}
.shrink .nav > li > a {
    color: #767676;
    transition: all 0.3s;
}
.shrink .navbar {
    margin-top: 0;
    transition: all 0.3s;
}
.shrink .nav {
    padding: 10px 0px 0px 0px;
}
.shrink .mod-languages {
    margin: 18px 20px 0;
}
.nav-up {
    top: -99px;
}

.shrink .logo__item--scroll {
    display: block;
    transition: all 0.3s;
    width: 200px;
}
.shrink .logo__item {
    display: none;
}
.shrink .m-button ul {
    margin-bottom: 0;
} */
.mod-languages {
        margin: 0 20px 0;
    }
.logo__item--scroll {
    display: none;
}
.mod-languages li {
    margin-left: 15px;
    margin-right: 5px;
}
.mod-languages img {
    border: none;
    width: 22px;
}
.mod-languages {
    margin: 28px 20px 0;
}
.header__menu.col-lg-9 {
    display: flex;
    justify-content: center;
    position: relative;
}
.flags {
    position: absolute;
    right: 0;
}
.navbar {
    z-index: 9999;
    min-height: unset;
    margin-bottom: unset;
    border: unset;
    margin-top: 4px;
}
.nav > li > a,.nav > li > span {
    text-transform: uppercase;
    color: #767676;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
}
.nav-child.unstyled.small.m-menu__list {
    padding-left: 15px;
}
.nav > li > a:hover, .nav > li > a:focus, .nav > li > span:hover {
    background-color: transparent!important;
}
.nav > li > span:hover {
    cursor:default;
}
.nav > li > span {
    padding: 10px 15px;
}
.nav > li {
    position: relative;
    display: inline-block;
}
.nav {
    padding: 10px 0 10px 0;
}
ul.nav-child.unstyled.small {
    left: 0;
    right: 0;
}



.small li .sf-menu a,
.sf-menu a {
    line-height: 1;
}
li.deeper.parent.sfHover .nav-child {
    display: block!important;
    opacity: 1!important;
    transition: all .5s ease-in-out;
}
i.fas.fa-caret-down.parentnavimg {
    display: none;
}
.small li a::before {
    content: "\f054";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 0 10px;
    left: -24px;
    font-size: 12px;
    line-height: 1.5;
}
.small .deeper.parent, .small li {
    padding: 15px 20px 15px 20px;
    border-bottom: 1px solid rgba(225,225,225, 0.7);
}
.small .deeper.parent:last-of-type, .small li:last-of-type {
    border-bottom: none;
}
.small.m-menu {
    padding: 10px 16px 20px;
}
.slideshow {
    position: relative;
}
.m-box i:before {
    margin-top: 84px;
    display: flex;
    justify-content: center;
}
.page_home .m-space .sppb-addon-text {
    margin-top: 59px;
}

.m-box .fa-car:before {
    content:"\f84a";
}
.m-box img.sppb-img-responsive {
    width: 120px;
    height: 200px;
}
.m-box span.sppb-img-container {
    border: 2px solid;
    border-radius: 50%;
    width: 200px;
    height: 200px;
}
.m-box .sppb-icon .sppb-icon-container > i {
    font-size: 85px;
    width: 36px;
    height: 36px;
    position: relative;
    line-height: 36px;
}
.m-box .sppb-icon .sppb-icon-container {
    width: 200px;
    height: 200px;
    border-radius: 50%;
}
.m-box h3 a,
.m-box h3 {
    font-size: 30px;   
    line-height: 1.3;
    font-weight: 700;
    color: #767676;
}

.m-slider__small .sppb-carousel-text h2{
    display: none;
}
.m-section__offer {
    position: absolute;
    top: 15%;
    left: 13%;
    font-family: "brandon-grotesque", sans-serif;
    transform-origin: 50% 50%;
    background-color: #334c52;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    opacity: 0;
}
.m-section__offer a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.m-section__offer-btn i {
    font-size: 46px!important;
    padding-bottom: 10px;
}
.m-section__offer-btn h3 {
    text-transform: uppercase;
}
.m-section__offer-btn {
    position: relative;
    padding: 30px;
    text-align: center;
}
.m-section__offer-btn h3 a {
    color: #fff;
    line-height: 40px;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    letter-spacing: 1.8px;
    display: block;
}
.m-section__offer-btn p:last-of-type {
    font-weight: 700;
    padding-top: 15px;
}
.m-section__offer-btn h3 a span {
    font-size: 20px;
}
.m-button {
    position: relative;
    text-align: center;
}
.m-button ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.m-button ul li {
    display: inline-block;
}
.m-button__item a {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.m-button__item a:hover {
    text-decoration: none;
}
.m-button__item {
    padding: 0 0 10px 0;
    width: 110px;
    height: auto;
    background-color: #334652;
    background-color: rgba(111,7,1, 1);
    cursor: pointer;
    transition: all .7s ease-in-out;
    border: 1px solid transparent;
}
.m-button__item:last-of-type {
    background: #334c52;
}
.m-button__item img {
    display: block;
    margin: 0 auto;
    width: 30px;
}
.m-button__item a span {
    position: relative;
}
.m-button__item a span::after {
    content: "\f105";
    font-family: FontAwesome;
    right: -16px;
    position: absolute;
    top: 1px;
}
.m-button__item:hover {
    background-color: rgba(111,7,1, 0.8);
    transition: all .7s ease-in;
}
.m-button__item:last-of-type:hover {
    background: rgba(36,125,250, 0.8);
    border: 1px solid #334c52!important;
}
.m-button__item:last-of-type img {
    width: 22px;
}
.m-button__item:hover a span::after,
.m-section__button:hover a::before,
.m-section__box a:hover::after,
.m-section__box--right h3 a:hover::after,
.m-section__info h3 a:hover::before,
.m-footer__items h3 a:hover::after,
.small li a:hover::before,
a.m-subpage__bike--link:hover::after,
button#Senden:hover::after,
a.m-subpage__btn:hover::after,
.btn-primary:hover::after,
.sppb-btn-primary:hover::after  {
    -webkit-animation: "right" 1s ease infinite;
    -o-animation: "right" 1s ease infinite;
    animation: "right" 1s ease infinite;
}

.m-section {
    margin: 10px 0;
}


.m-section__text h1,
.m-section__text h2 {
    font-size: 19px;
    text-transform: uppercase;
    color: #767676;
    font-family: brandon-grotesque, sans-serif;
    font-weight:400;
    letter-spacing: 2.8px;
}
.m-section__text p {
    font-weight: 400;
}

/* Slider klein */
.m-section__button a,
.m-section__info h3 a {
    background-color: rgba(225,225,225,0.3);
    font-size: 26px!important;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 400;
    padding: 10px 40px 10px 20px!important;
    border: 1px solid #fff;
    position: relative;
    transition: all .7s ease-in!important;
}
.m-section__button a::before,
.m-section__info a::before {
    content: "\f105";
    font-family: FontAwesome;
    right: 20px;
    position: absolute;
    top: 16px;
}
.m-section__button a::before {
    top: 13px;
}
.tp-caption a,
.m-section__info h3 a {
    color: #fff;
}
.tp-caption a:hover,
.m-section__info h3 a:hover {
    text-decoration: none!important;
    color: #333;
    background-color:#fff;
    transition: all .7s ease-in!important;
}
.m-slider .tp-bgimg::before {
    content: "";
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.m-slider p {
    font-size: 26px!important;
    font-family: "gill-sans-nova" , sans-serif;
    line-height: 27px!important;
    font-weight: 500;
}
.m-slider__info h2 {
    font-size: 26px!important;
    font-family: brandon-grotesque, sans-serif;
    line-height: 27px!important;
    font-weight: 600;
    text-transform: uppercase;
}

.bullet.first,
.bullet {
    background: transparent!important;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 15px!important;
    height: 15px!important;
    margin-left: 10px!important;
}
.bullet.selected {
    background: #fff!important;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 15px!important;
    height: 15px!important;
}

.m-section__box img,
.m-section__box iframe,
.m-section__box--right iframe,
.m-section__box--right img {
    width: 570px;
    height: 380px;
    max-width: 100%;
}
.m-section__box .col-sm-6:nth-child(odd),
.m-section__box--right .col-sm-6:nth-child(even){
    padding: 0;
}
.m-section__box .col-sm-6:nth-child(even),
.m-section__box--right .col-sm-6:nth-child(odd){
    padding: 55px 105px 0 55px;
}
.m-section__box h2,
.m-section__box--right h2,
.m-section__info h2 {
    font-family: "Bella", sans-serif;
    margin-bottom: 35px;
}
.m-section__box p strong,
.m-section__box--right p strong {
    font-weight: 500;
}
.m-section__box h3,
.m-section__box--right h3 {
    margin: 65px 0 60px 0px;
}
.m-section__box h3 a,
.m-section__box--right h3 a {
    color: #fff;
    background-color: #767676;
    padding: 10px 40px 10px 20px;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 20px;
    border: 1px solid transparent;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 600;
    position: relative;
}
.m-section__box--right h3 a::after,
.m-section__box h3 a::after,
.m-footer__items h3 a::after,
a.m-subpage__bike--link::after,
button#Senden::after,
button#senden::after,
.btn-primary::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    right: 20px;
    position: absolute;
    top: 15px;
    font-size: 12px;
    font-weight: 900;

}
a.m-subpage__bike--link::after  {
    top: 5px;
    font-size: 18px;
    right: 17px;
}
.m-section__box--right h3 a:hover, .m-section__box h3 a:hover {
    background-color: #334652;
    color: #fff;
}
.m-section__logos {
    margin-bottom: 30px;
}
.m-section__logo img {
    width: 220px;
    display: flex;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
.m-section__logo--animate {
    cursor: pointer;
}
.m-section__full {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}
.m-section__full img {
    width: 100%;
}
.m-section__info {
    background: rgba(242,169,35,0.7);
    position: absolute;
    color: #fff;
    text-align: center;
    width: 550px;
    max-width: 100%;
    height: auto;
    top: 18%;
    left: 10%;
    border-radius: 10px;
}
.m-section__info h2 {
    line-height: 60px;
    margin: 40px 40px 20px 40px;
}
.m-section__info p {
    padding: 0 50px;
    font-weight: 400;
}

.m-section__info h3 a {
    background-color: transparent;
    border: 2px solid #fff;
}
.m-section__info h3 a:hover {
    border: 2px solid transparent;
    color: #767676;
}
.m-section__info h3 {
    display: inline-block;
    margin: 60px 15px;
}
.m-section__infoBox {
    position: relative;
}
.m-banner {
    width: 100%;
}
.m-section__infoBox--img {
    height: 540px;
    width: 100%;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.m-section__infoBox--img::before {
    content: "";
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.m-section__info--btn {
    position: relative;
    padding: 60px;
    text-align: center;
}
.m-section__infoBox h2 {
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 600;
    letter-spacing: 2.8px;
 }
 .m-section__info--btn .col-sm-4 img {
    width: 40px;
}
.m-section__info--btn h3 a {
    color: #fff;
    font-family: "Bella", sans-serif;
    line-height: 40px;
    font-size: 18px;
    padding-top: 30px;
    position: relative;
    display: block;
}
.m-section__info--btn h3 a span {
    font-family: brandon-grotesque, sans-serif;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
}
.m-section__btns h3 a {
    position: relative;
}
.m-section__package {
    background: #334c52;
}
.m-section__request {
    background: #767676;
}
.m-section__news {
    background: #334652;
}
.m-section__package,
.m-section__request,
.m-section__news {
    position: relative;
    border-radius: 10px;
    padding: 30px;
    margin: 0 40px;
}
.fa-2x {
    font-size: 1.5em!important;
}
.m-section__info--btn h3 a:before,
.m-section__offer-btn h3 a span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.m-section__package:hover h3 a:before,
.m-section__request:hover h3 a:before,
.m-section__news:hover h3 a:before,
.m-section__offer-btn:hover h3 a span:before  {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.m-section__package:hover,
.m-section__request:hover,
.m-section__news:hover,
.m-section__logo--animate:hover,
.m-section__offer:hover {
    animation: "pulse" 1.5s linear infinite;
    -webkit-animation: "pulse" 1.5s linear infinite;
    -o-animation: "pulse" 1.5s linear infinite;
}

.m-footer {
    background-color: rgba(149, 149, 149, 0.17);
    width: 100%;
    height: auto;
    position: relative;
    color: #334c52;
    opacity: 0.8;
}
.m-footer__data ul li:first-of-type::after {
    content: "•";
    color: #767676;
    padding:  20px 450px 20px 450px;
}
.m-footer p {
    color: #fff;
    font-weight: 700;
}
.m-footer__items h3:first-of-type {
    margin: 60px 0 60px 0;
}
.m-footer h3 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 26px;
}
.m-footer::before {
    content: "";
    background-image: url(/images/logo/2Kupfnerhof.svg);
    position: absolute;
    right: 50px;
    top: 10px;
    width: 240px;
    height: 240px;
    background-repeat: no-repeat;
    transform: rotate(-70deg);
}
.m-footer__lines:before {
    content: "";
    position: absolute;
    left: -10px;
    background: #fff;
    width: 1px;
    min-height: 170px;
    top: 15px;
}
.m-footer__lines:after {
    content: "";
    position: absolute;
    right: -10px;
    background: #fff;
    width: 1px;
    min-height: 170px;
    top: 15px;
}
.m-footer__items h2 {
    text-transform: uppercase;
    padding-top: 60px;
    font-family: brandon-grotesque, sans-serif;
}
.m-footer__items h4 {
    font-family: brandon-grotesque, sans-serif;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 22px;
}
.m-footer__items img {
    vertical-align: baseline;
}
.m-footer__items a {
    color: #fff;
}
.m-footer__items .col-sm-4:first-of-type {
    text-align: left;

}
.m-footer__items .col-sm-4:last-of-type {
    text-align: left;
    padding-left: 80px;
}
img.m-footer__logo {
    margin: 30px 0;
    width: 270px;
    max-width: 100%;
}

.m-footer__items p i {
    font-size: 18px;
}
.m-footer__items h3 a {
    color: #767676;
    background-color: #fff;
    padding: 10px 40px 10px 20px;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 20px;
    border: 1px solid transparent;
    font-weight: 600;
    position: relative;
}
.m-footer__items h3 a:hover {
    color: #fff;
    background-color: #334652;
}
.m-footer__items h3 {
    margin: 30px 0;
}
.m-footer__items ul {
    padding-left: 0;
}
.m-footer__items ul li {
    display: inline-block;
}
.m-footer__items ul li a {
    padding-right: 10px;
    color: #fff;
    margin: 8px 0;
}
.m-footer__items ul li a:hover,
.m-footer__items p a:hover {
    color: #334652;
}

.m-footer__social:hover,
.m-footer__social--link:hover,
.m-footer__items p a:hover .m-footer__items p i {
    animation: pulse .7s ease-in-out infinite;
}
.custom.m-footer__data {
    background: #fff;
    display: flex;
    justify-content: center;
}
.m-footer__data ul li {
    display: inline-block;
    padding: 10px 10px 0px 0;
}
.m-footer__phone {
    margin: 34px 0 0;
}
.m-footer__phone, .m-footer__mail {
    padding: 0 0 0 55px;
    position: relative;
    display: table;
    line-height: 1;
}
.m-footer__phone:before {
    content: "\f095";
    font-family: FontAwesome;
    font-size: 40px;
    font-weight: normal;
    left: 0;
    top: -7px;
    position: absolute;
}
.m-footer__mail:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 40px;
    font-weight: normal;
    left: 0;
    top: -12px;
    position: absolute;
}
.m-footer__items ul li {
    display: flex;
    color: #fff;
    font-weight: 700;
    opacity: 0.8;
}
.header__btn--bottom  {
    display: none;
}
.header__menu {
    display: flex;
    justify-content: center;
}
.item-page {
    margin: 60px 60px;
}
.m-item__menu ul li a:hover {
    color: #333;
}
.m-item__menu ul:last-child {
    margin-top: 50px;
}
.item-page h1 {
    color: #767676;
}
.page_galerie .item-page {
    margin: 0;
}
.item-page h5,
.m-subpage h5 {
    color: #767676;
    font-family: "brandon-grotesque", sans-serif;
    font-size: 20px;
    position: relative;
    margin: 20px 0;
    width: 100%;
    font-weight: 600;
}
.item-page h5::before,
.m-subpage h5::before {
    content: "";
    background: #767676;
    height: 1px;
    width: 140px;
    position: absolute;
    bottom: -11px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: width 0.4s ease;
}

.m-subpage {
    margin: 40px 0;
}

.item-page div div strong,
.item-page p strong {
    color: #767676;
}
.item-page a {
    color: #767676;
}
.item-page a:hover {
    color: #334c52;
}
.m-item__menu {
    padding-top: 50px;
}
.m-item__menu ul {
    display: flex;
    justify-content: space-around;
    list-style: none;
    padding-left: 0;
}
.m-item__menu ul li a {
    transition: all 500ms ease;
    position: relative;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    color: #333;
}
.m-item__menu ul li a:before {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #767676;
    content: "";
    opacity: 0;
    transition: all 0.3s;
    top: -5px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.m-item__menu ul li a:after {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #767676;
    content: "";
    opacity: 0;
    transition: all 0.3s;
    bottom: -5px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .m-item__menu ul li a:hover:before {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  .m-item__menu ul li a:hover:after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  ul.nav-child.unstyled.small {
    border-left: 1px solid rgb(104, 160, 107, 0.2);
    border-bottom: 1px solid rgb(104, 160, 107, 0.2);
    border-right: 1px solid rgb(104, 160, 107, 0.2);
  }
  .sf-menu ul {
    margin-top: 8px;
  }
/* Cookie  */
#redim-cookiehint .cookiebuttons .btn {
    background-color: #dedbdb;
    color: #111111;
}
#redim-cookiehint {
    background-color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#redim-cookiehint .cookiecontent {
    font-size: 16px;
    margin-bottom: 14px;
}
#redim-cookiehint {
    position: fixed;
    transform-origin: 50% 50%;
    bottom: 88px;
    width: 20%;
    padding: 25px 25px;
    top: auto !important;
    font-weight: 500;
    animation: fadeInLeft .7s 2s forwards;
    left: 0;
    opacity: 0;
    box-shadow: 4px 6px 10px -10px rgba(0,0,0,0.7);
    -webkit-box-shadow:4px 6px 10px -10px rgba(0,0,0,0.7);
    -moz-box-shadow:4px 6px 10px -10px rgba(0,0,0,0.7);
}
#redim-cookiehint .cookiebuttons .btn:hover {
    opacity: 0.8;
}
#redim-cookiehint .cookiecontent {
    color: #111111;
}




/* Subpages */

.m-subpage img {
    width: 350px;
    max-width: 100%;
    height: 200px;
}
.m-subpage img:hover {
    box-shadow:none;
    transition: all 700ms ease-in-out;
}

.m-subpage h2,
.item-page h2,
.m-section__newsletter h1  {
    font-family: "Bella", sans-serif;
    color: #767676;
    text-align: center;
    margin-top: 20px;
    line-height: 1.5;
}
.m-subpage h4, .item-page h4 {
    font-size: 24px;
    text-align: center;
    line-height: 1.5;
    text-transform: uppercase;
    color: #767676;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 400;
    letter-spacing: 2.8px;
    position: relative;
}
.m-subpage h4::before,
.item-page h4::before {
    content: "";
    position: absolute;
    width: 100%;
    background: #767676;
    height: 1px;
    bottom: 0;
    left: 0;
}

.m-subpages__img {
    box-shadow: 1px 2px 4px #333;
    transform: scale(.9);
    cursor: pointer;
    transition: all 700ms ease-in-out;
}
.m-subpages__img:nth-child(even):hover {
    transform: scale(1)rotate(-4deg);
    box-shadow: none;
    transition: all 700ms ease-in-out;
}
.m-subpages__img:nth-child(odd):hover {
    transform: scale(.99)rotate(4deg);
    box-shadow: none;
    transition: all 500ms ease-in-out;
}
.subpages__info {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.subpage__massage h3 {
    color: #767676;
    font-family: "brandon-grotesque", sans-serif;
    font-size: 20px;
    position: relative;
    margin: 20px 0;
    padding-left: 30px;
}
.subpage__massage--infos i {
    color: #767676;
}
.subpage__massage h3::after {
    content: "";
    position: absolute;
    background-image: url("/images/logo_icons/spa.svg");
    width: 20px;
    height: 16px;
    left: 0;
}
.subpage__massage .m-tennis h3::after {
    content: "";
    position: absolute;
    background-image: url("/images/logo_icons/tennis.svg");
    width: 20px;
    height: 16px;
    left: 0;
}
.subpage__massage .m-block2 h3::after {
    content: "";
    position: absolute;
    background-image: url("/images/logo_icons/bowling-pins-regular.svg");
    width: 20px;
    height: 16px;
    left: 0;
    background-repeat: no-repeat;
}
.subpage__massage--infos {
    position: absolute;
    bottom: 30px;
}
.subpage__massage p {
    text-align: left;
    padding: 0 16px;
}
.subpage__massage--group {
    transition: all 500ms ease-in-out;
    transform: scale(1);
}
.subpage__massage--group:hover {
    transition: all 500ms ease-in-out;
    transform: scale(1.1);
}
.subpage__massage--box {
    border: 1px solid rgba(242,169,35,0.6);
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    min-height: 550px;
}
.subpage__massage--infos span {
    font-size: 18px;
}
.subpage__massage--box img {
    height: 180px;
}
.subpage__family .subpage__massage--box {
    background: linear-gradient(to bottom, #767676 50%, #fff 50%);
    min-height: 180px;
}
.subpage__family h2 {
    margin: 40px 0;
}
.subpage__family .subpage__massage--box p {
    color: #fff;
    margin-top: 20px;
    font-weight: 500;
    padding: 0 10px;
}
.subpage__family .subpage__massage--group:hover .subpage__massage--box{
    transform: unset;
    transition: all 500ms ease-in-out;
}
.m-subpage.m-subpage__images img {
    width: 400px;
    height: 100%;
}
.page_sommerzeit .m-subpage.m-subpage__images img,
.page_summer .m-subpage.m-subpage__images img {
    margin: 5px;
}
.m-frame {
    border: 1px solid #767676;
    width: 100%;
    height: 470px;
}
.subpage__massage--group.col-md-6.col-sm-6.col-lg-4 {
    margin: 20px 0;
}
.m-subpage__bike--item h2 {
    margin: 50px 0;
}
.m-subpage__bike--item h5::before,.page_sommerzeit h5::before,
.page_summer h5::before,
.page_pauschalen h5::before, 
.page_package-deals h5::before{
    right: unset;
    width: 100%;
}
.m-subpage__bike--item p, 
.m-subpage__bike--item h5,
.page_sommerzeit h5,
.page_summer h5 {
    text-align: left;
}
a.m-subpage__bike--link {
    background-color: #767676;
    color: #fff;
    padding: 6px 30px 6px 20px;
    text-transform: inherit;
    font-size: 15px;
    border-radius: 20px;
    font-weight: 500;
    position: relative;
}
img.m-subpages__small--img {
    width: 260px!important;
}
a.m-subpage__bike--link:hover {
    color: #fff!important;
    background: #334c52;
}
img.m-subpage__bikes {
    max-width: 100%;
    max-height: 250px;
}
.page_biken .m-item__menu.m-item__menu--mobile {
    margin-bottom: 60px;
}
/* Pop UP */
span.jcemediabox-zoom-span {
    margin: 10px 0!important;
}
a.jcepopup span.jcemediabox-zoom-image {
    background: url("/images/logo_icons/zoom.svg") bottom right no-repeat;
    background-size: 7%;
}
a.jcepopup span.jcemediabox-zoom-span {
    box-shadow: 0px 0px 20px 0px rgba(52,49,75,0.1);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(52,49,75,0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(52,49,75,0.1);
    transition: all 500ms ease-in-out;
}
a.jcepopup span.jcemediabox-zoom-span:hover {
    transform: scale(1.1, 1.1);
    transition: all 500ms ease-in-out;
} 

/* Animation */

.mountain {
    width: 290px;
    margin: 20px 0;
}
.mountain path {
    stroke-dasharray: 294;
    stroke-dashoffset: 294;
    animation: line-anim 2s ease forwards 4s;
}
[class^="on-"] {
    opacity: 0;
}
.m-center p {
    text-align: center!important;
}
@keyframes line-anim {
    to {
        stroke-dashoffset: 0;
    }
}

/* Contact Forms */

.formControls {
    margin: 10px 0 !important;
}
.form-group.rsform-block.rsform-block-daten {
    display: flex;
}
.rsform-block-daten label {
    margin-right: 10px;
} 
.form-control:focus {
    border-color: #767676;
    box-shadow: none!important;
}
#rsform_error_1 {
    margin: 30px 0px -60px 0px;
}
.m-half__img {
    float: left;
    width: 50%;
    position: relative;
    transition: all 500ms ease;
}

.m-soelden__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
    border: none;
}
.m-soelden {
    position: relative;
}
#m-right, #m-left {
    transition: all 500ms ease-in-out;
}
#m-right__image, #m-left__image  {
    height: 100vh;
    position: relative;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url('/images/undefined/soel_sonnenuntergang_01_14.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 500ms ease;
}

#m-left__image  {
    background-image: url('/images/undefined/umh_stuibenfall_27_16.jpg ');
}
#m-right__image::before, #m-left__image::before  {
    content: "";
    position: absolute;
    background-color: rgba(0,0,0,0.2);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 500ms ease;
}
#m-right:hover #m-right__image::before {
    background: none;
    transition: all 500ms ease;
}
#m-left:hover #m-left__image::before {
    background: none;
    transition: all 500ms ease;
}
.m-soelden__btn a {
    font-size: 38px;
    font-weight: 700;
    font-family: "gill-sans-nova" , sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 30px;
    box-shadow: 0px 0px 2px #fff;
    letter-spacing: 8px;
}
.m-soelden__btn:hover, 
.m-soelden__btn:focus {
  animation: pulseit 1s;
  padding: 10px 0px;
  box-shadow: 0 0 0 2em rgba(225,225,225,0);
}
@keyframes pulseit {
    0% { box-shadow: 0 0 0 0 #fff; }
  }
.m-image:hover {
    transform: sacle(1.1);
    transition: all 500ms ease-in-out;
}
.page_kulturelles .m-item__menu,
.page_events .m-item__menu,
.page_events-en .m-item__menu  {
    padding-top: 0px;
}
.page_kulturelles .m-subpage.m-subpage__images img,
.page_cultural .m-subpage.m-subpage__images img {
    margin: 10px;
}
.m-left .m-subpage h4, .item-page h4 {
    text-align: center;
}
.m-subpage.m-subpage__images .m-big__img {
    max-width: 100%;
    width: 100%;
    margin-top: 10px;
}
.m-subpage.m-subpage__images .m-small__img {
    width: 270px;
    height: 100%;
    max-width: 100%;
}
/* Scroll to anchor Trick */

#essen,
#checkin, #rad,
#relax, #event,
#alps, #card, #party,
#fit, #frei,#night, #fis,
#pool, #ski, #school, #gletscher,
#massage, #mountainbike, #culture,
#kids,#play,#walk, #abends, #area,
#tour, #track, #programm, #sale, #card, #travel, #rad {
    height: 120px;
    margin-top: -120px;
    display: block;
    visibility: hidden;
}
.page_skiurlaub .m-subpage ul,
.page_kulturelles .m-subpage ul {
    list-style: square!important;
    padding-left: 20px;
}


/* Buchung Page */

.m-top__img {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    max-height: 350px;
    height: 800px;
    min-height: 800px;
}
#userForm h2 {
    margin: 100px 0 50px;
}

/* Booking Tool small */

.m-booking {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 15%;
    opacity: 0;
    animation: fadeInUp 1s 2s ease-in-out forwards;
    -webkit-animation: fadeInUp 1s 2s ease-in-out forwards;
}

.m-booking .custom {
    position: relative;
    background: rgba(255,255,255, .84);
    padding: 26px 60px 36px;
    border-radius: 15px 10px 0px 0px;
    color: #666666;
    text-transform: uppercase;
    font-family: "brandon-grotesque", sans-serif!important;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
}
span.header-booking-field-input-label {
    margin: 10px 0;
    font-weight: 600;
}
#header-booking-arrival,
#header-booking-departure,
#header-booking-adults {
    background-color: transparent;
    border: transparent;
        border-bottom-color: transparent;
        border-bottom-style: none;
        border-bottom-width: medium;    
}
#header-booking-arrival:focus,
#header-booking-departure:focus,
#header-booking-adults:focus {
    outline: 0;
}

.header-booking-button {
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    background-color: #334652;
    border-radius: 15px;
    text-align: center;
    font-weight: 600;
    padding: 6px 19px;
}
.header-booking-field-adults {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.header-booking-field.bh-datepicker {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.bh-datepicker,
.header-booking-field-adults {
    border-bottom: 1px solid #666;
    margin: 3px 0 25px;
}
span.k-select .k-icon {
    color: #334652 !important;
    top: 7px;
}
.k-listview > .k-state-focused.k-state-selected, .k-state-selected td.k-state-focused, td.k-state-focused.k-state-selected {
    color: #767676!important;
}
.k-widget, .k-input, .k-popup, .k-link {
    color: #000 !important;
}
.k-calendar .k-today.k-state-selected , 
.k-block, .k-button, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #767676!important;
}
.k-widget.k-calendar .k-nav-fast {
    color: #fff !important;
    font-weight: 700;
}
.k-listview > .k-state-focused.k-state-selected, .k-state-selected td.k-state-focused, td.k-state-focused.k-state-selected {
    -webkit-box-shadow: inset 0 0 10px 3px #767676 !important;
    box-shadow: inset 0 0 10px 3px #767676 !important;
}
.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: #fff;
    background-color: #767676!important;
    border-color: #767676!important;
}
.casa-room-offer .casa-room-offer-info,
.casa-room-offer table.casa-room-offer-rates td,
.casa-control-row .casa-btn-default,
#selection-overview button#bookingButton  {
    background-color: #334652!important;
}
hr {
    border-top: 2px solid #334652;
}
.m-package {
    border: 1px solid #767676;
    padding: 30px;
    position: relative;
    height: 100%;
    min-height: 1010px;
}
.custom.m-package p em {
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
}
.m-package ul {
    margin: 18px 0;
}
.m-package h6 {
    font-size: 20px;
    position: relative;
}
.m-package h6 span {
    position: relative;
}
.m-package h6::before {
    content: "\f017";
    font-family: FontAwesome;
    position: absolute;
}
.custom.m-package ul:last-of-type {
    font-size: 24px;
    list-style: none!important;
    position: absolute;
    bottom: 0;
}
.m-package ul:last-of-type li {
    margin: 10px 20px;
}
a.m-request {
    color: #fff;
    background: #334c52;
    border-radius: 15px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    padding: 7px 15px 9px;
    right: 50%;
    top: 13%;    
    transform: translate(50%);
}
a.m-request:hover {
    color: #ffffff;
    background-color: #767676;
}
.page_pauschalen .m-package ul {
    list-style-type: circle;
    list-style: inherit;
    list-style-position: inside;
}
.m-request__bottom {
    display: none;
}
.m-package h2 {
    margin-bottom: 70px;
}
/* Zimmer */
.m-rooms {
    position: relative;
}
.m-rooms h2 {
    position: relative;
    font-family: "brandon-grotesque", sans-serif;
    color: #334652;
    font-size: 20px;
    padding: 0px 20px;
    margin-bottom: 30px;
    font-weight: 500;
    line-height: 0;
    text-transform: uppercase;
}
.m-rooms h2 i:first-of-type {
    padding-left: 11px;
}
.m-rooms h2 i {
    font-size: 24px;
}
.m-rooms > div:hover em,
.m-rooms > div:hover a {
    opacity: 1;
    transition: all 300ms ease-in-out;
}
.m-rooms > div:hover div {
    height: 100%;
    max-height: 100%;
    transition: all 300ms ease-in-out;
}
.m-rooms em,
.m-rooms a {
    opacity: 0;
}
.m-rooms a {
    background: #767676;
    font-weight: 500;
    color: #fff;
    padding: 2px 8px;
    position: relative;
}
.m-rooms a:hover {
    color: #fff;
}
.m-rooms em {
    font-style: normal;
    font-weight: 500;
}
.m-room__item {
    width: 100%;
    max-width: 100%;
    height: 100%;
}
.m-rooms > div > div {
    position: absolute;
    background: rgba(225,225,225, 0.7);
    text-align: center;
    left: 50%;
    transform: translate(-50%);
    padding-top: 10px;
    min-width: 250px;
    max-height: 100px;
    transition: all 300ms ease-in-out;
}
.page_zimmer-preise .item-page p {
    text-align: unset;
}

.item-page h2 span {
    color: #334652;
    text-transform: uppercase;
    font-family: "gill-sans-nova" , sans-serif;
    margin-bottom: 30px;
    display: inline-block;
    font-weight: 400;
}
h6, .h6 {
    font-size: 20px;
    margin: 13px 0;
    display: inline-block;
}
a.m-subpage__btn {
    background-color: #767676;
    text-align: left!important;
    text-transform: uppercase;
    color: #fff;
    padding: 6px 30px 6px 20px;
    font-size: 15px;
    border-radius: 20px;
    font-weight: 500;
    position: relative;
}
a.m-subpage__btn:hover {
    color: #fff;
    background-color: #334c52;
}
a.m-subpage__btn::after {
    content: "\f105";
    font-family: FontAwesome;
    right: 15px;
    position: absolute;
    top: 3px;
    font-size: 22px;
    font-weight: 100;
}
.item-page p .m-subpage__btn {
    text-align: left;
}
ol {
    list-style: none;
}
ol li::before {
    content: "+"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: #fff; /* Or a color you prefer */
}
.item-page ol {
    background-color: #767676;
    padding: 40px;
    max-width: 100%;
    position: relative;
}
.item-page ol li {
    color: #fff;
    font-weight: 500;
    padding-left: 40px;
}
.item-page ol::before {
    background-image: url("/images/logo_icons/sunnyLogo4.svg");
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    width: 220px;
    height: 110px;
    bottom: 10px;
    right: 10px;
    opacity: 0.7;
    background-size: contain;
}
table.m-price__table {
    position: relative;
    text-align: center;
    border: 1px solid #767676;
}
table.m-price__table tr:nth-child(1) td {
    background: #767676;
    color: #334652;
    padding: 20px 0 10px;
    font-weight: 500;
}
table.m-price__table tr:nth-child(2) td {
    background: #767676;
    color: #334652;
    padding: 0px 0 10px;
    font-weight: 500;
}
table.m-price__table tr:nth-child(3) td {
    padding: 20px 0;
}
table.m-price__table tr td:first-of-type {
    border-left: transparent;
}
table.m-price__table tr td {
    border-left: 1px solid #334652;
}
button.rsform-submit-button.rsform-thankyou-button.btn.btn-primary {
    margin: 20px auto;
    display: flex;
}



/*******************************************************/
/************   Loading     ****************************/
/*******************************************************/

.loading {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    z-index: 9999999999999999999999999999999999999999999999999999;
  }
  .loading__block {
    width: 70px;
    height: 70px;
    position: relative;
    left: 50vw;
    top: 50vh;
    transform: translate(-50%, -50%);
  }
  .loading__item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #767676;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
  }
  .loading__item:last-child {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
  }
  @-webkit-keyframes sk-bounce {
    0%, 100% {
      -webkit-transform: scale(0);
    }
    50% {
      -webkit-transform: scale(1);
    }
  }
  @keyframes sk-bounce {
    0%, 100% {
      transform: scale(0);
      -webkit-transform: scale(0);
    }
    50% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }
  .loading.loading--hide {
    display: none;
  }
  /* NEWSLETTER */

  label.itemname {
    margin: 15px 0;
}
.cr_body.cr_page.cr_font.formbox input {
    border-radius: 5px;
}
button.cr_button {
    margin-top: 40px;
}
h1.non_sortable {
    position: relative;
}
h1.non_sortable::before {
    content: "";
    background-image: url(/images/logo_icons/paper-plane.svg);
    position: absolute;
    left: 130px;
    top: 20px;
    width: 140px;
    transform: rotate(10deg);
    height: 70px;
    background-repeat: no-repeat;
    background-size: 40%;
}
input:focus {
    border: 1px solid #767676;
    box-shadow: none !important;
}
input,
.form-control {
    border: 1px solid #999;
    padding-left: 10px;
    font-size: 20px;
}
.rsfp_thankou_popup_close_btn {
    color: #334652;
    right: 15px;
    font-weight: 500;
}
.rsfp_thankyou_popup_inner {
    border-radius: 15px;
    padding: 30px;
}
.sppb-addon-image-overlay-icon {
    border-radius: 50%;
    line-height: 29px!important;
}
.sppb-addon-single-image-container:hover .sppb-addon-image-overlay-icon {
    -webkit-animation: zoomIn .5s!important;
    animation: zoomIn .5s!important;
}
.flag__mobile {
    display: none;
}
div#sppb-addon-1564036636730 {
    position: absolute;
    right: 10%;
    bottom: 0;
    transform: translate(-50%, -50%);
}
.m-mobile__gift.sppb-text-center {
    display: none;
}
a#sppb-modal-1564036636730-selector i {
    padding-right: 10px;
}
.sppb-addon-content iframe {
    width: 100%;
    max-width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    background-color: #880011!important;
}
.page_sommer .sppb-addon-single-image-container img, .page_summer .sppb-addon-single-image-container img, .page_winter .sppb-addon-single-image-container img  {
    width: auto;
    height: 220px!important;
    object-fit: cover;
}
.m-middle__img .sppb-addon-content .sppb-addon-single-image-container img {
    height: auto!important;
}
.page_contact .separator, .page_kontakt .separator {
    line-height: 35px;
}
.sppb-addon-content ul {
    list-style: none;
}


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

@media(max-width:1600px) {
    .m-soelden__btn a {
        font-size: 25px;
    }
    .m-button__item {
        width: 100px;
    }
    .m-button__item img {
        width: 26px;
    }
    .m-button__item a {
        font-size: 12px
    }
   
    .shrink .logo__item--scroll {
        width: 170px;
    } 
    .header__menu--btn.col-lg-3.col-sm-2.col-md-2 {
        padding: 0;
    }
    .lang-inline {
        margin: 0 10px!important;
    }
    .mod-languages img {
        width: 20px;
    }
    .header__menu--btn.col-lg-2 {
        padding-right: 0;
        padding-left: 0;
    }

	.container {
        max-width: 100%;
    }

    .m-section__offer {
        left: 6%;
    }
}
@media(max-width:1300px) {
    .logo__item {
        width: 280px;
    }
    .m-button__item {
        width: 90px;
    }
    .m-button__item {
        padding: 0 5px 5px 0;
}
    .m-button__item a span::after {
        right: -11px;
    }

    .forcefullwidth_wrapper_tp_banner,
    .tp-revslider-mainul,
    .fullwidthbanner-container .fullwidthabanner,
    .m-top__img{
        height: 100vh!important;
        min-height: 100vh;
    }
    .m-small__slider .fullwidthbanner-container .fullwidthabanner {
        height: 100%!important;
        min-height: auto;
    }
}
@media(max-width: 1280px) and (min-width:1199px) {
    .logo__item {
        width: 220px;
    }
    .header.shrink {
        background-color: #ffffff;
        transition: all 0.3s;
        min-height: 0;
        box-shadow: 119px -266px 10px 262px rgba(0,0,0,0.4);
    }
    .shrink .nav > li > a {
        color: #767676;
        transition: all 0.3s;
    }
    .shrink .navbar {
        margin-top: 0;
        transition: all 0.3s;
    }
    .shrink__stop .nav {
        padding: 13px 10px 0px 10px;
    }
    .shrink .nav {
        padding: 10px 0px 0px 0px;
    }
    /* .shrink .mod-languages {
        margin: 18px 20px 0;
    } */
    .nav-up {
        top: -209px;
    }
    .shrink__stop .nav-up{
        top: unset;
    }
    .logo__item--scroll {
        display: none;
    }
    .shrink .logo__item--scroll {
        display: block;
        transition: all 0.3s;
        width: 200px;
    }
    .shrink .logo__item {
        display: none;
    }
    .shrink .m-button ul {
        margin-bottom: 0;
    }
}
@media(max-width:1200px) {
    .logo__item {
        width: 210px;
    }
    .subpage__massage--box {
        min-height: 470px;
    }
    .logo {
        margin-left: unset;
        padding: 10px 0;
    }
}
@media(max-width:1199px) {
    .m-button__hide {
        display: none;
    }
    .subpage__family--group:last-of-type {
        margin-top: 20px;
        left: 50%;
        transform: translate(-50%);
    }
}
@media(max-width:1024px) and (orientation: landscape) {
    .m-section__full {
        height: 60vh;
    }
    .slideshow .rev_slider_wrapper {
        height: 800px!important;
    }
}
@media(max-width:1024px) {
    #sppb-addon-1564036636730 #sppb-modal-1564036636730-selector.sppb-btn-custom {
        padding: 30px 50px 30px 50px;
    }
    .m-flex {
        padding-bottom: 0 !important;
    }
    .small li a::before {
        left: 0;
    }
    ul.nav.menu.sf-menu li:last-child .nav-child.unstyled {
        margin-top: 10px;
    }
    .sf-menu ul {
        min-width: 225px;
        padding: 0;
        margin-top: 8px;
    }
    .small .deeper.parent, .small li {
        padding: 15px 0 15px 0;
    }   
    .sf-menu a {
        font-size: 15px;
        padding-left: 25px;
    }
    .page_home .m-space .sppb-addon-text {
        margin-top: 0px;
    }
    .m-box h3 a, .m-box h3 {
        font-size: 22px;
    }
    .forcefullwidth_wrapper_tp_banner, .tp-revslider-mainul, .fullwidthbanner-container .fullwidthabanner {
        height: 100%!important;
        min-height: 100%;
    }
    .m-top__img {
        height: 446px;
        min-height: 466px;
    }
    .m-button__request--list .m-button__item:nth-child(1) img {
        width: 26px;
    }
    .m-button__request--list .m-button__item:nth-child(1) {
        background-color: #334652;
    }
    .m-package {
        min-height: 840px;
    }
    .m-subpages__img {
        transform: unset;
        max-width: 100%;
        max-height: 100%;
        height: 100%;
    }
    .m-subpages__img:hover {
        transform: unset;
    }
    .m-subpage img {
        height: 180px;
    }

    .m-button__item a {
        font-size: 10px;
    }
    .m-button__item {
        padding: 0 0 5px 0;
    }
    .m-button__item {
        width: 78px;   
    }
    .item-page div .col-sm-4 {
        margin: 30px 0;
    }
    .item-page h1 {
        font-size: 26px;
    }
    .m-item__menu ul li a,
    .m-section__info p {
        font-size: 16px;
    }

    .m-section__full {
        height: 71vh;
    }
    .m-section__info {
        top: 11%;
    }
    .m-section__button a::before {
        top: 8px;
    }
    .m-section__info a::before {
        top: 14px;
    }
    .slideshow .rev_slider_wrapper {
        height: 650px!important;
    }
    body p, ul li {
        font-size: 16px!important;
    }
    .m-section__box h2, .m-section__box--right h2, .m-section__info h2,
    .m-footer__items h2 {
        font-size: 26px;
    }
    .m-section__box h3 a, .m-section__box--right h3 a {
        font-size: 12px;
        padding: 10px 25px 10px 15px;
    }
    .m-section__box--right h3 a::after, .m-section__box h3 a::after, .m-footer__items h3 a::after {
        right: 13px;
        top: 10px;
        font-size: 18px;
    }
    .m-section__button a, .m-section__info h3 a {
        font-size: 24px;
    }
    .m-slider__info {
        left: 40px!important;
    }
    .m-section__button {
        left: unset!important;
        right: 40px!important;
    }
    .m-slider__info h2 {
        font-size: 22px!important;
    }
    .m-section__button a, .m-section__info h3 a,
    .m-slider p  {
        font-size: 20px!important;
    }
    .m-button__item:first-of-type img {
        width: 20px;
    }
    .m-button__item:first-of-type {
        background-color: #334c52;
    }
    .m-section__offer {
        display: none;
    }
    .m-footer__items p,
    .m-footer__items h4 {
        font-size: 20px;
    }
    .m-footer__items p a {
        font-size: 15px;
    }
    .m-button__hide {
        display: none;
    }
    .header__btn--bottom.header__menu--btn {
        position: fixed;
        top: 20%!important;
        left: 0;
        max-width: 100%;
        margin: 0 auto;
        z-index: 9;
        display: block;
        /* background-color: #334652; */
        transition: bottom 0.3s;
    }
    .m-button__request--list ul {
        list-style: none;
        padding: 0;
        margin-bottom: 0;
    }

    .m-button__request--list ul li {
        text-align: center;
    }
    .m-button__request--list ul li:nth-child(2) {
        border: 1px solid #fff;
        border-left: 1px solid transparent;
        margin: 5px 0;
    }
    .m-button__request--list ul li {
        border: 1px solid #fff;
        border-left: 1px solid transparent;
    }
    .m-button ul {
        margin-bottom: 0;
        padding: 0;
    }
    .m-section__offer-btn {
        padding: 24px;
    }
    .logo__item {
        width: 200px;
    }
    .m-footer__items .col-sm-4:last-of-type {
        padding-left: 68px;
    }

    .nav > li > a,.nav > li > span {
        font-size: 15px;
        padding: 10px 8px;
    }
    .header__menu--btn.col-lg-3 {
        display: none;
    }

}

@media(max-width:991px) {
    .flags {
        top: 0;
        margin-top: 70px;
        margin-right: 10px;
    }
    .m-carosel .sppb-column-addons {
        display: flex;
    }
    .sppb-column {
        position: relative;
    }
    .m-text h2 {
        margin: 7px;
        border-radius: 15px;
    }
    .m-text {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 999;
        transform: translate(-50%,50%);
        background-color: rgba(225,225,225,0.7);
    }
    .m-mobile__gift.sppb-text-center a, #sppb-addon-1564469187471 #sppb-modal-1564469187471-selector.sppb-btn-custom {
        padding: 20px 30px 20px 30px;
        font-size: 30px;
    }
    .m-mobile__gift.sppb-text-center {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
    }
    .menutopxsbtn {
        display: block;
    }
    .m-menu {
        display: none;
    }
    div#sppb-addon-1564036636730 {
        display: none;
    }
    .sppb-column-addons img {
        max-width: 70%;
        width: 100%;
    }
    #sppb-addon-1564036636730 #sppb-modal-1564036636730-selector.sppb-btn-custom {
        padding: 30px 50px 30px 50px;
    }
  .m-rowreverse .sppb-row {
      display: flex;
      flex-direction: column-reverse;
  }
    .sppb-addon-title {
        margin-top: 0;
    }
    .m-flex .sppb-row {
        display: flex;
        flex-direction: column-reverse;
    }
    .nav > li > a,.nav > li > span {
        font-size: 15px;
        padding: 10px 0px;
    }
    .m-footer::before {
        right: 20px;
        top: 210px;
        width: 120px;
        height: 120px;
    }
    .m-rooms {
        display: inline-block;
        text-align: center;
    }
    .m-rooms > div > div {
        width: 40%;
    }
    .m-rooms > div:hover div {
        max-height: 70%;
    }
    .m-room__item {
        width: 70%;
        margin-bottom: 30px;
    }
    #m-small__slider .tp-bgimg.defaultimg {
        background-position: center;
    }
    .m-section__text h1, .m-section__text h2 {
        line-height: 1.5;
    }

    h1.non_sortable::before {
        left: 0;
    }
    .item-page ol li {
        padding: 0;
    }
    .item-page ol::before {
        width: 160px;
        bottom: -20px;
    }
    .item-page ol {
        margin-top: 50px;
    }
    .m-booking {
        display: none;
    }
    .custom.m-package ul:last-of-type {
        position: relative;
    }
    .m-package {
        min-height: 890px;
    }
    a.m-request__bottom {
        display: block;
        position: absolute;
        bottom: 60px;
        right: 50%;
        color: #fff;
        background: #334c52;
        padding: 7px 15px 9px;
        border-radius: 15px;
        font-weight: 700;
        text-transform: uppercase;
        transform: translate(50%);
    }
    a.m-request__bottom:hover {
        color: #fff;
    }
    .m-package {
        margin: 0 0 80px 0;
    }
    .item-page {
        margin: 0;
    }
    .page_leiterbergalm .m-section {
        margin: 60px 0px;
    }
    .m-subpage img,
    .subpage__massage--box img {
        height: auto!important;
    }

    .nav-up .c-hamburger--htx.is-active {
        top: unset;
    }
    .menutopxs nav .nav {
        padding-top: 50px;
    }
    .menutopxs .logo {
        display: flex;
        justify-content: flex-start;
        margin-top: 10px;
        margin-left: 60px;
    }
    .logo__mobile {
        display: block;
        width: 270px;
        height: auto;
    }
    .m-button__item {
        padding: 5px 0 10px 0;
    }
    .header.shrink {
        background-color: #ffffff;
        transition: all 0.3s;
        min-height: 0;
        box-shadow: 119px -266px 10px 262px rgba(0,0,0,0.4);
    }
    .shrink .nav > li > a {
        color: #767676;
        transition: all 0.3s;
    }
    .shrink .navbar {
        margin-top: 0;
        transition: all 0.3s;
    }
    .shrink__stop .nav {
        padding: 13px 10px 0px 10px;
    }
    .shrink .nav {
        padding: 10px 0px 0px 0px;
    }
    /* .shrink .mod-languages {
        margin: 18px 20px 0;
    } */
    .nav-up {
        top: -209px;
    }
    .shrink__stop .nav-up{
        top: unset;
    }
    .logo__item--scroll {
        display: none;
    }
    .shrink .logo__item--scroll {
        display: block;
        transition: all 0.3s;
        width: 200px;
    }
    .shrink .logo__item {
        display: none;
    }
    .shrink .m-button ul {
        margin-bottom: 0;
    }
    .header__btn--bottom {
        display: block;
    }
    .nav > li > a::before {
        display: none;
    }
    #redim-cookiehint {
        width: 30%;
    }
    header {
        background-color: #fff;
        min-height: 100px;
    }
    .shrink .logo__item--scroll,
    .logo__item  {
        display: block;
        width: 270px;
        height: auto;
    }

    #totop {
        right: 20px;
    }
    .m-section__package:hover h3 a:before, .m-section__request:hover h3 a:before, .m-section__news:hover h3 a:before, .m-section__offer-btn:hover h3 a span:before {
        visibility: visible;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8);
    }
    .m-section__package, .m-section__request, .m-section__news {
        padding: 20px 0px;
        margin: 0px 0;
    }
    .m-section__info--btn h3 a {
        line-height: 32px;
        font-size: 13px;
        padding-top: 25px;
    }
    .m-section__info--btn h3 a span {
        font-size: 20px;
    }
    .m-section__logo img {
        width: 150px;
    }
    .m-section__full {
        height: 60vh;
    }
    .m-section__info {
        width: 460px;
        top: 11%;
    }
    .m-section__info h2 {
        line-height: 50px;
    }
    body {
        font-size: 14px;
    }
    .m-section__box iframe {
        min-height: 250px;
    }
    .m-section__box--right h3 a::after, .m-section__box h3 a::after, .m-footer__items h3 a::after {
        right: 13px;
        top: 6px;
        font-size: 14px;
    }
    .m-section__box h3 a, .m-section__box--right h3 a,
    .m-footer__items h3 a {
        font-size: 12px;
        padding: 5px 25px 5px 15px;
    }
    .m-section__box h3, .m-section__box--right h3 {
        margin: 30px 0 0 0;
    }
    .m-section__box h2, .m-section__box--right h2, .m-section__info h2 {
        margin-bottom: 15px;
    }
    .m-section__box h2, .m-section__box--right h2, .m-section__info h2, .m-footer__items h2 {
        font-size: 21px;
    }
    .m-section__box .col-sm-6:nth-child(even), .m-section__box--right .col-sm-6:nth-child(odd) {
        padding: 35px 15px 0 15px;
    }
    .m-section__box iframe {
        /* width: 470px; */
        height: 430px;
    }
    .m-section__box img, .m-section__box iframe, .m-section__box--right iframe, .m-section__box--right img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        min-height: 250px;
    }

    .navbar {
        display: none;
    }
    
  
    
    /* .menutopxs {
        display: block;
    } */
	.nav > li {
        position: relative;
        display: inline-block;
        padding: 0 20px!important;
    }

    .parentnavimg {
        display: block;
    }
    li.m-menu__item {
        padding: 5px 30px;
        margin: 0;
    }

}


@media(max-width:812px) {
    .m-section__full {
        height: 144vh;
    }
    .slideshow .rev_slider_wrapper {
        height: 426px!important;
    }
}
@media(max-width: 768px) {
    .m-section__full {
        height: 55vh;
    }
    .shrink .logo__item--scroll, .logo__item {
        width: 190px;
    }

    .menutopxs .logo {
        display: flex;
        justify-content: center;
        margin-left: 0px;
    }
    .logo__mobile {
        width: 200px;
    }
    .nav > li > span {
        padding: 0 10px;
    }
    .sf-menu ul {
        position: relative;
    }
    .menutopxs ul.nav-child {
        display: block!important;
    }
    .small li a::before {
        display: none;
    }
    .menutopxs li li a {
        font-size: 16px;
        padding-left: 35px !important;
    }
    ul.nav-child.unstyled.small {
        border-left: unset;
        border-bottom: unset;
        border-right: unset;
    }
    .small .deeper.parent, .small li {
        padding: 5px 0px 5px 0px;
        margin-bottom: 0px;
    }
}

@media(max-width:767px) {
      body.page_404-leider-nichts-gefunden {
          margin-top: 100px;
          margin-left: 10px;
          margin-right: 10px;
      }
    #sppb-addon-1563371577148 .sp-slider .sp-slider-content-wrap {
        Width: 80%
    }
    .sp-slider-content-align-left h2 {
        line-height: 34px !important;
    }
    .m-text {
        transform: translate(-50%,-50%);
    }
    .m-carosel .sppb-column-addons {
        display: block;
    }
    .sppb-addon-content ul li {
        text-align: left!important;
    }
    .sppb-addon-animated-heading .sppb-addon-title {
        font-size: 35px;
    }
    .sppb-column-addons img {
        width: 90%;
    }
    .m-mobile__gift.sppb-text-center {
        top: 86%;
    }
    body.page_gerlos-zillertal-im-winter .sppb-text-left,
    body.page_gerlos-zillertal-im-sommer .sppb-text-left {
        text-align: center;
    }
    .btn-primary, button.cr_button, .sppb-btn-primar {
        margin-bottom: 20px;
    }
    .small li a::before {
        left: -10px;
    }
    .m-divider {
        margin: 0 !important;
    }
    h2 {
        font-size: 22px;
    }

    .m-margin {
        padding-top: 0 !important;
    }
    .nav > li > a, .nav > li > span {
        padding: 10px 0!important;
    }
    ul.nav-child.unstyled.small {
        border: none;
        display: block!important;
        position: relative;
        border-bottom: 1px solid rgba(225,225,225, 0.7);
    }
    .small .deeper.parent, .small li {
        padding: 0px 0 0px 10px;
        margin-top: 10px;
    }
    .menutopxs li li a {
        font-size: 15px;
    }
    .m-footer__mail:before, .m-footer__phone:before {
        font-size: 33px;
    }
    .m-footer__items h3:first-of-type {
        margin: 60px 0 20px 0;
        font-size: 20px;
    }
    .m-footer::before {
        top: 370px;
    }
    .header__menu {
        justify-content: flex-start;
    }
    .logo {
        margin-left: 98px;
    }
    div.mod-languages li {
        margin-bottom: 10px;
    }
    .mod-languages {
        margin: 0px 30px 0 10px;
    }
    .flag__mobile {
        display: block;
    }
    .flags {
        margin-right: 7px;
    }
    .sp-page-builder .page-content #section-id-1562444621606 {
        padding-top: 0;
    }
    h1, .h1 {
        font-size: 28px;
    }
    .m-menu {
        display: none;
    }
    .menutopxsbtn {
        display: block;
    }
    .m-rooms > div > div {
        text-align: center!important;
        width: 80%;
    }
 
    .m-room__item {
        width: 100%;
    }
    .m-small__slider .rev_slider_wrapper {
        height: 276px!important;
    }
    .mountain {
        width: 170px;
    }
    .m-package ul:last-of-type li {
        margin: 10px 0px;
    }
    .m-package {
        padding: 20px;
    }
    .page_pauschalen .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }
    .m-subpage h4, .item-page h4 {
        font-size: 18px;
    }
    a.m-request {
        top: 12%;
    }
    .m-package h2 {
        margin-bottom: 70px;
    }
    a.m-request__bottom {
        transform: translate(50%);
        padding: 7px 15px 7px;
        bottom: -14px;
        right: 50%;
    }
    .m-soelden {
        margin-top: 60px;
    }
    .page_soelden-aktiv .m-section,
    .page_soelden-aktiv .item-page {
        margin: 0;
    }
    #m-right__image, #m-left__image {
        height: 50vh;
    }
    .m-soelden__btn a {
        font-size: 15px;
        letter-spacing: 1px;
    }
    .subpage__family--group {
        margin-bottom: 20px;
    }
    .m-footer__lines {
        padding: 6px;
    }
    .subpages__info ul {
        margin: 0 90px!important;
    }
    .page_biken .subpages__info ul {
        margin: 0 10px!important;
    }
    .subpage__massage--box {
        min-height: 530px;
        height: 100%;
    }
    .subpage__massage--group {
        margin: 20px auto !important;
    }
    .subpage__massage--group:last-of-type {
        margin-bottom: 0;
    }
    .subpage__massage--group:hover {
        transform: unset;
    }
    .item-page h5, .m-subpage h5 {
        margin: 34px 0 20px;
        font-size: 18px;
    }
    .m-subpage h2, .item-page h2 {
        font-size: 22px;
    }
    .subpage__icons {
        width: 10px!important;
    }
    .m-item__menu.m-item__menu--mobile {
        text-align: center;
        margin: 0px 0;
    }
    .m-subpage img {
        max-width: 100%;
        max-height: 100%;
    }
     .m-subpages__img .m-popup__food{
        height: 100%;
        max-width: 100%;
    }
    .m-item__menu ul li {
        margin: 20px;
    }
    .item-page .custom div:first-of-type {
        margin: 0px 0;
        text-align: left;
    }
    .item-page h1 {
        line-height: 38px;
    }
    .m-item__menu ul {
        display: inline-block;
        text-align: center;
    }
    .item-page {
        margin: 60px 0;
    }
    .m-footer p {
        text-align: center;
    }
    li.m-menu__item {
        padding: 3px 2px;
    }
    .menutopxs ul {
        width: 100%;
    }
    .logo__mobile {
        width: 140px;
    }
    #m-slider__text--mobile p {
        top: 87px!important;
    }
    .subpages__info {
        flex-direction: column;
        margin-top: 20px!important;
        text-align: left!important;
    }
    .subpages__info ul {
        margin: 0;
    }
    header {
        min-height: 60px;
    }
    .menutopxsbtn {
        margin-top: 10px;
        margin-right: 20px;
    }
    .shrink .logo__item--scroll, .logo__item {
        width: 120px;
        padding: 10px 0;
    }
    #redim-cookiehint {
        bottom: 60px;
        width: 100%;
        border-top-right-radius: unset;
        border-bottom-right-radius: unset;
    }
    #totop {
        bottom: 80px;
    }
    .m-button__item:first-of-type img {
        width: 15px;
    }
    .m-button__item img {
        width: 26px;
        padding-top: 14px;
        margin-top: -10px;
    }
    .m-button__item {
        width: 100px;
    }
    .m-button__item {
        padding: 0 0 5px 0;
    }
    .header__btn--bottom.header__menu--btn {
        top: unset!important;
        left: unset;
        bottom: 0;
        background: #334652;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .m-button__request--list ul li {
        border: unset;
        border-left: unset;
    }
    .m-button__request--list ul li:nth-child(2) {
        margin: 0;
        border: unset;
    }
    .m-button__item a {
        font-size: 10px;
    }
    .m-button__request--list ul {
        display: flex;
        align-content: flex-end;
    }
    .m-section__package, .m-section__request, .m-section__news {
        margin: 0 0 25px 0;
    }
    .m-section__info--btn {
        padding: 30px;
    }
    .m-section__info--btn .m-section__icon {
        width: 148px;
    }
    .m-section__infoBox--img {
        height: 100%;
    }
    .tp-bullets.simplebullets.round .bullet {
        margin-bottom: 10px;
    }
    .slideshow .rev_slider_wrapper {
        max-height: 350px!important;
    }

    .shrink .mod-languages {
        margin: 15px 30px 0 10px;
    }

    .m-section__button a, .m-section__info h3 a {
        padding: 6px 20px 6px 10px!important;
    }
    body {
        font-size: 14px;
    }
    .m-section__info {
        width: 310px;
        top: 6%;
    }
    .m-section {
        margin: 0!important;
    }
    .m-section__box .col-sm-6:nth-child(even), .m-section__box--right .col-sm-6:nth-child(odd) {
        padding: 30px 15px 30px 15px;
    }
    .m-footer__items .col-sm-4:first-of-type {
        text-align: center;
        margin-bottom: 40px;
    }
    .bullet.first, .bullet,
    .bullet.selected {
        width: 10px!important;
        height: 10px!important;
        
    }
    .m-section__button a, .m-section__info h3 a, .m-slider p {
        font-size: 16px!important;
        line-height: 16px!important;
    }
    .m-section__button {
        top: unset!important;
        bottom: 60px!important;
        right: 20px!important;
    }
    .m-slider__info {
        top: 20px!important;
    }
    #m-slider__text {
        top: 90px!important;
    }
    .m-button ul li a span {
        display: none;
    }
    .m-section__box h3, .m-section__box--right h3 {
        text-align: center;
    }
    /* .m-section__box .col-md-6:nth-child(even), .m-section__box--right .col-md-6:nth-child(odd) {
        padding: 55px 15px 0 15px;
    } */
    .m-section__info h2 {
        margin: 40px 20px 20px 20px;
    }
    .m-section__info p {
        padding: 0 20px;
    }
    .m-section__box h2, .m-section__box--right h2, .m-section__info h2 {
        font-size: 22px;
        line-height: 2;
    }
    .m-section__info h3 {
        margin: 40px 5px;
    }
    .m-section__button a::before, .m-section__info a::before {
        right: 7px;
        top: 10px;
    }
    .m-section__box, .m-section__box--right {
        text-align: center;
    }
    .m-section__box h2, .m-section__box--right h2, .m-section__info h2 {
        margin-bottom: 10px;
    }
    .m-section__box img, .m-section__box iframe, .m-section__box--right iframe, .m-section__box--right img {
        height: 100%;
    }
    .custom.m-section__logo {
        display: flex;
        justify-content: center;
    }
    .m-section__logo img {
        width: 80px;
    }
    #totop {
        right: 15px;
    }
    /* Chronoforms Responsive */

    .gbs3 .chronoform .gcore-input{width:100% !important;}
    .gbs3 .chronoform .form-control{width:100% !important;}

}

@media(max-width: 736px) {
    .m-section__full {
        height: 110vh;
    }
    .m-rooms > div:hover div {
        max-height: 85%;
    }
}
@media(max-width: 568px) {
    .m-section__full {
        height: 130vh;
    }
}
@media(max-width:500px) {
    .menutopxs {
        width: 100%;
        
    }
    
    
}

@media(max-width: 414px) {
    .m-section__full {
        height: 60vh;
    }
}
@media(max-width: 375px) {
    .m-section__full {
        height: 70vh;
    }
}
@media(max-width:320px) {
    .logo {
        margin-left: 75px;
    }
    .m-footer__items img {
        width: 200px;
    }  
    .mod-languages, .shrink .mod-languages {
        margin: 15px 17px 0 10px;
    }
    .subpages__info ul {
        margin: 0 40px!important;
    }
    .subpage__massage h3::after {
        left: 3px;
    }
    #m-slider__text {
        top: 110px!important;
    }
    .m-button__item {
        border: unset;
    }
    .m-section__info {
        width: 310px;
        top: 2%;
        left: 2%;
    }
    .menutopxsbtn {
        margin-right: 0px;
    }

}
#sppb-addon-1564036636730 .sppb-btn{
font-size: 30px;
}

.sp-slider-content-align-left {
    background: #880011;
    color: #fff !important;
  	display: inline-block;
    width: auto;
    padding: 24px 36px 36px 36px;
}
.sp-slider-content-align-left h1,
.sp-slider-content-align-left h2,
.sp-slider-content-align-left p,
.sp-slider-content-align-left span{
  color: #fff !important;
}

.sp-slider-content-align-left h1,
.sp-slider-content-align-left h2 {
    font-size: 30px !important;
}

@font-face {
    font-family: 'Apple Chancery';
    src: url('fonts/Apple Chancery.ttf') format('truetype');
}
h1 {
  font-family: 'Apple Chancery' !important;
}
#section-id-1563371577080 h1 {
  font-family: 'Baumans' !important;
}
@media(max-width:768px) {
  .sp-slider-content-align-left .sppb-sp-slider-text {
      display: none;
  }
  
  .sp-slider-content-align-left {
       position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 15px;
	} 
  
  .sp-slider-content-align-left h2 {
    font-size: 16px !important;
    margin: 0 !important;
    
  }
  .sp-slider-content-align-left a {
    margin: 0 !important;
  }
}