/* Insert your sonnenpark_subtheme base overrides over Vartheme BS4 and Bootstrap */

/* amatic-sc-regular - latin */
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/amatic-sc-v24-latin/amatic-sc-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/amatic-sc-v24-latin/amatic-sc-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/amatic-sc-v24-latin/amatic-sc-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/amatic-sc-v24-latin/amatic-sc-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/amatic-sc-v24-latin/amatic-sc-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/amatic-sc-v24-latin/amatic-sc-v24-latin-regular.svg#AmaticSC') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* Familotel Balken */
#familotel-balken { background: url(../../images/Familotel_neg_Claim_D.svg) no-repeat center top #b70718; text-align: center; height: 40px; }
#familotel-balken img  { height: 40px; }
@media (max-width: 768px) { 
  #familotel-balken { height: 30px; }
  #familotel-balken img  { height: 30px; }
}

@media (max-width: 768px) { 
  /* iPhone Fix */
  .page-node-6 .bs-region--main { overflow: hidden; }
}

.page-node-72 div.hero_slider.mt-n4 {
    /* height: 0; */
}

@media (min-width: 769px) and (max-width: 1048px)  { 
/*    .page-node-72 #block-sonnenpark-subtheme-page-title {
      margin-top: 85px;
    }
*/
   .page-node-72 #block-onlinebooker {
        height: 280px !important;
   }
}


.page-node-95 #block-sonnenpark-subtheme-page-title,
.page-node-109 #block-sonnenpark-subtheme-page-title {
      margin-top: 115px;
    }

.pf_sel_kind { display: none; }

/* Header */
.navbar-right a { color: #DAAB3F; outline: none; }

.hero_slider { background-color: #fff;  }
.region-hero-slider { max-width: 1600px; margin-left: auto; margin-right: auto; }

.navbar-light .navbar-toggler, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:active {
    color: #DAAB3F;
    border-color:#DAAB3F;
    outline: none;
}
.navbar-toggler {
  border: 1px solid transparent;
}
@media (max-width: 768px) { 
  .navbar-toggler { padding: 0rem 0.25rem; }
  .navbar-toggler-icon { width: 1.5em; height: 1.35em; }
}
.navbar-light .navbar-toggler-icon {

    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(204, 153, 51, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}
.navbar-light .navbar-nav .nav-link {
    color: #DAAB3F;
}

/* Navigation Sprachen oben rechts */
.language-switcher-language-url ul.links {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-left: 0;
}
.language-switcher-language-url ul.links li { list-style-type: none; }
.navbar-lang { margin-left: 20px; }
.navbar-lang a, .language-switcher-language-url ul.links li a { color: #DAAB3F; border: 2px solid #DAAB3F; border-radius: 50%; padding: 5px; text-decoration: none; margin-left: 5px; width: 34px;
height: 34px;
display: inline-block;
text-align: center; }

#block-mainnavigation-2 .navbar-nav { max-width: 350px; }
#block-mainnavigation-2 .nav-link { font-size: 0.95rem; }
#block-mainnavigation-2 .dropdown-menu { padding: 0 0 0.35rem 0; }
#block-mainnavigation-2 .dropdown-item { padding: 0.15rem 1rem; }
#block-mainnavigation-2 .dropdown-item:hover, .dropdown-item:focus {max-width: 100%; }
/* Nav-Bar main */
.sub-icons-mobile { display: flex; }
@media only screen and (min-width: 769px) { 
  .sub-icons-mobile, .sub-links-mobile { display: none; } 
}
@media only screen and (min-width: 990px) {  .phone-link-mobile { display: none; }  }
#block-mainnavigation-2 { padding-top: 20px; padding-bottom: 20px; }
#block-mainnavigation-2 ul li ul { border: 0; border-left: 1px solid #DAAB3F; border-radius: 0 }
#block-mainnavigation-2 ul li ul a { color: #8f8f8f; font-size: 0.85rem; text-decoration: none; outline: none; }
#block-mainnavigation-2 .navbar-nav .show > .nav-link, 
#block-mainnavigation-2 .navbar-nav .active > .nav-link, 
#block-mainnavigation-2 .navbar-nav .nav-link.show, 
#block-mainnavigation-2 .navbar-nav .nav-link.active { color: #DAAB3F; outline: none; }
#block-mainnavigation-2 .region-medianav-mobile { margin: 0; display: block; }
#block-mainnavigation-2 .region-medianav-mobile ul { display: inline-block; }
#block-mainnavigation-2 .region-medianav-mobile ul li { float: left; margin: 0 20px 0 0; width: 50px; }
#block-mainnavigation-2 .navbar-lang { display: block; }
.dropdown-item.active, .dropdown-item:active { background-color: #fff; }

.navbar-lang-mobile a { color: #DAAB3F; border: 2px solid #DAAB3F; border-radius: 50%; padding: 5px; text-decoration: none; margin-left: 5px; width: 34px;
height: 34px;
display: inline-block;
text-align: center; } 
.navbar-lang-mobile a, .language-switcher-language-url ul.links li a { margin-left: 0; }
.region-medianav-mobile .nav-item {

    float: left;
    margin-right: 0;

}
.region-medianav-mobile .navbar-nav a {
    text-indent: -900px;
    width: 50px;
    height: 28px;
}
.navbar-tel-mobile { margin-left: 10px;  }
.navbar-tel-mobile a { display: block; color: #DAAB3F; text-decoration: none; font-size: 0.95rem; }
.navbar-email-mobile { margin-left: 0px; }
.navbar-email-mobile a { display: block; color: #DAAB3F; text-decoration: none; font-size: 0.95rem; }

.region-medianav-mobile .navbar-nav a.icon-360-grad { margin-left: 10px; }
.region-medianav-mobile .navbar-nav a.icon-video { width: 40px; height: 24px; }
.region-medianav-mobile .icon-360-grad {

    background: url('../../images/icons/icon-360-grad.svg') no-repeat center center;
        background-size: auto;
    background-size: contain;

}
.region-medianav-mobile .icon-video {

    background: url('../../images/icons/icon-video.svg') no-repeat center center;
        background-size: auto;
    background-size: contain;

}

div.hc-widget.hc-widget-small {
    margin-left: auto;
    margin-right: auto;
}

/* Inhalte allgemein */

body.path-node { 
    font-family: 'Open Sans', sans-serif;
    color: #7F7F7F;
    font-size: 0.85rem;
    background-color: #E6E5E5;
 }

 body.path-frontpage { 
    font-family: 'Open Sans', sans-serif;
    color: #7F7F7F;
    font-size: 0.85rem;
    background-color: #FFF;
 }

h1 {
    font-family: 'Amatic SC', cursive;
    color: #DAAB3F;
    font-size: 4rem;
    text-align: center;
    margin-top: 0.75rem;
}
h2 {
	font-weight: 300;
	font-style: italic;
	font-size: 3rem;
	color: #7F7F7F;
	text-align: center;
}
h3 {
	font-family: 'Amatic SC', regular;
	font-size: 3rem;
	color: #954D6C;
}

a { color: #692945; }

a.link-bold-violett { color: #692945 !important; font-weight: 600; }
a.link-bold-violett:hover { text-decoration: none; }

a.link-more { 
  display: inline-block;
    padding: 50px 0 0 0;
    overflow: hidden;
    background-image: url('/sites/default/files/images/2020-02/icon-arrows-down.svg');
    background-repeat: no-repeat;
    height: 0px !important;
    height: 50px;
    width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

a.link-more-mobile { 
  display: inline-block;
    padding: 50px 0 0 0;
    overflow: hidden;
    background-image: url('../../images/icons/icon-right-mobile.svg');
    background-repeat: no-repeat;
    height: 0px !important;
    height: 40px;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
  }
  a.link-more-violett { 
  display: inline-block;
    padding: 50px 0 0 0;
    overflow: hidden;
    background-image: url('/sites/default/files/2020-06/arrow-down-violett.svg');
    background-repeat: no-repeat;
    height: 0px !important;
    height: 50px;
    width: 40px;
    margin-left: auto;
    margin-right: auto;
  }
  a.link-more-violett-mobile { 
  display: inline-block;
    padding: 50px 0 0 0;
    overflow: hidden;
    background-image: url('../../images/icons/icon-right-violett-mobile.svg');
    background-repeat: no-repeat;
    height: 0px !important;
    height: 40px;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
  }
  a.link-more-yellow { 
  display: inline-block;
    padding: 50px 0 0 0;
    overflow: hidden;
    background-image: url('/sites/default/files/2020-06/arrow-down-yellow.svg');
    background-repeat: no-repeat;
    height: 0px !important;
    height: 50px;
    width: 40px;
    margin-left: auto;
    margin-right: auto;
  }
  a.link-more-yellow-mobile { 
  display: inline-block;
    padding: 50px 0 0 0;
    overflow: hidden;
    background-image: url('../../images/icons/icon-right-yellow-mobile.svg');
    background-repeat: no-repeat;
    height: 0px !important;
    height: 40px;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
  }
  a.link-more-blue { 
  display: inline-block;
    padding: 50px 0 0 0;
    overflow: hidden;
    background-image: url('/sites/default/files/2020-06/arrow-down-blue.svg');
    background-repeat: no-repeat;
    height: 0px !important;
    height: 50px;
    width: 40px;
    margin-left: auto;
    margin-right: auto;
  }
  a.link-more-blue-mobile { 
  display: inline-block;
    padding: 50px 0 0 0;
    overflow: hidden;
    background-image: url('../../images/icons/icon-right-blue-mobile.svg');
    background-repeat: no-repeat;
    height: 0px !important;
    height: 40px;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
  }
  a.link-more-white { 
    display: inline-block;
    padding: 20px 0;
    background-image: url('../../images/icons/icon-arrow-down-w.svg');
    background-repeat: no-repeat;
    background-position: center right;
  }

  a.link-more-white-mobile { 
  display: inline-block;
    padding: 0px 15px;
    background-image: url('../../images/icons/icon-arrow-right-w.svg');
    background-repeat: no-repeat;
    background-position: center right 15px;
    height: 40px;
    width: 50px;
    line-height: 40px;
  }

  a.link-back { 
    display: inline-block;
    padding: 0 0 0 21px;
    color: #CC98A9 !important;
    background-image: url('../../images/icons/icon-arrow-left.svg');
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 0px 7px;
    line-height: 25px;
  }

  .back-link-con {  }

  a.link-back-white { 
    display: inline-block;
    padding: 0 0 0 21px;
    color: #fff !important;
    background-image: url('../../images/icons/arrow-left-white.svg');
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 0px 7px;
    line-height: 25px;
  }

  a.link-back-violett { 
    display: inline-block;
    padding: 0 0 0 21px;
    color: #954D6C !important;
    background-image: url('../../images/icons/arrow-left-violett.svg');
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 0px 7px;
    line-height: 25px;
  }
  a.link-back-yellow { 
    display: inline-block;
    color: #DAAB3F !important;
    background-image: url('../../images/icons/icon-arrow-left-gold.svg');
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center left 13px;
    line-height: 32px;
    text-transform: uppercase;
    font-size: 1.2rem;
    text-decoration: none;
    border: 1px solid #DAAB3F;
    padding: 3px 20px 3px 39px;
  }
  a.link-back-blue { 
  display: inline-block;
    padding: 0 0 0 21px;
    color: #66ABBB !important;
    background-image: url('../../images/icons/arrow-left-blue.svg');
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 0px 7px;
    line-height: 25px;
  }

  a.link-back-yellow-mobile { display: none; }

@media (max-width: 989px) { 
  a.link-back-yellow-mobile { 
    display: inline-block;
    color: #DAAB3F !important;
    background-image: url('../../images/icons/arrow-left-yellow.svg');
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center left 13px;
    line-height: 32px;
    text-transform: uppercase;
    font-size: 1.2rem;
    text-decoration: none;
    border: 1px solid #DAAB3F;
    padding: 3px 20px 3px 39px;
  }
}

a.link-more:hover,
a.link-more-violett:hover,
a.link-more-yellow:hover,
a.link-more-blue:hover {
    transform: scale(1.2);
}
/*
.link-more {
  animation: shake-animation 4.72s ease infinite;
  transform-origin: 50% 50%;
}
@keyframes shake-animation {
   0% { transform:translate(0,0) }
  1.78571% { transform:translate(0,5px) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(0,5px) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(0,5px) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}
*/

.page-node-143 a.link-back-yellow-mobile { margin-top: 20px; }

hr.trenner {
    border: none;
    background: #ccc;
    height: 1px;
    margin-bottom: 30px;
    margin-top: 10px;
}


@media (max-width: 989px) { 
  a.link-more,
  a.link-more-violett,
  a.link-more-yellow,
  a.link-more-white,
  a.link-more-blue { display: none; }
  a.link-more-mobile,
  a.link-more-violett-mobile,
  a.link-more-yellow-mobile,
  a.link-more-blue-mobile { display: block; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  a.link-more,
  a.link-more-violett,
  a.link-more-yellow,
  a.link-more-blue { display: block; }
  a.link-more-mobile,
  a.link-more-white-mobile,
  a.link-more-violett-mobile,
  a.link-more-yellow-mobile,
  a.link-more-blue-mobile { display: none; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  a.link-more,
  a.link-more-violett,
  a.link-more-yellow,
  a.link-more-blue { display: block; }
  a.link-more-mobile,
  a.link-more-white-mobile,
  a.link-more-violett-mobile,
  a.link-more-yellow-mobile,
  a.link-more-blue-mobile { display: none; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  a.link-more,
  a.link-more-violett,
  a.link-more-yellow,
  a.link-more-blue { display: block; }
  a.link-more-mobile,
  a.link-more-white-mobile,
  a.link-more-violett-mobile,
  a.link-more-yellow-mobile,
  a.link-more-blue-mobile { display: none; }
}
@media (min-width: 1660px) { 
  a.link-more,
  a.link-more-violett,
  a.link-more-yellow,
  a.link-more-blue { display: block; }
  a.link-more-mobile,
  a.link-more-white-mobile,
  a.link-more-violett-mobile,
  a.link-more-yellow-mobile,
  a.link-more-blue-mobile { display: none; }
}


/* Anpassung Bildgrößen */

@media (max-width: 768px) {  
  .img-1200x410 img {
    width: auto;
    height: 200px;
  }
}
@media (min-width: 769px) and (min-width: 989px) {  
    .img-1200x410 img {
      object-fit: cover;
      width: auto;
      height: 200px;
    }
}
@media (min-width: 769px) and (min-width: 989px) { 
.img-1200x410 img {
    width: 1600px;
    height: 390px;
  }
}

.img-550x280 img {
  object-fit: cover;
  width: 550px;
  height: 280px;
}

@media (min-width: 1200px) and (min-width: 1599px) {  
  .img-1200x410 img {
    width: 1600px;
    height: 390px;
  }
}
@media (min-width: 1600px) {  
    .img-1200x410 img {
      object-fit: cover;
      width: 1200px;
      height: 410px;
    }
}

  .vbp_color_05 a.link-white { color: #fff; }

  .vbp_color_05 a.link-white:hover, .vbp_color_05 a.link-white:focus, .vbp_color_05 a.link-white:active, .vbp_color_05 a.link-white.is-active {
    color: #f2f2f2;
}

/* Korrekturen Abstände Layout */

.row-p-10 { padding-left: 10px; padding-right: 10px; }
.row-p-20 { padding-left: 20px; padding-right: 20px; }

.d-bg-edge2edge {
    width: inherit !important;
    left: inherit !important;
    right: inherit !important;
    margin-left: inherit !important;
    margin-right: inherit !important;
  }


/* Buttons */

.btn-primary {
  color: #fff;
  background-color: #58B5F5;
  border-color: #58B5F5;
}

.btn-primary:hover {
  color: #fff;
  background-color: #7ac0f0;
  border-color: #7ac0f0;
}

.page-node-11 #edit-aktionen-submit { margin-top: 25px; }

/* Webform Formulare */ 
/*
.webform-button--submit.btn-primary:hover {
    color: #fff;
    background-color:#58B5F5 !important;
    border-color: #58B5F5 !important;
}

.webform-button--submit.btn-primary:hover {
    color: #fff;
    background-color:#7ac0f0 !important;
    border-color: #7ac0f0 !important;
} */
.js-form-item.js-form-type-radio.radio.form-check .option {
    margin-left: .5rem;
}

/* UVA */
.webform-button--submit.btn-primary.btn-anfragen { display: block; background: url("/sites/default/files/icon-single-arrow-right-w.svg") no-repeat center right 10px;
    background-size: 13px; color: #fff; text-transform: uppercase; font-size: 1.2rem; background-color: #F2B53B; border: 0; cursor: pointer; height: 40px; margin-bottom: 15px; width: 235px; text-align: left; }
.webform-button--submit.btn-primary.btn-anfragen:hover { background-color: #eebc58; color: #fff; }

table.anfragen-table .btn-anfragen { display: block; background: url("/sites/default/files/icon-single-arrow-right-w.svg") no-repeat center right 10px;
    background-size: 13px; color: #fff; text-transform: uppercase; font-size: 1.2rem; background-color: #F2B53B; border: 0; cursor: pointer; height: 40px; margin-bottom: 10px;
width: 155px;
text-align: left;
line-height: 38px;
font-weight: 300;
padding-left: 10px; }
table.anfragen-table .btn-anfragen:hover { background-color: #eebc58; color: #fff; text-decoration: none; }

@media (max-width: 992px)  { 
  table.anfragen-table .btn-anfragen { width: auto; padding-right: 30px; }
}

/* Link-Details */
a.link-details {     display: inline-block;
    background: url(/themes/custom/sonnenpark_subtheme/css/base/../../images/icons/icon-arrow-right-d-violett.svg) no-repeat center right 10px;
    background-size: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #954D6C !important;
    border: 0;
    cursor: pointer;
    height: 33px;
    margin-bottom: 0;
    width: 105px;
    text-align: left;
    text-decoration: none;
    line-height: 32px; 
  }
a.link-details:hover { color: #692945 !important; }

/* Layout Content / Subtitle */

#block-sonnenpark-subtheme-content {
    padding-top: 20px;
}
.page-node-95 #block-sonnenpark-subtheme-content {
    padding-top: 135px;
}

.page-node-6 #block-sonnenpark-subtheme-content {
    padding-top: 0;
}
.field--name-field-sub-titel {
    padding-bottom: 30px;
    font-size: 36px;
    font-family: 'Open Sans';
    font-weight: 200;
    font-style: italic;
    margin-bottom: 0;
}

.page-node-6 .field--name-field-sub-titel {
    padding-bottom: 20px;
}

#block-sonnenpark-subtheme-page-title {
  text-align: center;
    background: #fff;
    padding: 10px 0;
    margin-bottom: 0;
}
 #block-subtitel {
    text-align: center;
    background: #fff;
    padding: 0 0 0 0;
}

.field.field--name-field-sub-titel {
    font-size: 36px;
    font-family: 'Open Sans';
    font-weight: 200;
    font-style: italic;
}

/* Tabs */
.paragraph--type--bp-tabs ul {}
.paragraph--type--bp-tabs ul li {}
.paragraph--type--bp-tabs ul li a { display: block; padding: 10px 25px; font-size: 1.2rem; }

.gutter > .row > .col-12 { padding-left: 0; padding-right: 0; }

nav.tabs {
    background: #fff;
    margin-bottom: 0;
}
.nav-tabs { margin-bottom: 0; }

/*
#content { background-color: #E6E5E5; }
.main-container { background-color: #E6E5E5; }
*/
.row-white .col-lg-4 { background-color: #fff; }
.paragraph--type--bp-columns, .paragraph--type--bp-columns-two-uneven {  margin-top: 0px; }
/* .paragraph--type--bp-simple, .paragraph--type--bp-image { background-color: #fff; } */

.paragraph--type--bp-image .container {
    padding-left: 0;
    padding-right: 0;
}

.paragraph--type--bp-columns.Vdp_color_00, .paragraph--type--bp-columns-two-uneven.Vdp_color_00 { background-color: transparent; }
.paragraph--type--bp-columns.Vdp_color_00 > .container, .paragraph--type--bp-columns-two-uneven  > .container { background-color: #fff; padding: 0px; }
.paragraph--type--bp-columns.arrow-teaser > .container { padding: 0;  }

.paragraph--type--bp-columns { margin-bottom: 20px }
.front .paragraph--type--bp-columns { margin-bottom: 0px }

.paragraph--type--bp-columns-two-uneven  > .container { padding: 0 10px; }

@media (max-width: 992px)  {
  .field--name-bp-image-field picture img { width: 100%; }
}

.field--name-bp-text { padding-top: 30px; padding-bottom: 30px; }
.arrow-teaser .field--name-bp-text { padding-top: 10px; padding-bottom: 10px; }
@media (min-width: 992px)  {
  .arrow-teaser .field--name-bp-text { height: 190px; }
}

@media (min-width: 1200px) and (max-width: 1659px) { 
  .arrow-teaser .field--name-bp-text { height: 150px; }
}

.field--name-bp-text { padding-left: 20px; padding-right: 20px; }


/* Subfooter / Footer */

.subfooter-title {
    color: #7F7F7F;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 15px;
}

#block-sonnenpark-subtheme-footer a.nav-link { color: #777; font-size: 1rem; }
#block-sonnenpark-subtheme-copyright { color: #FFF; font-size: 1rem; }

@media (min-width: 0px) and (max-width: 459px)  {
.footer-wrapper { 
  background: url('../../images/bg-footer-mobile.svg') no-repeat bottom center;
  background-color: #E6E5E5 !important;
  background-size: auto;
  background-size: 2370px;
  background-position: bottom 75px center;
 }
}
@media (min-width: 459px) and (max-width: 768px) {
  .footer-wrapper { 
    background: url('../../images/bg-footer-mobile.svg') no-repeat bottom center;
    background-color: #E6E5E5 !important;
    background-size: cover;
    background-position: inherit;
    background-size: 2800px;
    background-position: bottom 75px center;
   }
}
@media (min-width: 769px) and (max-width: 991px) {
  .footer-wrapper { 
    background: url('../../images/bg-footer-mobile.svg') no-repeat bottom center;
    background-color: #E6E5E5 !important;
    background-size: cover;
    background-position: inherit;
    background-size: 2800px;
    background-position: bottom 0 center;
   }
   #block-sonnenpark-subtheme-copyright { color: #fff; font-size: 1rem; }
}
@media (min-width: 992px) {
  .footer-wrapper { 
  	background: url('../../images/footer-welle.svg') no-repeat center top;
  	background-color: #E6E5E5 !important;
  	min-height: 630px;
  	background-size: cover;
   }

#block-sonnenpark-subtheme-footer a.nav-link { color: #fff; font-size: 1rem; white-space: nowrap; }
#block-sonnenpark-subtheme-copyright { color: #fff; font-size: 1rem; }
}

.sub-footer h2, #block-servicemehr-menu { color: #7F7F7F; font-size: 1.2rem; text-transform: uppercase; font-style: normal; font-weight: 600; margin-bottom: 15px; }

#block-anfahrt h2 { text-align: center; }
#block-weiterethemen .nav-link { padding-left: 0;  }
#block-weiterethemen ul { 
    -webkit-columns: 2; 
    -moz-columns: 2; 
    columns: 2;
}
#block-weiterethemen ul li { float: left; width: 50%; }
#block-weiterethemen ul li a { color: #7F7F7F; padding: 0.3rem 1rem; font-size: 1rem; }
#block-weiterethemen ul li a:after{ 
   content: '\f105'; 
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   color: #CC98A9;
   margin:0px 0px 0px 10px;
   text-decoration:none;
} 
#block-sonnenpark-subtheme-footer ul { 
    padding: 0; 
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2; 
}

#block-servicemehr .nav-link { padding-left: 0;  }
#block-servicemehr ul { 
    -webkit-columns: 2; 
    -moz-columns: 2; 
    columns: 2;
}
#block-servicemehr ul li { float: left; width: 50%; }
#block-servicemehr ul li a { color: #7F7F7F; padding: 0.3rem 1rem; font-size: 1rem; }
#block-servicemehr ul li a:after{ 
   content: '\f105'; 
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   color: #CC98A9;
   margin:0px 0px 0px 10px;
   text-decoration:none;
} 
#block-sonnenpark-subtheme-footer ul { 
    padding: 0; 
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2; 
}

#block-sonnenpark-subtheme-footer ul li { float: left; width: 50%; }
#block-sonnenpark-subtheme-footer .nav-item { padding-left: 10px;  }
#block-sonnenpark-subtheme-footer .nav-link { padding: 0.3rem 1rem; }

#block-views-block-partner-logos-footer-block-1 { margin-top: 30px; margin-right: 0; margin-bottom: 40px; }
@media (min-width: 1200px) {
  .sub-footer h2 { text-align: left; }
   #block-sonnenpark-subtheme-footer { margin-top: 28px; }
}

.footer-wrapper .footer section.region-footer .menu--footer { justify-content: left; text-align: left; }

#block-views-block-partner-logos-footer-block-1 .views-row:nth-child(1) { margin-bottom: 20px; }
#block-views-block-partner-logos-footer-block-1 .views-row { margin-bottom: 50px; }

.view-partner-logos-footer > .view-content > .views-row { }
.views-field-field-partner-logo {  margin: 0 10px 20px 0; }

#vbp-1745 img { width: 60%; height: auto; }

.view-social-icons-footer-tax > .view-content > .views-row { display: inline-block; }


#block-unsereanschrift .list-group { margin-left: -28px; color: #7F7F7F; }
#block-unsereanschrift .list-group-item { padding-left: 30px; text-indent: -9px; background-color: inherit; border: 0; padding-top: 8px; padding-bottom: 8px; font-size: 1rem; }

@media (max-width: 989px) { 
  #block-anfahrt .subfooter-title { text-align: left; padding-left: 20px; font-weight: 400; }
  #block-unsereanschrift .subfooter-title { padding-left: 20px; padding-bottom: 80px; font-weight: 400; }
  #block-sonnenpark-subtheme-copyright { text-align: center; padding-top: 10px; }
  #block-sonnenpark-subtheme-copyright .content { padding: 10px 0; }
  #block-unsereanschrift .list-group {
    margin-left: 52px;
    color: #7F7F7F;
    margin-top: -90px;
    padding-bottom: 50px;
  }
  #block-views-block-social-icons-footer-tax-block-1 { margin-bottom: 15px; }
  /* .views-field-field-socialicon img { max-width: 38px !important; margin-right: 10px; } */
  /* .view-social-icons-footer-tax .views-row:first-child img { max-width: 42px !important; margin-left: -8px; } */
  #block-sonnenpark-subtheme-copyright { margin-bottom: 0; }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(1) img { max-width: 200px; }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(2) img { max-width: 160px; margin-top:5px; }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(3) img { max-width: 160px;  }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(2), #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(3) {
      width: 50%;
      float: left;
  }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #block-sonnenpark-subtheme-footer { margin-top: 10px; }
  #block-sonnenpark-subtheme-copyright { margin-top: 136px; font-size: 0.85rem; }
  #block-sonnenpark-subtheme-copyright .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
      padding-left: 50px; }
  #block-views-block-partner-logos-footer-block-1 { margin-top: 80px; margin-right: 30px; }
  /* .views-field-field-socialicon {  margin: 0 10px 12px 0; } */
  #block-sonnenpark-subtheme-footer a.nav-link { font-size: 0.85rem; }
  /* .views-field-field-socialicon img { width: 68px !important; }  */
  /* .view-social-icons-footer-tax .views-row:first-child img { max-width: 51px; margin-left: -8px; } */
  #block-views-block-social-icons-footer-tax-block-1 { margin-top: 113px; margin-left: 40px; }
  #block-views-block-partner-logos-footer-block-1 .views-row { margin-bottom: 25px; }
  #block-views-block-partner-logos-footer-block-1 .views-row img { max-width: 140px; }
  #karte-sonnenpark { height: 277px; margin-top: -4px; margin-left: -10px; }
  #block-sonnenpark-subtheme-footer { margin-top: 84px; }
  .sub-footer-wrapper { height: 390px; }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(1) img { max-width: 220px; }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(2) img { max-width: 130px; margin-top: 5px; }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(3) img { max-width: 190px;  }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(2), #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(3) {
      width: 50%;
      float: left;
  }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #block-sonnenpark-subtheme-copyright { margin-top: 152px; }
  #block-views-block-partner-logos-footer-block-1 { margin-top: 130px; margin-right: 30px; }
 /* .views-field-field-socialicon {  margin: 0 10px 12px 0; } */
  #block-views-block-social-icons-footer-tax-block-1 { margin-top: 0px; }
  #block-views-block-partner-logos-footer-block-1 .views-row { margin-bottom: 25px; }
  #block-views-block-partner-logos-footer-block-1 .views-row img { max-width: 140px; }
  #karte-sonnenpark { max-width: 368px; margin-top: -45px; margin-bottom: 39px; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #block-sonnenpark-subtheme-copyright { margin-top: 65px; }
  #block-sonnenpark-subtheme-copyright .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
      padding-left: 60px;
  }
  #block-views-block-partner-logos-footer-block-1 { margin-top: 20px; margin-right: 30px; }
 /* .views-field-field-socialicon {  margin: 0 10px 12px 0; } */
  #block-views-block-social-icons-footer-tax-block-1 { margin-top: 55px; }
  #block-views-block-partner-logos-footer-block-1 .views-row { margin-bottom: 40px; }
  #block-views-block-partner-logos-footer-block-1 .views-row img { max-width: 174px; }
  #karte-sonnenpark { max-width: 333px; margin-top: -70px; margin-bottom: -98px; margin-left: -34px; }
  #block-sonnenpark-subtheme-footer {  margin-top: 50px; }
  #block-unsereanschrift { padding-left: 125px; }
  /*
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(1) img { max-width: 220px; }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(2) img { max-width: 160px; margin-top:7px; }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(3) img { max-width: 190px;  }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(2), #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(3) {
      width: 50%;
      float: left;
  } */
}
@media (min-width: 1660px) { 
  #block-sonnenpark-subtheme-footer { margin-top: 52px; }
  #block-sonnenpark-subtheme-copyright { margin-top: 70px; }
  #block-sonnenpark-subtheme-copyright .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
      padding-left: 75px;
  }
  #block-views-block-partner-logos-footer-block-1 { margin-top: 0; margin-right: 30px; }
  /* .views-field-field-socialicon {  margin: 0 10px 12px 0; } */
  #block-views-block-social-icons-footer-tax-block-1 { margin-top: 0px; }
  #block-views-block-partner-logos-footer-block-1 .views-row { margin-bottom: 30px; }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(1) img { max-width: 250px; }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(2) img { max-width: 190px; margin-top:7px; }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(3) img { max-width: 210px;  }
  #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(2), #block-views-block-partner-logos-footer-block-1 .views-row:nth-child(3) {
      width: 50%;
      float: left;
  }

  #karte-sonnenpark { max-width: 363px; margin-top: -45px; margin-bottom: -51px; margin-left: -90px; }
  #block-unsereanschrift { padding-left: 125px; }
}


/* Homepage */

/* #vbp-1545 .col-12 { padding-right: 0; padding-left: 0; } */

.page-node-6 #block-sonnenpark-subtheme-content { padding-top: 0; }
#vbp-1545 { background-color: #fff; }

.slick-arrow::before {
    color: #fff;
    font-size: 36px;
    font-size: 2.25rem;
}
.view-angebote-home .slick__slider { height: 150px; } 
.slick-dotted.slick-slider { margin-bottom: 17px; }
.slick-dots { bottom: -8px; }
.slick--field-zimmerfotos .slick-dotted.slick-slider { margin-bottom: 0px; }
.slick--field-zimmerfotos .slick-dots { bottom: 0px; }

.view-angebote-home .slick__slider { height: 150px; } 
.slick-dotted.slick-slider { margin-bottom: 17px; }
.slick-dots { bottom: 0px; }
.view-angebote-home { background-color:#fff; margin-bottom: 0; padding: 20px 0 0 0; }
.view-angebote-home .slick__slide { background-color: #f8f3f5; border-top: 3px solid #BE8D9B; border-bottom: 3px solid #BE8D9B; height: 120px; margin-left: 10px; margin-right: 10px; }
.view-angebote-home .views-field-title { font-size: 1.5rem; color: #954D6C; width: 70%; text-align: center; margin-top: 3px; }


.view-angebote-home .views-field-title a { color: #954D6C; text-decoration: none; outline: none; }
.view-angebote-home .views-field-title a:hover, .view-angebote-home .views-field-title a:focus, .view-angebote-home .views-field-title a:active { color: #954D6C; }
.view-angebote-home .views-field-body { font-size: 0.95rem; color: #954D6C; width: 70%; text-align: center; }

.view-angebote-home .views-field-body a { color: #954D6C; text-decoration: none; outline: none; }
.view-angebote-home .views-field-body a:hover, .view-angebote-home .views-field-body a:focus, .view-angebote-home .views-field-body a:active { color: #954D6C; }
.view-angebote-home .price-label-ag { color: #fff;
    float: right;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50%;
    margin-top: 7px;
    padding: 25px 0;
    margin-right: 65px;
  }

.view-angebote-home .price-ag { font-size: 140%; font-weight: 600; font-style: italic; }
.view-angebote-home .price-text { font-size: 80%; }
[class*="block-grid-"] > .grid {

    display: block;
    float: left;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 1.25rem 1.25rem 0.625rem 1.25rem;

}

.preis-dunkelrosa { background-color: #cc6699; }
.preis-gruen { background-color: #99cc99; }
.preis-violett { background-color: #cc99cc; }


/* Telekom Störung 
.page-node-6 .view-angebote-home .slide--1 .views-field-title,
.page-node-6 .view-angebote-home .slide--1 .views-field-body { width: 100% !important; }
*/
.price-label-ag { cursor: pointer; }

.views-field.views-field-field-icon {
    width: 20%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    right: 15px;
}
.views-field.views-field-field-icon:empty { width: 0; }

.view-angebote-home .views-field-body {
  width: 60%;
  position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    right: 15px;
    line-height: 23px;
}

.page-node-96 .view-angebote-home .views-field-body,
.page-node-229 .view-angebote-home .views-field-body {
  width: 100%;
  top: 50%;
  left: 50%;
}

.fancybox-content span.smaller {
    font-size: 2rem;
}


.views-field.views-field-field-icon svg { pointer-events: none; }

@media (max-width: 495px)  { 
  .page-node-229 .list-buttons { text-align: center; }
  .page-node-229 .test-2022.view-preisuebersicht .list-entry a.btn-anfragen { display: block; width: 235px; margin-right: auto; margin-left: auto; }
  .page-node-229 .test-2022.view-preisuebersicht .list-entry a.btn-buchen { display: block; width: 235px; margin-right: auto !important; margin-left: auto; }
  .page-node-229 .view-preisuebersicht .col-md-4.list-buttons { padding-top: 25px; margin-bottom: 10px; }
  .view-angebote-home .price-label-ag { color: #fff; margin-right: 15px; }
  .view-preisuebersicht a.btn.btn-border { width: 235px !important; }
} 
@media (min-width: 496px) and (max-width: 989px)  {
  .navbar-brand { margin-right: 3rem; }
  .views-field.views-field-field-icon { width: 15%; }
  .page-node-229 .view-preisuebersicht .col-md-4.list-buttons { padding-top: 15px; }
  .page-node-229 .view-preisuebersicht .col-md-8.list-grundriss { flex: 60%; max-width: 60%; }
  .page-node-229 .view-preisuebersicht .col-grundriss-zimmer { width: 90%; margin-bottom: 15px; }
  .view-preisuebersicht a.btn.btn-border { width: 235px !important; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  .navbar-brand { margin-right: 7rem; }
  .page-node-229 .test-2022.view-preisuebersicht .list-entry a.btn-border { height: inherit; !important; }
  .page-node-229 .view-preisuebersicht .col-md-4.list-buttons { padding-top: 15px; }
  .page-node-229 .view-preisuebersicht .col-md-8.list-grundriss { flex: 60%; max-width: 60%; }
  .page-node-229 .view-preisuebersicht .col-grundriss-zimmer { width: 90%; }
  .view-preisuebersicht a.btn.btn-border { width: 155px !important; padding-left: 12px; }
} 
@media (min-width: 1200px) and (max-width: 1659px) { 
  .page-node-229 .view-preisuebersicht .col-md-4.list-buttons { padding-top: 15px; }
  .page-node-229 .view-preisuebersicht .col-grundriss-zimmer { width: 80%; }
  .page-node-229 .view-preisuebersicht .col-md-8.list-grundriss { flex: 50%; max-width: 50%; }
  .view-angebote-home .price-label-ag { color: #fff; margin-right: 15px; }
  .view-preisuebersicht a.btn.btn-border { width: 235px !important; }
}
@media (min-width: 1660px) { 
  .view-preisuebersicht a.btn.btn-border { width: 235px !important; }
}



.paragraph--type--bp-columns-three-uneven { }
.colored-teaser { padding-top: 40px; padding-bottom: 0px; text-align: center; }
.con-violett { background-color: #CFBFE3; font-size: 1.8rem; color: #fff; }
.con-violett h3 { color: #746287; font-size: 4.5rem;line-height: 4.5rem; }
.con-sommer  { background: url('../../images/bg/bg-sommer.svg') no-repeat top 10px right 10px #EDE4A1; background-size: 20%; font-size: 1.4rem; font-weight: 200; font-style: italic; }
.con-sommer h3 { color: #A18E30; font-size: 5rem;line-height: 5rem; font-style: normal; }
.con-winter  { background: url('../../images/bg/bg-winter.svg') no-repeat top 10px right 10px #C2D8DE; background-size: 20%; font-size: 1.4rem; font-weight: 200; font-style: italic; }
.con-winter h3 { color: #66ABBB;  font-size: 5rem;line-height: 5rem; font-style: normal; }

.title-no-mb > .row > div > div  { padding-bottom: 0; }
.title-no-mb > .row > div > div > div { padding-bottom: 0; }
.plr-10 {     padding-left: 10px;
    padding-right: 10px; }

/* Stile für Editor */
h2.subtitle { text-align: left; font-size: 36px; margin-bottom: 20px; }
h2.smaller { color: #954D6C !important; font-size: 2.3rem; font-family: 'Amatic SC', regular; font-style: normal; font-size: 2.3rem; font-weight: 600; }
h2.themen { color: #954D6C !important; font-size: 2.3rem; font-family: 'Amatic SC', regular; font-style: normal; font-size: 2.3rem !important; font-weight: 600; text-align:left !important; }
h2.violett { color: #BB90A2 !important; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 1.4rem; font-weight: 600; }
/* h3.gold { color: #DAAB3F !important; font-family: 'Amatic SC', regular; font-size: 2.4rem; } */
h3.gold { color: #BB90A2 !important; font-family: 'Amatic SC', regular; font-size: 2.4rem; }
h3.white { color: #FFFFFF !important; font-family: 'Amatic SC', regular; font-size: 2.4rem; }
h3.white-amatic { color: #FFFFFF !important; font-family: 'Amatic SC', regular !important; font-size: 2.4rem !important; }
h3.blue { color: #009BA7 !important; font-family: 'Amatic SC', regular; font-size: 2.4rem; }
h3.grey { color: #919191 !important; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 1.4rem; }
h3.smaller { font-size: 1.4rem;  }
/* h3.smaller.gold { color: #DAAB3F !important; font-family: 'Amatic SC', regular; font-size: 1.6rem; } */
h3.smaller.gold { font-family: 'Open Sans'; color: #BB90A2; font-weight: 600; text-transform: uppercase; }
h3.smaller.white { color: #FFFFFF !important; font-family: 'Amatic SC', regular; font-size: 1.4rem; }
h3.smaller.blue { color: #009BA7 !important; font-family: 'Amatic SC', regular; font-size: 1.4rem; }
h3.smaller.grey { color: #919191 !important; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 1.4rem; }
h3.small { font-size: 2.0rem;  }
p.bigger { font-weight: 600; font-size: 1.4rem; }
.big-preis-100 { font-size: 5rem; color: #954D6C; font-weight: 600; line-height: 60px; }
.big-preis-80 { font-size: 4rem; color: #954D6C; font-weight: 600; line-height: 70px;}
.big-preis-60 { font-size: 3rem; color: #954D6C; font-weight: 600; line-height: 50px; }
.big-preis-40 { font-size: 2rem; color: #954D6C; font-weight: 600; line-height: 46px; }
.text-40-regular { font-size: 2rem; color: #954D6C; font-weight: 400; line-height: 46px; }
.text-gray-18 { font-size: 1.1rem; color: #777777; line-height: 28px; }
.big-preis-28 { font-size: 1.3rem; color: #954D6C; font-weight: 600; line-height: 34px; }
p.big-preis-24        { font-size: 1.2rem; color: #954D6C; font-weight: 600; line-height: 28px; }
p.big-preis-18        { font-size: 1.1rem; color: #954D6C; font-weight: 600; line-height: 24px; }
p.big-preis-gold-100  { font-size:   5rem; color: #DAAB3F; font-weight: 600; line-height: 60px; }
p.big-preis-gold-80 { font-size: 4rem; color: #DAAB3F; font-weight: 600; line-height: 70px;}
p.big-preis-gold-60 { font-size: 3rem; color: #DAAB3F; font-weight: 600; line-height: 50px; }
p.big-preis-gold-40 { font-size: 2rem; color: #DAAB3F; font-weight: 600; line-height: 46px; }
p.big-preis-gold-28 { font-size: 1.3rem; color: #DAAB3F; font-weight: 600; line-height: 34px; }
p.big-preis-gold-24 { font-size: 1.2rem; color: #DAAB3F; font-weight: 600; line-height: 28px; }
p.big-preis-gold-18 { font-size: 1.1rem; color: #DAAB3F; font-weight: 600; line-height: 24px; }
p.big-preis-blue-100  { font-size:   5rem; color: #009BA7; font-weight: 600; line-height: 60px; }
p.big-preis-blue-80 { font-size: 4rem; color: #009BA7; font-weight: 600; line-height: 70px;}
p.big-preis-blue-60 { font-size: 3rem; color: #009BA7; font-weight: 600; line-height: 50px; }
p.big-preis-blue-40 { font-size: 2rem; color: #009BA7; font-weight: 600; line-height: 46px; }
p.big-preis-blue-28 { font-size: 1.3rem; color: #009BA7; font-weight: 600; line-height: 34px; }
p.big-preis-blue-24 { font-size: 1.2rem; color: #009BA7; font-weight: 600; line-height: 28px; }
p.big-preis-blue-18 { font-size: 1.1rem; color: #009BA7; font-weight: 600; line-height: 24px; }
p.big-preis-gray-100 { font-size: 5rem; color: #777777; font-weight: 600; line-height: 60px; }
p.big-preis-gray-80 { font-size: 4rem; color: #777777; font-weight: 600; line-height: 70px;}
p.big-preis-gray-60 { font-size: 3rem; color: #777777; font-weight: 600; line-height: 50px; }
p.big-preis-gray-40 { font-size: 2rem; color: #777777; font-weight: 600; line-height: 46px; }
p.big-preis-gray-28 { font-size: 1.3rem; color: #FFF; font-weight: 600; line-height: 34px; }
p.big-text-white-100 { font-size: 5rem; color: #FFF; font-weight: 600; line-height: 60px; }
p.big-text-white-80 { font-size: 4rem; color: #FFF; font-weight: 600; line-height: 70px;}
p.big-text-white-60 { font-size: 3rem; color: #FFF; font-weight: 600; line-height: 50px; }
p.big-text-white-40 { font-size: 2rem; color: #FFF; font-weight: 600; line-height: 46px; }
p.big-text-white-28 { font-size: 1.3rem; color: #FFF; font-weight: 600; line-height: 34px; }
p.big-preis-v24 { font-size: 1.2rem; color: #777777; font-weight: 600; line-height: 28px; }
p.big-preis-gray-18 { font-size: 1.1rem; color: #777777; font-weight: 600; line-height: 24px; }
.big-60 { font-size: 3rem; color: #954D6C; font-weight: 400; line-height: 60px; }
.big-gray-40 { font-size: 2rem; color: #777777; font-weight: 400; line-height: 46px; }
ul.violett-check { list-style-type: none; }
ul.violett-check li { list-style-image: url('../../images/icons/icon-check-violett.svg'); text-align: left; margin-bottom: 5px; }
ul.green-check { list-style-type: none; }
ul.green-check li { list-style-image: url('../../images/icons/icon-check-green.svg'); text-align: left; margin-bottom: 5px; }
ul.gold-check { list-style-type: none; }
ul.gold-check li { list-style-image: url('../../images/icons/icon-check-gold.svg'); text-align: left; margin-bottom: 5px; }
ul.gray-check { list-style-type: none; }
ul.gray-check li { list-style-image: url('../../images/icons/icon-check-gray.svg'); text-align: left; margin-bottom: 5px; }
ul.blue-check { list-style-type: none; }
ul.blue-check li { list-style-image: url('../../images/icons/icon-check-blue.svg'); text-align: left; margin-bottom: 5px; }
ul.violett-circle ul { list-style-type: circle; list-style-color: #954D6C; } 
ul.gold-circle ul { list-style-type: circle; list-style-color: #DAAB3F; } 
ul.gray-circle ul { list-style-type: circle; list-style-color: #777777; }
a.btn.btn-gray { display: inline-block; margin-right: 20px; color: #fff; background-color: #ccc; }
a.btn.btn-primary { color: #fff; background-color:#692945; border-color:#692945; }
a.btn.btn-pdf { color: #fff; background-color: transparent; border: 1px solid #fff; border-radius: 0; }
a.btn.btn-pdf:hover, a.btn.btn-pdf:focus, a.btn.btn-pdf:active { color: #fff; }
a.btn.btn-pdf:hover { color: #fff; }
a.btn.btn-pdf-violett { color: #692945; background-color: transparent; border: 1px solid #692945; border-radius: 0; }
a.btn.btn-pdf-gold { color: #DAAB3F; background-color: transparent; border: 1px solid #DAAB3F; border-radius: 0; margin-bottom: 5px; padding: 5px 10px; }
a.btn.btn-pdf:focus { outline: 0 !important; }

/* Standard für Auflistungen */
.field--name-bp-text ul { list-style-type: disc;  margin-left: auto; margin-right: auto; display: block; margin-top: 0; padding-left: 15px; }
.field--name-bp-text ul li { text-align: left; margin-bottom: 5px;  }

.field--name-bp-text ul.bullet li { list-style-type: none; }
.field--name-bp-text ul.bullet ul { margin-top: 7px; margin-bottom: 7px; padding-left: 15px; list-style-type: none; display: block; }


.field--name-bp-text ul.bullet li:not(.no-bullet)::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #954D6C; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */ 
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.field--name-bp-text ul.bullet ul.minus li:not(.no-bullet)::before {
    /* content: "\2022"; */  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    content: "\2212";  /* Add content: \8211 is the CSS Code/unicode for a halbgeviert */
    color: #777777; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */ 
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.list-title { padding-top: 15px; margin-bottom: 7px; }
.field--name-bp-text ul.minus { margin-top: 0; padding-left: 15px; list-style-type: none; }
.field--name-bp-text ul.minus ul { margin-top: 7px; margin-bottom: 7px; padding-left: 15px; list-style-type: none; display: block; }
.field--name-bp-text ul.minus li::before {
    /* content: "\2022"; */  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    content: "\2212";  /* Add content: \8211 is the CSS Code/unicode for a halbgeviert */
    /*color: #954D6C; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */ 
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

/* Tabellen */
.table th, .table td {
    border-top: 0;
}
.table.table-borderless th, .table.table-borderless td { padding: 0.25rem 0.75rem; vertical-align: top;color: #777777; border-top: 0; }
.table.table-borderless tr td:nth-child(2) {  }
.table.table-prices th, .table.table-prices td { padding: 0.25rem 0.75rem; vertical-align: top; color: #777777; }
.table.table-prices tr td:nth-child(2) { text-align: right; color: #954D6C; vertical-align: top; }
.table.table-prices tr td:nth-child(2) p { text-align: right !important; white-space: nowrap; }
.table.table-prices tr td ul { margin-top: 0 !important; }

.table.table-prices-drei th, .table.table-prices-drei td { padding: 0.25rem 0.75rem; vertical-align: top; color: #777777; }
.table.table-prices-drei tr td:nth-child(3) { text-align: right; color: #DAAB3F; vertical-align: top; }
.table.table-prices-drei tr td:nth-child(3) p { text-align: right !important; white-space: nowrap; }
.table.table-prices-drei tr td ul { margin-top: 0 !important; }

.table.table-termine { display: inline-block; width: auto; vertical-align: top; }
.table.table-termine th, .table.table-termine td { padding: 0.30rem 0.75rem; vertical-align: top; color: #777777;  }
.table.table-termine th { padding: 0.25rem 0.75rem; }
.table.table-termine tr {  }
.table.table-termine tr td {}

.table.table-preisstaffel.vertical-line { display: inline-block; width: auto; vertical-align: top;  }
.table.table-preisstaffel.vertical-line th, .table.table-preisstaffel.vertical-line td { padding: 0.25rem 0.75rem; vertical-align: top; color: #777777; }
.table.table-preisstaffel.vertical-line tr {}
.table.table-preisstaffel.vertical-line tr td {}
@media only screen and (max-width: 768px) { 
  .table.table-preisstaffel.vertical-line { width: 100%; }
  .table.table-termine tr.d, .table.table-preisstaffel.vertical-line tr.d { display: none; }
}
@media only screen and (min-width: 459px) { 
  .table.table-preisstaffel.vertical-line { border-left: 1px solid #ccc; }
}
@media only screen and (min-width: 769px) { 
  
  .table.table-prices-drei.vertical-line th:nth-child(1), .table.table-prices-drei.vertical-line td:nth-child(1) {
      border-right: 1px solid #ccc;
  }
  .table.table-preisstaffel.vertical-line { border-left: 1px solid #ccc; }
}
@media (min-width: 459px) and (max-width: 989px) { 
  .table.table-termine, .table.table-preisstaffel.vertical-line { width: 50%; }
}
@media (min-width: 990px) and (max-width: 1659px) { 

}
@media (min-width: 1660px) { 
  .table.table-termine, .table.table-preisstaffel.vertical-line { width: 50%; }
}

table.mini-price-table tr td:nth-child(2) { vertical-align: top; }
table.mini-price-table tr td:nth-child(2) p { text-align: right !important; white-space: nowrap; }

/* Navigation Media-Icons oben links */
.region-medianav { margin: 0 0 0 40px; }
#block-medianavigation .navbar-nav { display: inline-block; }
.region-medianav .nav-item { float: left; margin-right: 20px; }
.region-medianav .navbar-nav a { text-indent: -900px; width: 50px; height: 28px; outline: none; }
.region-medianav .icon-360-grad { background: url('../../images/icons/icon-360-grad.svg') no-repeat center center; background-size: contain; }
.region-medianav .icon-gallery { background: url('../../images/icons/icon-gallery.svg') no-repeat center center; background-size: contain; }
.region-medianav .icon-video { background: url('../../images/icons/icon-video.svg') no-repeat center center; background-size: contain; }
@media (max-width: 768px) { 
  .region-medianav .icon-360-grad,
  .region-medianav .icon-video,
  .navbar-right,
  .navbar-lang,
  #urlaubsplaner { display: none; }

} 

@media (min-width: 990px) and (max-width: 1199px) { 
	.table.table-prices-drei th, .table.table-prices-drei td { padding: 0.25rem 0.5rem; }
}


/* Rahmen und feste Formate für Teaser */
.border-dashed-nl { outline-color: #954D6C; outline-style: dashed; outline-width: 2px; }
.arrow-teaser h3 { font-size: 2.8rem; }

@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-460 .field--name-bp-text { padding-top: 54px; padding-bottom: 54px; } 
  html[lang="en"] #vbp-460 .field--name-bp-text { padding-top: 43px; padding-bottom: 43px; } 
}

@media (min-width: 1200px) and (max-width: 1659px) {  
  #vbp-459 {
      padding: 0 15px 20px 15px !important;
  }
  #vbp-460 .field--name-bp-text { padding-top: 47px; padding-bottom: 45px; } 
  html[lang="en"] #vbp-460 .field--name-bp-text { padding-top: 32px; padding-bottom: 35px; } 
  .border-dashed-nl {height: 348px; }
  .border-dashed-nl .big-preis-80 {
    font-size: 3.6rem;
    line-height: 66px;
  }
  .border-dashed-nl .big-preis-28 {
    font-size: 1.3rem;
    line-height: 26px;
  }
  #btn-animationsplan-home {
      margin: -12px 0 0 -106px !important;
      position: absolute;
  }
 }
@media (min-width: 1660px) { 
  #vbp-459 { padding: 50px 15px !important; }
  #vbp-458 h3 { font-size: 3rem; }
  .arrow-teaser h3 { font-size: 4rem; font-family: 'Amatic SC', regular; }
  .border-dashed-nl {height: 496px; }
}

/* Lageplan */

.border-dashed > div > div > div.field__item { outline-color: #954D6C; outline-style: dashed; outline-width: 2px; }
@media (max-width: 768px) {  
  .border-dashed > div > div > div.field__item { margin-left: 10px; margin-right: 10px; }
  .border-dashed-nl { margin-right: 20px; padding-bottom: 0 !important; margin-bottom: 24px;}
}
@media (min-width: 769px) and (max-width: 990px) {  
  #vbp-460 {
    margin-left: 10px !important;
    margin-right: 19px !important;
    width: 97%;
}
}

.imp-fullscreen-tooltips-container .imp-fullscreen-tooltip .imp-tooltip-close-button {
font-size: 24px;
line-height: 44px;
text-align: center;
color: #333 !important;
cursor: pointer;
}

/* All-Inclusive Layer */

#vbp-1356 { background-color: transparent; }
#vbp-1356 > .container { background-color: #fff; }
#vbp-944 h3 { margin-left: 0px; }

#vbp-618.border-dashed {
    outline-color: #954D6C;
    outline-style: dashed;
    outline-width: 2px;
    margin: 30px;
    width: 90%;
    padding: 30px;
}
@media (max-width: 990px) { 
  #vbp-618.border-dashed { margin-top: 70px; }
}

#vbp-1907.border-dashed {
    outline-color: #954D6C;
    outline-style: dashed;
    outline-width: 2px;
    margin: 30px;
    width: 90%;
    padding: 30px;
}
@media (max-width: 990px) { 
  #vbp-1907.border-dashed { margin-top: 70px; }
}

/* Wellness Layer */
#vbp-647, #vbp-656 {
    margin-top: 82px;
}
#vbp-623 { margin-bottom: 0; }

#vbp-1202 .add-more-btn .field--name-bp-image-field picture img,
#vbp-635  .add-more-btn .field--name-bp-image-field picture img,
#vbp-645  .add-more-btn .field--name-bp-image-field picture img { object-fit: cover; width: 100%; height: 300px; }
@media (max-width: 989px) { 
  #vbp-459 img { width: 60%; height: auto; padding: 0px 15px !important; }
  #vbp-459 { padding-top: 0 !important; }
  #vbp-458 h3 { font-size: 3.8rem; }
  #vbp-652 { margin-top: 15px; }
  #vbp-656 { margin-top: 0;  }
  #vbp-648 .field--name-bp-text { padding-top: 10px; padding-bottom: 10px; }
  #vbp-648 .btn-violett-white { background-size: 20px; }

}
@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-647, #vbp-656 { margin-top: 52px; }
  #vbp-1202 .add-more-btn .field--name-bp-image-field picture img,
  #vbp-635  .add-more-btn .field--name-bp-image-field picture img,
  #vbp-645  .add-more-btn .field--name-bp-image-field picture img { object-fit: cover; width: 100%; height: 192px; }
  #vbp-1202 .btn-violett-white { font-size: 1.1rem; line-height: 42px; background-size: 25px; }
  .wellness-bild-home img {
      object-fit: cover;
      width: 860px;
      height: 218px;
  }
  #vbp-459 { padding-top: 5px !important; }
  #vbp-615 .field--name-bp-text { padding-top: 0; }
  #vbp-649 .field--name-bp-text,
  #vbp-650 .field--name-bp-text,
  #vbp-651 .field--name-bp-text,
  #vbp-652 .field--name-bp-text,
  #vbp-653 .field--name-bp-text,
  #vbp-654 .field--name-bp-text,
  #vbp-655 .field--name-bp-text { padding: 0; }
  #vbp-648 .btn-violett-white {
      color: #fff !important;
      font-family: 'Amatic SC', regular;
      font-size: 1.3rem;
      font-weight: bold;
      background: url('../../images/icons/ic_chevron_right_24px.svg') no-repeat center right transparent;
      display: block;
      line-height: 22px;
      background-size: 16px;
      padding: 20px 20px 20px 10px;
  }
  #vbp-1202 #vbp-647, #vbp-1202 #vbp-656 { margin-top: 72px; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-1202 .add-more-btn .field--name-bp-image-field picture img,
  #vbp-635  .add-more-btn .field--name-bp-image-field picture img,
  #vbp-645  .add-more-btn .field--name-bp-image-field picture img { object-fit: cover; width: 100%; height: 287px; }
  #vbp-1202 .btn-violett-white { font-size: 1.3rem; line-height: 42px; background-size: 25px; }
  .wellness-bild-home img {
    object-fit: cover;
    width: 860px;
    height: 278px;
  }
  #vbp-459 { padding-top: 0 !important; }
  #vbp-615 .field--name-bp-text { padding-top: 0; }
  #vbp-648 .btn-violett-white {
      color: #fff !important;
      font-family: 'Amatic SC', regular;
      font-size: 1.4rem;
      font-weight: bold;
      background: url('../../images/icons/ic_chevron_right_24px.svg') no-repeat center right transparent;
      display: block;
      line-height: 22px;
      background-size: 16px;
      padding: 0;
  }
  #vbp-1202 #vbp-647, #vbp-1202 #vbp-656 { margin-top: 72px; }
}
@media (min-width: 1660px) {  
  #vbp-1202 .add-more-btn .field--name-bp-image-field picture img,
  #vbp-635  .add-more-btn .field--name-bp-image-field picture img,
  #vbp-645  .add-more-btn .field--name-bp-image-field picture img { object-fit: cover; width: 100%; height: 370px; }
  #vbp-637 .field--name-bp-image-field picture img { object-fit: cover; height: 370px; } 
  .wellness-bild-home img {
    object-fit: cover;
    width: 860px;
    height: 368px;
  }
  #vbp-459 { padding-top: 12px !important; }
  #vbp-458 h3 { font-size: 3.8rem; }
  #vbp-615 h3 { font-size: 4rem; }
  #vbp-615 .field--name-bp-text { padding-top: 0; }
  #vbp-1202 #vbp-647, #vbp-1202 #vbp-656 { margin-top: 72px; }
}
#vbp-1203  {
    margin-top: 30px;
}

/* NL-Anmeldung */

#vbp-461 h3 { font-size: 4.8rem; }
#vbp-461 .field--name-bp-text { padding-bottom: 10px; }
.border-dashed-nl { margin-left: 10px; margin-right: 10px; }
@media (max-width: 989px) { 
  .btn-nl-anmelden img {  margin-bottom: 40px; }
  .btn-nl-anmelden img { width: 35% !important; height: auto; }

}
@media (min-width: 990px) and (max-width: 1199px) { 
  .btn-nl-anmelden img {  margin-bottom: 40px; }
  .border-dashed-nl {height: 398px; margin-left: 2px; margin-right: 15px; }
  .btn-nl-anmelden img { width: 50%; height: auto; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  .border-dashed-nl {height: 398px; margin-left: 2px; margin-right: 15px; }
  .btn-nl-anmelden img { width: 50%; height: auto; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  .border-dashed-nl {height: 348px; margin-left: 2px; margin-right: 15px; }
  .btn-nl-anmelden img { width: 35%; height: auto; }
}
@media (min-width: 1660px) { 
  #vbp-464 { margin-left: 2px !important; margin-right: 15px; }
  .btn-nl-anmelden img { width: 42% !important; height: auto; }
}
  .border-dashed-nl .big-preis-80 {
    font-size: 2.6rem;
    line-height: 66px;
  }
  .border-dashed-nl .big-preis-28 {
    font-size: 1.3rem;
    line-height: 26px;
  }


#vbp-1062 form #email_form input,
#vbp-1062 form #firstname_form input,
#vbp-1062 form #lastname_form input { height: 3em; }

#vbp-1062 form #email_form label,
#vbp-1062 form #firstname_form label,
#vbp-1062 form #lastname_form label { line-height: 3em; }

/* Betreuung */

#vbp-1378 img { cursor: pointer; }

/* Siegel Betreuung */
@media (min-width: 1660px) {  
  #btn-animationsplan-home { margin: 75px 0 0 -136px !important; }
}

@media (max-width: 989px) { 
  #vbp-1378 img { width: 140px; height: auto; position: absolute; z-index: 5; margin: -300px 0 0 -170px; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-466 img { object-fit: cover; height: 400px; }
  #vbp-1378 img { width: 120px; height: auto; position: absolute; z-index: 5; margin: -130px 0 0 90px; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-466 img { object-fit: cover; height: 350px; }
  #vbp-1378 img { width: 120px; height: auto; position: absolute; z-index: 5; margin: -140px 0 0 120px; }
}
@media (min-width: 1660px) { 
  #vbp-1378 img { width: 150px; height: auto; position: absolute; z-index: 5; margin: -170px 0 0 185px; }
}
#vbp-795 {
    padding-top: 25px;
}
#vbp-804 .field--name-bp-text {
    padding-top: 30px;
    padding-bottom: 0;
}
#vbp-805 { 
    margin: 80px auto 0 auto; 
    padding: 20px; 
    width: 95%;
  }
@media (min-width: 990px) { 
  #vbp-805 { 
    margin: 80px auto 0 auto; 
    padding: 20px; 
    width: 80%;
  }
} 
#vbp-804 {
    margin-bottom: 40px;
}
#vbp-1207  {
    margin-top: 30px;
}

#vbp-795 h3 { outline-color: #954D6C;
outline-style: dashed;
outline-width: 2px; }

#vbp-1576 h3 { outline-color: #954D6C;
outline-style: dashed;
outline-width: 2px; font-size: 3.5rem;
    font-weight: 300;}

#vbp-1576 {     width: 84.5%;
    margin-left: auto;
    margin-right: auto; }

#vbp-1465 a.btn.btn-pdf { width: 60%; }


@media (min-width: 1660px) {  
  #btn-animationsplan-home { margin: 75px 0 0 -136px !important; }
}

@media (max-width: 989px) { 
  #vbp-805 p.big-preis-gold-28 { font-size: 1rem !important; line-height: 25px !important; }
  #vbp-805 h3 { font-size: 3.2rem; }
  #vbp-1576 { display: block; }
  #vbp-1576 h3 {  font-size: 2.7rem; line-height: 5.1rem; padding: 0 10px; }
  #vbp-1465 { width: 95%; margin-left: auto; margin-right: auto; padding-bottom: 40px; }
  #vbp-805 { padding-top: 90px; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-805 p.big-preis-gold-28 { font-size: 1rem !important; line-height: 25px !important; }
  #vbp-805 h3 { font-size: 3.2rem; }
  #vbp-1576 { display: block; }
  #vbp-1576 h3 {  font-size: 2.7rem; line-height: 5.1rem; padding: 0 10px; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-805 { background-size: 10% !important; }
  #vbp-805 p.big-preis-gold-28 { font-size: 1rem !important; line-height: 25px !important; }
  #vbp-1576 { display: none; }
  #vbp-1463 img {  width: 100%; }
}
@media (min-width: 1660px) { 
  #vbp-805 { background-size: 12% !important; }
  #vbp-805 h3 { margin-top: 50px; font-size: 3.4rem; }
  #vbp-805 p.big-preis-gold-28 { font-size: 1.05rem !important; line-height: 28px !important; }
  #vbp-1463 img {  width: 98%; }
}



/* Teaser App */

@media (max-width: 989px) { 
  #vbp-1463 { width: 80%; margin-left: auto; margin-right: auto; display: none; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-1463 { width: 80%; margin-left: auto; margin-right: auto; display: none; }
  #vbp-1465 { width: 80%; margin-left: auto; margin-right: auto; padding-bottom: 30px; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-1463 { width: 80%; margin-left: auto; margin-right: auto; }
  #vbp-1465 { width: 80%; margin-left: auto; margin-right: auto; padding-bottom: 30px; }
}
@media (min-width: 1660px) { 
  #vbp-1463 { width: 80%; margin-left: auto; margin-right: auto; }
  #vbp-1465 { width: 80%; margin-left: auto; margin-right: auto; padding-bottom: 30px; }
}



/* Layer Erlebniswelt */
#vbp-858.col-lg-4.p-0 { padding-right: 5px !important; }

@media (max-width: 989px) {  }
@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-865 { height: 397px; }
  #vbp-450 img.img-fluid {
    object-fit: cover;
    object-position: top;
    height: 233px;
    width: 100%;
  }
  html[lang="en"] body.page-node-6 #vbp-918 {
      height: 224px;
    }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-865 { height: 385px; }
  html[lang="en"] body.page-node-6 #vbp-865 {
      height: 392px;
    }
    html[lang="en"] body.page-node-6 #vbp-918 {
      height: 248px;
    }
  #vbp-867 img.img-fluid {
    object-fit: cover;
    height: 406px;
    width: 100%;
  }
  #vbp-450 img.img-fluid {
    object-fit: cover;
    object-position: top;
    height: 282px;
    width: 100%;
  }
}
@media (min-width: 1660px) { 
  #vbp-865 { height: 356px; } 
  html[lang="en"] body.page-node-6 #vbp-865 {
      height: 356px;
    }
  #vbp-867 img.img-fluid {
    object-fit: cover;
    height: 487px;
    width: 100%;
  }
  #vbp-450 img.img-fluid {
    object-fit: cover;
    object-position: top;
    height: 393px;
    width: 100%;
  }
}

/* Erlebnis Popup */
#vbp-1211 { margin-top: 50px; }
#vbp-1211 .col-md-4.offset-md-4.col-sm-8.offset-sm-2 { margin-left: 15px; margin-right: 15px; flex: 0 0 94%; }
#vbp-1211 .col-md-4 { max-width: 100%; }


@media (max-width: 989px) { #vbp-754 { margin-left: 1px; } }
@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-754 { margin-left: -4px; }
  #vbp-793 h3 { font-size: 3.5em; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-754 { margin-left: -4px; }
  #vbp-793 h3 { font-size: 4.5em; }
}
@media (min-width: 1660px) { 
  #vbp-754 { margin-left: 1px; } 
  #vbp-793 h3 { font-size: 5.2em; }
}
#vbp-1482 {
    margin-top: 40px;
}
#vbp-1482 #vbp-755 {
    margin-top: 0px;
}

/* Badewelt */

.fix-container-padding .container { padding-left: 0; padding-right: 0; }

.btn-sparangebote a { text-decoration: none; color: #fff; width: 100%; }
.btn-plusangebote a { text-decoration: none; color: #fff; width: 100%; }
p.text-16 {
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase;
}

.btn-plusangebote  a.link-more-white {
    position: absolute;
    margin-top: -50px;
    right: 50px;
    width: 50px;
}

#vbp-921 { background-color: #f5e165; }
@media (max-width: 989px) { 
  #vbp-764 .field--name-bp-image-field picture img,
  #vbp-768 .field--name-bp-image-field picture img,
  #vbp-775 .field--name-bp-image-field picture img,
  #vbp-778 .field--name-bp-image-field picture img { object-fit: cover; width: 100%; height: 270px; }
  #vbp-921 { width: 100%; }
  #vbp-920 .col-12 { margin-right: 5px; }
  #vbp-920 img { max-width: 206px; max-height: auto; }
    #vbp-922 {
      overflow: hidden;
  }
  .btn-sparangebote { background-color: #ba99e0; color: #fff; font-size: 24px; }
  .btn-sparangebote .field--name-bp-text { padding: 15px 25px 15px 25px; }
  .btn-plusangebote { background-color: #97c999; color: #fff; font-size: 24px; }
  .btn-plusangebote .field--name-bp-text { padding: 15px 25px 15px 25px; }
  #vbp-2091 img { width: 200px; }
  p.text-16 { line-height: 21px; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-764 .field--name-bp-image-field picture img,
  #vbp-768 .field--name-bp-image-field picture img,
  #vbp-779 .field--name-bp-image-field picture img,
  #vbp-775 .field--name-bp-image-field picture img,
  #vbp-778 .field--name-bp-image-field picture img   { object-fit: cover; height: 300px; }
  #vbp-899 .field--name-bp-image-field picture img { object-fit: cover; width: 100%; height: 271px; }
  #vbp-921 { width: 245px; height: 204px; }
  #vbp-920 img { max-width: 174px; max-height: auto; }
  #vbp-897 { display: none !important; }
  #vbp-867 img { object-fit: cover; height: 411px; }
  #vbp-865 .field--name-bp-text { padding-top: 56px; }
  .btn-sparangebote { background-color: #ba99e0; color: #fff; font-size: 24px; }
  .btn-sparangebote .field--name-bp-text { padding: 11px 25px 11px 25px; }
  .btn-plusangebote { background-color: #97c999; color: #fff; font-size: 24px; }
  .btn-plusangebote .field--name-bp-text { padding: 11px 25px 11px 25px; }
  #vbp-2091 img { margin: 54px 0 54px 0; }
  p.text-16 { line-height: 16px; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-764 .field--name-bp-image-field picture img,
  #vbp-768 .field--name-bp-image-field picture img,
  #vbp-779 .field--name-bp-image-field picture img,
  #vbp-775 .field--name-bp-image-field picture img,
  #vbp-778 .field--name-bp-image-field picture img   { object-fit: cover; height: 300px; }
  #vbp-899 .field--name-bp-image-field picture img { object-fit: cover; width: 100%; height: 271px; }
  #vbp-921 { width: 242px; }
  #vbp-920 img { max-width: 214px; max-height: auto; }
  .btn-sparangebote { background-color: #ba99e0; color: #fff; font-size: 2.0rem; }
  .btn-sparangebote .field--name-bp-text { padding: 12px 25px 12px 25px; }
  .btn-plusangebote { background-color: #97c999; color: #fff; font-size: 2.0rem; }
  .btn-plusangebote .field--name-bp-text { padding: 12px 25px 12px 25px; }
  #vbp-2091 img { margin: 54px 0 54px 0; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-764 .field--name-bp-image-field picture img,
  #vbp-768 .field--name-bp-image-field picture img,
  #vbp-779 .field--name-bp-image-field picture img,
  #vbp-775 .field--name-bp-image-field picture img,
  #vbp-778 .field--name-bp-image-field picture img   { object-fit: cover; height: 330px; }
  #vbp-899 .field--name-bp-image-field picture img { object-fit: cover; width: 100%; height: 327px; }
  #vbp-921 { width: 293px; height: 243px; }
  html[lang="en"] body.page-node-6 #vbp-921 {
      width: 293px;
      height: 248px;
    }
  #vbp-920 img { max-width: 214px; max-height: auto; }
  #vbp-897 { display: none !important; }
  #vbp-867 img { object-fit: cover; height: 406px; }
  .btn-sparangebote { background-color: #ba99e0; color: #fff; font-size: 2.0rem; }
  .btn-sparangebote .field--name-bp-text { padding: 15px 25px 15px 25px; }
  .btn-plusangebote { background-color: #97c999; color: #fff; font-size: 2.0rem; }
  .btn-plusangebote .field--name-bp-text { padding: 15px 25px 15px 25px; }
  #vbp-2091 img { margin: 41px 0 42px 0; }
}
@media (min-width: 1660px) { 
  #vbp-764 .field--name-bp-image-field picture img,
  #vbp-768 .field--name-bp-image-field picture img,
  #vbp-779 .field--name-bp-image-field picture img,
  #vbp-775 .field--name-bp-image-field picture img,
  #vbp-778 .field--name-bp-image-field picture img { object-fit: cover; width: 100%; height: 430px; }
  #vbp-899 .field--name-bp-image-field picture img { object-fit: cover; width: 100%; height: 320px; }
  #vbp-921 { width: 423px; }
  #vbp-902 .field--name-bp-image-field picture img { max-width: 250px; margin-top: 20px; }
  #vbp-920 img { max-width: 214px; max-height: auto; }
  .btn-sparangebote { background-color: #ba99e0; color: #fff; font-size: 2.0rem; }
  .btn-sparangebote .field--name-bp-text { padding: 15px 25px 15px 25px; }
  .btn-plusangebote { background-color: #97c999; color: #fff; font-size: 2.0rem; }
  .btn-plusangebote .field--name-bp-text { padding: 16px 25px 16px 25px; }
  #vbp-2091 img { margin: 1px 0 1px 0; }
  #vbp-918 { min-height: 246px; }
  #vbp-920 { min-height: 231px; }
  html[lang="en"] body.page-node-6 #vbp-920 {
      min-height: 230px;
    }
}
#vbp-752 {
    margin-top: 80px;
}
#vbp-1212  {
    margin-top: 50px;
}
#vbp-794 {
    margin-bottom: 10px;
}

/* Angebote */
a.read-more-btn { 
  content: "MEHR ERFAHREN >";
  background-color: #954D6C;
  color: #fff !important;
  padding: 10px 20px;
  bottom: 0px;
  display: inline-block;
  position: absolute;
  right: 20px;
  text-decoration: none
}
html[lang="en"] body.page-node-6 a.read-more-btn { content: "LEARN MORE >"; }

#vbp-1360 a.read-more-btn,
#vbp-1361 a.read-more-btn { right: 30px; }

/*
#vbp-1360 .link-close {
  border-color:#BC9DDE;
  background-color:#BC9DDE;
}*/
#vbp-1360 .link-close {
  border-color:#BC9DDE;
  background-color:#BC9DDE;
}
#vbp-1361 .link-close {
  border-color:#9DCBA0;
  background-color:#9DCBA0;
}

#vbp-1360 { display: none; }

#vbp-1360 {
    margin-top: 50px;
}
#vbp-809 {
    margin-top: 50px;
}
#vbp-1361 {
    margin-top: 50px;
}
#vbp-815 {
    margin-top: 50px;
}

#vri-container-11940, #vri-overlay .vri-container-11940,
#vri-container-11940, #vri-overlay .vri-container-11940 {
    padding: 25px !important;
}
#vri-container-11940 .vri-page, #vri-overlay .vri-container-11940 .vri-page,
#vri-container-12606 .vri-page, #vri-overlay .vri-container-12606 .vri-page {
    max-width: 1580px !important;
}
#vri-container-12134 .vri-page, #vri-overlay .vri-container-12134 .vri-page,
#vri-container-12606 .vri-page, #vri-overlay .vri-container-12606 .vri-page {
    max-width: 1580px !important;
}

#vri-container-11994, #vri-overlay .vri-container-11994,
#vri-container-12606, #vri-overlay .vri-container-12606 {
    padding: 25px !important;
}
#vri-container-11994 .vri-page, #vri-overlay .vri-container-11994 .vri-page,
#vri-container-12606 .vri-page, #vri-overlay .vri-container-12606 .vri-page {
    max-width: 1580px !important;
}
#vri-container-11994 .vri-package-list .vri-package-title h3, #vri-overlay .vri-container-11994 .vri-package-list .vri-package-title h3, #vri-container-11994 .vri-package-list .vri-package-title h4, #vri-overlay .vri-container-11994 .vri-package-list .vri-package-title h4,
#vri-container-11940 .vri-package-list .vri-package-title h3, #vri-overlay .vri-container-11940 .vri-package-list .vri-package-title h3, #vri-container-11940 .vri-package-list .vri-package-title h4, #vri-overlay .vri-container-11940 .vri-package-list .vri-package-title h4, 
#vri-overlay .vri-container-12606 .vri-package-list .vri-package-title h4 {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
}

.vri-package-buttons a:first-child,
.vri-package-buttons span:first-child {
    background: #58B5F5 !important;
    box-shadow: none !important;
}
.vri-package-buttons span:first-child:hover, .vri-package-buttons span:first-child:active, .vri-package-buttons span:first-child:focus,
.vri-package-buttons a:first-child:hover, .vri-package-buttons a:first-child:active, .vri-package-buttons a:first-child:focus {
    background: #7ac0f0 !important;
}
.vri-package-buttons a:last-child,
.vri-package-buttons span:last-child {
    background: #F2B53B;
    color: #ffffff !important;
    box-shadow: none !important;
}
.vri-package-buttons a:last-child:hover, .vri-package-buttons a:last-child:aktive, .vri-package-buttons a:last-child:focus,
.vri-package-buttons span:last-child:hover, .vri-package-buttons span:last-child:aktive, .vri-package-buttons span:last-child:focus {
    background: #eebc58 !important;
    color: #ffffff !important;
}
#vri-container-12606 h3, #vri-overlay .vri-container-12606 h3 {
    font-size: 2.3rem !important;
    color: #DAAB3F !important;
}


/* Restaurant */

@media (max-width: 989px) { 
  
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-900 { height: 384px; }
  #vbp-922 { width: 77.5%; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-900 { height: 294px; }
  #vbp-922 { width: 77.5%; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-900 { height: 328px; }
  #vbp-902 { display: none !important; }
  #vbp-922 { width: 77.5%; }
}
@media (min-width: 1660px) { 
  #vbp-900 { height: 447px; }
  #vbp-922 { width: 77.5%; }
}

/* Restaurant Layer */
#vbp-1213 { background-color: #F2F2F2; overflow: hidden; }
#vbp-1213 {
    margin-top: 50px;
}

#vbp-1213 #vbp-816 {
    margin-top: 80px;
}
#vbp-1213 #vbp-821 {
    margin-top: 50px;
}

#vbp-816.add-more-btn .field--name-bp-image-field picture img,
#vbp-1485.add-more-btn .field--name-bp-image-field picture img,
#vbp-1489.add-more-btn .field--name-bp-image-field picture img { object-fit: cover; width: 100%; height: 300px; }

/*
#vbp-817 .field--name-bp-text, #vbp-818 .field--name-bp-text, #vbp-819 .field--name-bp-text {
    padding-top: 10px;
    padding-bottom: 10px;
}
#vbp-817, #vbp-818, #vbp-819 { margin-bottom: 25px !important; }
#vbp-817 a, #vbp-818 a, #vbp-819 a { text-decoration: none; color: #fff; text-decoration: none; display: block; }
#vbp-817 { margin-top: 25px; }

#vbp-817 h3, #vbp-818 h3, #vbp-819 h3 {
color: #fff !important; 
  font-family: 'Amatic SC', regular;
  font-size: 2.0rem; 
  font-weight: bold; 
  background: url('../../images/icons/ic_chevron_right_24px.svg') no-repeat center right transparent;
  display: block;
  background-size: 25px;
  margin-top: 0;
  margin-bottom: 0;
}
*/

 #vbp-1210 { margin-top: 50px; }

@media (max-width: 989px) { 
  
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-821 h3 { font-size: 1.8rem; line-height: 100%; }
  #vbp-908, #vbp-910, #vbp-912 { height: 231px; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-821 h3 { font-size: 1.8rem; }
  #vbp-908, #vbp-910, #vbp-912 { height: 231px; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 

}
@media (min-width: 1660px) { 
  #vbp-908, #vbp-910, #vbp-912 { height: 208px; }
}

/* Baby-Welt */
#vbp-782 img {
  object-fit: cover;
  height: 640px;
  object-position: top;
}
.page-node-6 #vbp-782 img {
    width: 100%;
    object-fit: cover;
    object-position: left;
    height: 320px;
}

/* Lounge / Zimmer */

#vbp-1563 {
    margin-top: 30px;
}
#vbp-823 {
    margin-top: 80px;
}



@media (max-width: 989px) { 
  #vbp-926 { width: 100%; }
  #vbp-926 img { width: 50%; height: auto; margin-left: auto; margin-right: auto; }
  .gr-first img { display: none; }
  .gr-second img { display: none; }
  #vbp-931 { display: block !important; }
  #vbp-929 { margin-bottom: 0 !important; }
  #vbp-930 { display: none !important; }
  #vbp-1358 { display: none !important; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-924 { height: 347px; }
  #vdp-823 { margin-left: -3px; }
  .gr-first img { display: block; }
  .gr-second img { display: none; }
  #vbp-930 { display: block; }
  #vbp-1358 img { width: 240px; height: auto; margin-left: 50px; }
  #vbp-941 .col-lg-4.p-0 { padding-right: 10px !important; }
  #vbp-823 h3 { font-size: 2.4rem; }
  #vbp-1358 { display: none; }
  #vbp-926 img { width: 207px; height: auto; margin-left: 60px; }
  #vbp-930 img { object-fit: cover; height: 264px; }
  #vbp-929 img { object-fit: cover; height: 265px;
}
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-924 { height: 361px; }
  #vdp-823 { margin-left: -3px; }
  .gr-first img { display: block; }
  .gr-second img { display: none; }
  #vbp-941 .col-lg-4.p-0 { padding-right: 10px !important; }
  #vbp-823 h3 { font-size: 2.4rem; }
  #vbp-1358 { display: none; }
  #vbp-930 img { object-fit: cover; height: 264px; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-924 { height: 264px; }
  #vbp-926 img { width: 240px; height: auto; margin-left: 70px; }
  #vbp-923 img { object-fit: cover; height: 238px;  width: 100%; }
  .gr-first img { display: block; }
  .gr-second img { display: none; }
  #vbp-941 .col-lg-4.p-0 { padding-right: 10px !important; }
  #vbp-823 h3 { font-size: 2.4rem; }
  #vbp-930 img { object-fit: cover; height: 234px; }
}
@media (min-width: 1660px) { 
  #vbp-924 { height: 334px; }
  #vbp-926 img { width: 428px; height: auto; margin-left: 50px; }
  #vbp-923 img { object-fit: cover; height: 361px; }
  .gr-first img { display: block; }
  .gr-second img { display: none; }
  #vbp-941 .col-lg-4.p-0 { padding-right: 10px !important; }
  #vbp-823 h3 { font-size: 4rem; }
  .page-node-6 #vbp-782 img {
      height: 400px;
      width: 1040px;
      object-fit: cover;
  }
}

#vbp-1213 .col-md-4.offset-md-4.col-sm-8.offset-sm-2 { margin-left: 15px; margin-right: 15px; flex: 0 0 94%; }
#vbp-1213 .col-md-4 { max-width: 100%; }

/* Lounge Popup */
#vbp-925 .col-md-4.offset-md-4.col-sm-8.offset-sm-2 { margin-left: 15px; margin-right: 15px; flex: 0 0 94%; }
#vbp-925 .col-md-4 { max-width: 100%; }


.arrow-violett { float: right; margin-right: 10%; width: 70px; height: 70px; margin-top: 10px; }

@media (max-width: 989px) { 
#vbp-924 .arrow-violett { float: right; margin-right: 10%; width: 70px; height: 70px; margin-top: 10px; }
}

#vbp-846 h3 { font-size: 4rem; }
#vbp-855 h3 { font-size: 4rem; }
#vbp-1196 h3 { font-size: 4rem; }
#vbp-833.add-more-btn .field--name-bp-image-field picture img,
#vbp-836.add-more-btn .field--name-bp-image-field picture img,
#vbp-840.add-more-btn .field--name-bp-image-field picture img,
#vbp-843.add-more-btn .field--name-bp-image-field picture img { object-fit: cover; width: 100%; height: 370px; }

/* Zimmer-Popup */
#vbp-1261 {
    margin-top: 30px;
}

div#zimmer-popup-138 > div {
    padding-top: 30px;
}


/* Pressemitteilungen und Übersicht */
.page-node-type-pressemitteilung .col-pressetext h2 { text-align: left; font-size: 2rem; }
.page-node-type-pressemitteilung .col-pressetext { font-size: 1.0rem; }
.page-node-type-pressemitteilung .col-pressetext { background-color: #fff; padding: 0; margin-bottom: 20px; }
.page-node-type-pressemitteilung aside { background-color: #fff; padding: 30px; }
.page-node-type-pressemitteilung #block-pressekontakt { margin-top: 100px; margin-bottom: 50px; font-size: 1rem; }
.col-pressekontakt { background-color: #F2F2F2; padding: 30px 20px; margin-bottom: 20px; }
.col-pressedownloads { background-color: #F2F2F2; padding: 30px 20px; margin-bottom: 20px; }
.col-presseblock { background-color: #F2F2F2; padding: 30px 20px; margin-bottom: 20px; }

.page-node-type-pressemitteilung .image-style-d03-standard.img-fluid { object-fit: inherit; height: auto; }

.page-node-type-pressemitteilung #block-sonnenpark-subtheme-content {
    padding-top: 0;
}
.page-node-type-pressemitteilung #block-subtitel h2 {
    font-size: 36px;
    max-width: 1590px;
    margin-left: auto;
    margin-right: auto;
}
.page-node-type-pressemitteilung #block-subtitel {
    margin-bottom: 20px;
}
.view-presse-downloads h4 { margin-bottom: 25px; }

.page-node-type-pressemitteilung ul {
    padding-left: 15px;
}

.presse-content { margin-bottom: 40px; padding: 30px; }
.presse-content h3 { margin-bottom: 25px; }

#vbp-1585 { margin-bottom: 0; }
.view-pressemitteilungen {}
.view-pressemitteilungen .row > div { background-color: #F2F2F2; padding: 0; }

@media (max-width: 989px) { 
  .view-pressemitteilungen .row > div { background-color: #F2F2F2; margin-bottom: 20px; }
  .col-pressekontakt { background-color: #F2F2F2; margin-bottom: 20px; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  .view-pressemitteilungen .row > div { min-height: 200px; max-width: 47.5%; margin: 0 10px 20px 10px; padding: 0; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  .view-pressemitteilungen .row > div { min-height: 200px; max-width: 47.5%; margin: 0 10px 20px 10px; padding: 0;}
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  .view-pressemitteilungen .row > div { min-height: 200px; max-width: 31.5%; margin: 0 10px 20px 10px; padding: 0; }
}
@media (min-width: 1660px) { 
  .view-pressemitteilungen .row > div { min-height: 200px; max-width: 32%; margin: 0 10px 20px 10px; padding: 0; }
}


.view-pressemitteilungen h3 a { text-decoration: none; }
.view-pressemitteilungen h3 a:hover { color: #954D6C; }
.view-pressemitteilungen a.read-more-btn { right: 0; }

/* Ausblenden des Body-Feldes im Backend beim Content-Type "Einfache Seite" -> Verwendung von Paragraphs */
/* Bei Deaktivierung des Feldes über die Ansichtfunktioniert Yoast SEO nicht mehr */
/* Stil muss noch in das Backend CSS überführt werden! */
.page-node-type-page.user-logged-in #edit-body-wrapper { display: none; }
.col-presseblock-bilder { margin-top: 30px; }

#block-subtitel.h2 { padding-bottom: 0 !important; }

.popup { margin-top: 50px; background-color: #F2F2F2;  }
.popup .col-lg-12 { padding-left: 0; padding-right: 0; }
.popup .vbp_color_05 { border: 1px solid #c8c8c8; }
.popup.vbp_color_05 { border: 1px solid #c8c8c8; }
.popup::before { 
  position: absolute;
  content:"";
  width: 0;
  height: 0;
  right: 13%;
  margin-top: -39px;
  border-style: solid;
  border-width: 0 35px 40px 35px;
  border-color: transparent transparent #F2F2F2 transparent; 
  filter: drop-shadow(0 0 0 #777) drop-shadow(0 0 0 #777);
  z-index: 1;
  pointer-events:auto;
}
.popup ul.green-check li { line-height: 1.4rem; }
/*
.popup .view::before { 
  position: absolute;
  display: inline-block;
  content: ""; 
  z-index: 1;
  right: 20px;
  top: 20px;
  display:block;
  box-sizing:border-box;
  width:40px;
  height:40px;
  border-width:5px;
  border-style: solid;
  border-color:#CD9AAB;
  border-radius:100%;
  background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%);
  background-color:#CD9AAB;
  transition: all 0.3s ease;
  cursor: pointer;
} 
*/
.closer {
    width: 40px;
    height: 40px;
    right: 20px;
    top: 20px;
    position: absolute;
    z-index: 10;
}
.link-close {
  position: absolute;
  display: inline-block;
  content: ""; /* This will render the 'X' */
  z-index: 1;
  right: 20px;
  top: 20px;
  display:block;
  box-sizing:border-box;
  width:40px;
  height:40px;
  border-width:5px;
  border-style: solid;
  border-color:#CD9AAB;
  border-radius:100%;
  background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%);
  background-color:#CD9AAB;
  transition: all 0.3s ease;
  cursor: pointer;
}

#vbp-922.col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333%;
    -ms-flex: 0 0 58.3333%;
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
}
#vbp-922.col-lg-3 { 
  -webkit-box-flex: 0;
    -webkit-flex: 0 0 39.25%;
    -ms-flex: 0 0 39.25%;
    flex: 0 0 39.25%;
    max-width: 39.25%;
  }
@media (max-width: 768px) { 
  #vbp-922.col-lg-9 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }
  #vbp-922.col-lg-3 { 
    -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }

  .navbar-light .navbar-brand { width: 50%; margin-left: 20px;}
  .navbar-media { margin-left: 10px; }
  .region-medianav { margin: 0;}
  .region-medianav .nav-item { float: left; margin-right: 0;}
  .navbar-brand .img-fluid, .img-responsive { max-width: 180px;}
  #block-medianavigation { margin-top: 5px;}
  #vbp-463 img { max-width: 60%; }

}

/* Optische Mitte Logo */

@media (max-width: 989px) { 

}
@media (min-width: 990px) and (max-width: 1199px) { 

}
@media (min-width: 1200px) and (max-width: 1659px) { 

}
@media (min-width: 1200px) and (max-width: 1659px) { 
  .navbar-brand { margin-right: 119px; }
}
@media (min-width: 1660px) { 
  .navbar-brand { margin-right: 119px; }
}



.third-gap .container { padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0; }

#vbp-932 {  background-color: #fff; }

@media (min-width: 769px) and (max-width: 991px) { 
  #vbp-924 .field--name-bp-text { height: 236px; }
}
@media (min-width: 992px) and (max-width: 1200px) {  
  
  
  
  
  #vbp-897.mt-5 { margin-top: 0 !important; }
  #vbp-458 .field--name-bp-text { padding-top: 0 !important; padding-bottom: 20px !important; }
  #vbp-459.pt-5 { padding-top: 0 !important; }
  #vbp-459.pb-5 { padding-bottom: 20px !important; }
  #vbp-460 .big-gray-40 { font-size: 1.6rem; }
  #vbp-897 img { display: none; }
  #vbp-902 img { display: none; }
  #vbp-898.d-lg-block { display: none !important; }
  #vbp-865 .field--name-bp-text { padding-bottom: 70px; padding-top: 54px; }
  #vbp-464.pb-5 { padding-bottom: 0 !important; }
  
  /* Footer */
  .row.region.region-subfooter { height: 370px; }
  #btn-animationsplan-home { position: absolute; width: 120px; margin: -38px 0 auto -110px; }
  #block-unsereanschrift .list-group { margin-left: 48px; color: #7F7F7F; }
}
@media (min-width: 1200px) { 
 
  #vbp-898.d-lg-block { display: none; }
  

}
@media (min-width: 1660px) {  
   #vbp-898, #vbp-897, #vbp-902 { display: flex; }
   
   
}
/* #vbp-945 { display: none; } */

#vri-container-4243 .vri-page, #vri-overlay .vri-container-4243 .vri-page {
    max-width: 1600px !important;
}

#block-views-block-partner-logos-footer-block-2,
#block-views-block-social-icons-footer-tax-block-2 { display: none; }

@media (max-width: 991px) {  
  #btn-animationsplan-home { position: absolute; margin-top: -510px; margin-left: -20px; }
  h1 { font-size: 2.8rem; padding-left: 10px; padding-right: 10px; }
  .field.field--name-field-sub-titel { font-size: 20px; padding-left: 10px; padding-right: 10px; }
  .view-angebote-home .slick__slider .price-label-ag { margin-top: -102px; }


  #vbp-941.col-lg-4.p-0,
  #vbp-858.col-lg-4.p-0 { padding-right: 0 !important; }

  /* Angebote mobile */
  .js-view-dom-id-42a72c2e2623bc38490677642994d3f48639726f4aa7e932f335f0ffc4662f16,
  .js-view-dom-id-ff93cf0dc2eb5a5dffc88cf44aa2ff677934d68170dc14657aa8bcf29be9015b { display: none; }
  .js-view-dom-id-c11d57c10b3fc3c66c677c1a1697e63c05a49da62878edccbcb36b8e7f399388 { display: block; }

  /* Icons ausblenden */
  #vbp-898, #vbp-897, #vbp-902 { display: none; }

 

  /* Farbige Teaser */
  .colored-teaser { padding-top: 20px; text-align: center; }
  .con-violett { background-color: #CFBFE3; font-size: 1.4rem; color: #fff; }
  .con-violett h3 { color: #746287; font-size: 3.5rem;line-height: 3.5rem; }
  .con-sommer  { background: url('../../images/bg/bg-sommer.svg') no-repeat top 10px right 10px #EDE4A1; background-size: 20%; font-size: 1.4rem; font-weight: 200; font-style: italic; }
  .con-sommer h3 { color: #A18E30; font-size: 3.5rem;line-height: 3.5rem; font-style: normal; }
  .con-winter  { background: url('../../images/bg/bg-winter.svg') no-repeat top 10px right 10px #C2D8DE; background-size: 20%; font-size: 1.4rem; font-weight: 200; font-style: italic; }
  .con-winter h3 { color: #66ABBB;  font-size: 3.5rem;line-height: 3.5rem; font-style: normal; }

  

  /* Arrow-Teaser */
  .arrow-teaser h3 { font-size: 2.8rem; }
  .arrow-violett { float: right; margin-right: -2%; margin-top: 8%; width: 70px; height: 70px; }
  #vbp-960.mb-3, #vbp-962.mb-3, #vbp-964.mb-3 { margin-bottom: 10px !important; }

  .footer-wrapper .footer {

    padding-bottom: 50px;
  }
  #block-servicemehr-menu:before,
  #block-weiterethemen h2:before,
  #block-anfahrt .subfooter-title:before,
  #block-unsereanschrift .subfooter-title:before {
    content: "\f0d7";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    background-color: #954D6C;
    border-radius: 50%;
    color: #fff;
    margin: 0px 7px 0px 10px;
    text-decoration: none;
    width: 25px;
    height: 25px;
    display: inline-block;
    padding: 2px 0 0 7px;
    line-height: 24px;
  }
  #servicemehr-con,
  #weitere-themen-con,
  #block-anfahrt .field--name-body,
  #block-unsereanschrift .field--name-body { display: none; }

  /* Partner-Logos */
  #block-views-block-partner-logos-footer-block-1 { display: block; }
  #block-views-block-social-icons-footer-tax-block-1 { display: block; }
  /* #block-views-block-partner-logos-footer-block-2, */
  #block-views-block-social-icons-footer-tax-block-2 { display: block; }

  /* Themen */
  #block-weiterethemen, #block-servicemehr { margin-bottom: 30px; }
  #block-weiterethemen ul li, #block-servicemehr ul li {  }
  .sub-footer-wrapper h2, .sub-footer-wrapper #block-servicemehr-menu { text-align: left; margin-left: 20px; cursor: pointer; font-weight: 400; }
  #block-weiterethemen ul li, #block-servicemehr ul li { float: left; width: 50%; }
  #block-weiterethemen ul, #block-servicemehr ul { margin-left: 14%; }

  /* Karte */
  #block-anfahrt { margin-bottom: 30px; }
  #block-anfahrt h2 { text-align: left; cursor: pointer; }
  #karte-sonnenpark { width: 80%; height: auto; }

  /* Footer-Links */
  #block-sonnenpark-subtheme-footer a.nav-link { color: #fff; }
  .footer-wrapper .footer { padding-top: 0 !important; }
  .footer-wrapper .footer section.region-footer .menu--footer { padding: 1rem 0 0.5rem 0 !important; }
  #block-sonnenpark-subtheme-footer ul li { float: left; width: auto; }
  #block-sonnenpark-subtheme-footer .nav-link { padding: 0.3rem 0rem; }
  #block-sonnenpark-subtheme-copyright { color: #fff; font-size: 1rem; margin-bottom: 0px; }
  #block-sonnenpark-subtheme-footer ul li a::after {
    content: '\f105';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    color: #CC98A9;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
  }

  /* Adresse */
  #block-unsereanschrift .content { margin-left: 18%; }
}

@media (min-width: 459px) and (max-width: 768px) {
  #block-sonnenpark-subtheme-copyright {  margin-bottom: 20px; }
}
@media (min-width: 769px) and (max-width: 991px) {
   #block-sonnenpark-subtheme-copyright { color: #fff; font-size: 1rem; margin-bottom: 0px; }
}

@media only screen and (min-width:769px) and (max-width:991px){ 
  .navbar-lang { display: none; }
  .navbar-right { display: none; }
  #block-weiterethemen .clearfix.nav, #block-servicemehr .clearfix.nav { display: flex; }
  #block-anfahrt .content,
  #block-unsereanschrift .content { display: block; }
  #vbp-941.col-lg-4.p-0,
  #vbp-858.col-lg-4.p-0 { padding-right: 0 !important; }
}
@media only screen and (min-width:992px){  
  #block-weiterethemen .clearfix.nav, #block-servicemehr .clearfix.nav { display: flex; }
  #block-anfahrt .content,
  #block-unsereanschrift .content { display: block; }
  
}

@media only screen and (min-width:1200px){  
    #block-unsereanschrift h2 { margin-left: 23%; }
    #block-unsereanschrift .content { margin-left: 27%; }
    
  }

/* Layer Wellness */


#vbp-1202 .title-no-mb .field--name-bp-text {
    padding-top: 20px;
    padding-bottom: 0px;
}
#vbp-1202 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 5px;
}
#vbp-1202 .link-close { top: -10px; }

/* Layer All Inklusive */

#vbp-1354 img { cursor: pointer; }

.btn-violett-white { 
  color: #fff !important; 
  font-family: 'Amatic SC', regular;
  font-size: 2.0rem; 
  font-weight: bold; 
  background: url('../../images/icons/ic_chevron_right_24px.svg') no-repeat center right transparent;
  display: block;
  line-height: 52px;
}
.btn-violett-white:hover { text-decoration: none; }

.add-more-btn a::after { 
  content: "MEHR ERFAHREN >";
  background-color: #954D6C;
  color: #fff;
  padding: 10px 20px;
  bottom: 0px;
  display: inline-block;
  position: absolute;
  right: 10px;
}
html[lang="en"] body.page-node-6 .add-more-btn a::after { content: "LEARN MORE >"; }

#vbp-795 h3.smaller {
    font-size: 3.5rem;
    font-weight: 300;
}
@media only screen and (min-width:990px) and (max-width:1199px){ 
  .btn-pdf { font-size: 0.75rem; }
}


/* Höhe Ausschnitt Bild links iPad */
@media only screen and (min-width:768px) and (max-width:1199px){ 
  #vbp-1353 img {
    object-fit: cover;
    height: 453px;
    object-position: 60% 50%;
  }
}
@media only screen and (min-width:1200px) and (max-width:1650px){ 
  #vbp-1353 img {
    object-fit: cover;
    height: 505px;
    object-position: 60% 50%;
  }
}
@media only screen and (min-width:1651px){ 
  #vbp-1353 img {
    object-fit: cover;
    height: 463px;
    object-position: 60% 50%;
  }
}

/* Layer Traumurlaub */
div#vbp-847 { margin-top: 80px; }
/* Layer Sommerurlaub */
div#vbp-855 { margin-top: 80px; }
/* Layer Winterurlaub */
div#vbp-1196 { margin-top: 80px; }


/* Pressedownloads */
.views-field-field-bilder-download a { margin-bottom: 15px; display: block; }

/* Responsive Youtube Videos */

.video-container-wrapper {
  max-width: 100%;
  width: 600px;
  left: 0;
  right:0;
  margin:auto;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#vbp-1006 .cssgrid .field-content { margin-bottom: 20px; } 
#vbp-1006 .cssgrid h3 { margin-top: 30px; }

/* [1] The container */
#vbp-2986 .img-hover-zoom,
#vbp-1006 .img-hover-zoom {
  height: 320px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
  width: 100%;
  
}

.page-node-55 .view-display-id-block_2 .view-content h3 {
    display: none;
}

#vbp-1006 .img-hover-zoom a { cursor: pointer; }

@media (max-width: 768px) { 
  #vbp-1006 .img-hover-zoom { height: 320px; }
  .grid.views-view-grid .row > div .img-hover-zoom img { object-fit: cover; height: auto; width: 100%; min-height: 320px; }

  #views-bootstrap-impressionen-block-2--2 .img-hover-zoom { height: 380px; margin-bottom: 20px; }
  #views-bootstrap-impressionen-block-2--2 .row > div .img-hover-zoom img { object-fit: cover; height: auto; width: 100%; min-height: 380px; }
}
@media (min-width: 769px) and (max-width: 989px) { 
  #vbp-1006 .img-hover-zoom { height: 260px; }
  .grid.views-view-grid .row > div .img-hover-zoom img { object-fit: cover; height: auto; width: 100%; min-height: 260px; }

  #views-bootstrap-impressionen-block-2--2 .img-hover-zoom { height: 340px; margin-bottom: 20px; }
  #views-bootstrap-impressionen-block-2--2 .row > div .img-hover-zoom img { object-fit: cover; height: auto; width: 100%; min-height: 340px; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-1006 .img-hover-zoom { height: 160px; }
  .grid.views-view-grid .row > div .img-hover-zoom img { object-fit: cover; height: auto; width: 100%; min-height: 220px; }

  #views-bootstrap-impressionen-block-2--2 .img-hover-zoom { height: 220px; margin-bottom: 20px; }
  #views-bootstrap-impressionen-block-2--2 .row > div .img-hover-zoom img { object-fit: cover; height: auto; width: 100%; min-height: 220px; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-1006 .img-hover-zoom { height: 160px; margin-bottom: 20px; }
  .grid.views-view-grid .row > div .img-hover-zoom img { object-fit: cover; height: auto; width: 100%; min-height: 220px; }

  #views-bootstrap-impressionen-block-2--2 .img-hover-zoom { height: 220px; margin-bottom: 20px; }
  #views-bootstrap-impressionen-block-2--2 .row > div .img-hover-zoom img { object-fit: cover; height: auto; width: 100%; min-height: 220px; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-1006 .img-hover-zoom { height: 280px; }
  .grid.views-view-grid .row > div .img-hover-zoom img { object-fit: cover; height: auto; width: 100%; min-height: 280px; }

  #views-bootstrap-impressionen-block-2--2 .img-hover-zoom { height: 280px; margin-bottom: 20px; }
  #views-bootstrap-impressionen-block-2--2 .row > div .img-hover-zoom img { object-fit: cover; height: auto; width: 100%; min-height: 280px; }
}
@media (min-width: 1660px) { 
  #vbp-1006 .img-hover-zoom { height: 420px; }
  .grid.views-view-grid .row > div .img-hover-zoom img { object-fit: cover; height: auto; width: 100%; min-height: 420px; }

  #views-bootstrap-impressionen-block-2--2 .img-hover-zoom { height: 400px; margin-bottom: 20px; }
  #views-bootstrap-impressionen-block-2--2 .row > div .img-hover-zoom img { object-fit: cover; height: auto; width: 100%; min-height: 400px; }
}

/* [2] Transition property for smooth transformation of images */
#vbp-2986 .img-hover-zoom img,
#vbp-1006 .img-hover-zoom img {
  filter: opacity(85%);
  transition: transform .5s, filter 1.1s ease-in-out;
  /* filter: grayscale(0); */
}

/* [3] Finally, transforming the image when container gets hovered */
#vbp-2986 .img-hover-zoom img:hover,
#vbp-1006 .img-hover-zoom img:hover {
  filter: opacity(100%);
  /* filter: grayscale(30%); */
  transform: scale(1.1);
}


#vbp-1360::before {
    right: 20px;
}
#vbp-1361::before {
    right: 20px;
}
@media (max-width: 989px) { 
  
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-945::before { right: 201px; }
  #vbp-1211::before { right: 130px; }
  #vbp-1203::before { right: 46.4%; } /* Wellness */
  #vbp-1207::before { right: 117px; } /* Betreuung */
  #vbp-1212::before { right: 452px; } /* Badewelt */
  #vbp-1482::before { right: 752px; } /* Erlebniswelt */
  #vbp-1210::before { right: 454px; } /* Baby-Welt */
  #vbp-1492::before { right: 768px; } /* Restaurant */
  #vbp-1563::before { right: 768px; } /* Lounge */
  #vbp-1261::before { right: 438px; } /* Zimmer */
  #vbp-1290::before { right: inherit; left: 207px; } /* Traumurlaub */
  #vbp-1293::before { right: 321px; } /* Sommer */
  #vbp-1296::before { right: 81px; } /* Winter */
  #vbp-1494 .popup::before { right: 624px } /* Preise */
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-945::before { right: 201px; }
  #vbp-1211::before { right: 130px; }
  #vbp-1203::before { right: 46.4%; } /* Wellness */
  #vbp-1207::before { right: 117px; } /* Betreuung */
  #vbp-1482::before { right: 762px; } /* Erlebniswelt */
  #vbp-1212::before { right: 452px; } /* Badewelt */
  #vbp-1210::before { right: 454px; } /* Baby-Welt */
  #vbp-1492::before { right: 768px; } /* Restaurant */
  #vbp-1563::before { right: 768px; } /* Lounge */
  #vbp-1261::before { right: 438px; } /* Zimmer */
  #vbp-1290::before { right: inherit; left: 207px; } /* Traumurlaub */
  #vbp-1293::before { right: 321px; } /* Sommer */
  #vbp-1296::before { right: 81px; } /* Winter */
  #vbp-1494 .popup::before { right: 624px } /* Preise */
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-945::before { right: 156px; }
  #vbp-1211::before { right: 159px; }
  #vbp-1203::before { right: 46.8%; } /* Wellness */
  #vbp-1207::before { right: 144px; } /* Betreuung */
  #vbp-1482::before { right: 917px; } /* Erlebniswelt */
  #vbp-1212::before { right: 542px; } /* Badewelt */
  #vbp-1210::before { right: 543px; } /* Baby-Welt */
  #vbp-1492::before { right: 917px; } /* Restaurant */
  #vbp-1563::before { right: 921px; } /* Lounge */
  #vbp-1261::before { right: 535px; } /* Zimmer */
  #vbp-1290::before { right: inherit; left: 247px; } /* Traumurlaub */
  #vbp-1293::before { right: 391px; } /* Sommer */
  #vbp-1296::before { right: 102px; } /* Winter */
  #vbp-1494 .popup::before { right: 747px } /* Preise */
}
@media (min-width: 1660px) { 
  #vbp-945::before { right: 230px; }
  #vbp-1211::before { right: 238px; }
  #vbp-1203::before { right: 47.8%; } /* Wellness */
  #vbp-1207::before { right: 220px; } /* Betreuung */
  #vbp-1482::before { right: 1300px; } /* Erlebniswelt */
  #vbp-1212::before { right: 773px; } /* Badewelt */
  #vbp-1210::before { right: 774px; } /* Baby-Welt */
  #vbp-1492::before { right: 1300px; } /* Restaurant */
  #vbp-1563::before { right: 1304px; } /* Lounge */
  #vbp-1261::before { right: 762px; } /* Zimmer */
  #vbp-1290::before { right: 1170px; } /* Traumurlaub */
  #vbp-1293::before { right: 564px; } /* Sommer */
  #vbp-1296::before { right: 160px; } /* Winter */
  #vbp-1494 .popup::before { right: 1054px } /* Preise */
}

  /* Pfeile */

#vbp-959 .field--name-bp-text h3 { margin-top: 7px;  }

div#block-viomahappycardbestellen { margin-bottom: 20px; }
div#block-viomablock { margin-bottom: 20px; }

/* Vioma-Integrationen Override */
#vri-container-4243, #vri-overlay .vri-container-4243 { padding: 25px; }

#vri-container-12134 h3, #vri-overlay .vri-container-12134 h3,
#vri-container-4243 h3, #vri-overlay .vri-container-4243 h3,
#vri-container-11940 h3, #vri-overlay .vri-container-11940 h3,
#vri-container-12040 h3, #vri-overlay .vri-container-12040 h3,
#vri-container-11994 h3, #vri-overlay .vri-container-11994 h3,
#vri-container-12606 h3, #vri-overlay .vri-container-12606 h3,
#vri-container-11994 h3, #vri-overlay .vri-container-12606 h3 {
    color: #7F7F7F !important;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
}

.vri-page .vri-request-item.vri-request-item-wishes .vri-button, .vri-page .vri-request-item.vri-request-item-wishes .vri-button.vri-icon-none, .vri-page .vri-request-item.vri-request-item-wishes .vri-button:hover, .vri-page .vri-request-item.vri-request-item-wishes .vri-button.vri-icon-none:hover {
    padding-right: 34px;
    color: #fff;
    text-transform: uppercase;
    background: #DAAB3F !important;
    border-color: #DAAB3F !important;
}
.vri-page .vri-request-item.vri-request-item-wishes .vri-button:hover, .vri-page .vri-request-item.vri-request-item-wishes .vri-button.vri-icon-none:hover {
    background: #eebc58 !important;
    border-color: #eebc58 !important;
} 

/* kein Titel bei Preis-Check */
.page-node-95 #block-sonnenpark-subtheme-page-title { display: none; }

/* Booker nach unten, wenn kein Slider da ist */
.booker-without-slider { padding-top: 70px; }

/* Häuser */
#vbp-1381 .col-lg-8, #vbp-1381 .col-lg-4 { padding-right: 10px !important; padding-left: 10px !important; }
#vbp-1380, #vbp-1385 { margin-top: 80px; }
.view-haeuser-home .views-field-title h3:before { 
  content: "";
  width: 25px;
  height: 25px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 15px;
  vertical-align: 10%;
  position: relative; 
} 
.view-haeuser-home .views-field-title.green h3:before { background-color: #C3CC73; }
.view-haeuser-home .views-field-title.blue h3:before { background-color: #88CCED; }
.view-haeuser-home .views-field-title.red h3:before { background-color: #E02A38; }
.view-haeuser-home .views-field-title.yellow h3:before { background-color: #FFC750; }
/* .view-haeuser-home .views-field-title.orange h3:before { background-color: #FF9433; } */
.view-id-haeuser_home .views-row { background-color: #fff; padding: 25px; margin-bottom: 15px; }
.view-id-haeuser_home .views-row h3 a { text-decoration: none; color: #954D6C; }
.views-field-field-kurztext-home { width: 60%; margin-bottom: 30px; margin-left: 40px; }
.house-more-btn { position: relative; bottom: 15px; right: -25px; float: right;}
.house-more-btn a { 
  background-color: #954D6C;
  color: #fff !important;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
}
html[lang="en"] body.page-node-6 .house-more-btn > a { content: "LEARN MORE >"; }
.view-id-haeuser_home .views-row .add-more-btn a::before { bottom: 15px; }
#vbp-1383 a { color: #fff; margin-top: 6px; margin-bottom: 15px; display: inline-block; text-decoration: none; }

@media (max-width: 989px) { 
  .view-id-haeuser_home h3 { font-size: 2.2rem; }
  .view-haeuser-home .views-field-title h3:before { width: 25px; height: 25px; margin-right: 15px; vertical-align: -2%; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  .view-id-haeuser_home .views-row { background-color: #fff; padding: 14px; margin-bottom: 15px; }
  .house-more-btn { position: relative; bottom: 26px; right: -15px; float: right;}
  .view-id-haeuser_home h3 { font-size: 2rem; }
  .view-haeuser-home .views-field-title h3:before { width: 25px; height: 25px; margin-right: 15px; vertical-align: -2%; }
  .view-id-haeuser .popup::before { right: 87px }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  .view-id-haeuser_home .views-row { background-color: #fff; padding: 14px; margin-bottom: 15px; }
  .house-more-btn { position: relative; bottom: 26px; right: -15px; float: right;}
  .view-id-haeuser_home h3 { font-size: 2rem; }
  .view-haeuser-home .views-field-title h3:before { width: 30px; height: 30px; margin-right: 15px; vertical-align: -2%; }
  .view-id-haeuser .popup::before { right: 87px }
}
@media (min-width: 1200px) and (max-width: 1659px) {
  .view-id-haeuser_home .views-row { background-color: #fff; padding: 14px; margin-bottom: 15px; }
  .house-more-btn { position: relative; bottom: 26px; right: -15px; float: right;}
  .view-id-haeuser_home h3 { font-size: 3rem; }
  .view-haeuser-home .views-field-title h3:before { width: 30px; height: 30px; margin-right: 15px; vertical-align: 10%; }
  .view-id-haeuser .popup::before { right: 110px }
}
@media (min-width: 1660px) { 
  .view-id-haeuser_home .views-row { background-color: #fff; padding: 25px; margin-bottom: 15px; }
  .house-more-btn { position: relative; bottom: 15px; right: -25px; float: right;}
  .view-id-haeuser_home h3 { font-size: 3.3rem; }
  .view-haeuser-home .views-field-title h3:before { width: 30px; height: 30px; margin-right: 15px; vertical-align: 10%; }
  .view-id-haeuser .popup::before { right: 170px }
}

/* Filter Häuser und Appartementtypen */
#haus-app-filter { margin-bottom: 20px; }
#haus-app-filter ul { padding-left: 0; }
#haus-app-filter ul li { list-style-type: none; font-size: 0.85rem;  }
#haus-app-filter ul.apptyp li { margin-bottom: 6px; }
#haus-app-filter ul.haustyp li { margin-bottom: 4px; }
#haus-app-filter h4 { color: #954D6C; text-transform: uppercase; font-size: 1.2rem; font-weight: 600; margin-bottom: 15px; }
#haus-app-filter label { margin-left: 10px; color: #954D6C; display: inline-grid; }
#haus-app-filter span.semibold { font-weight: 600; }
#haus-app-filter span.oi { margin-left: 10px; font-size: 1rem; position: relative; top: 2px; right: 0; }
.icon-green { color: #C3CC71; }
.icon-blue { color: #88CCED; }
.icon-red { color: #E02A38; }
.icon-yellow { color: #FFC750; }

.page-node-134 .col-sternschnuppe { display: block; }
.page-node-134 .col-sternenhimmel { display: none; }
.page-node-134 .col-regenbogen    { display: none; }
.page-node-134 .col-mondschein    { display: none; }

.page-node-135 .col-sternschnuppe { display: none; }
.page-node-135 .col-sternenhimmel { display: block; }
.page-node-135 .col-regenbogen    { display: none; }
.page-node-135 .col-mondschein    { display: none; }

.page-node-136 .col-sternschnuppe { display: none; }
.page-node-136 .col-sternenhimmel { display: none; }
.page-node-136 .col-regenbogen    { display: block; }
.page-node-136 .col-mondschein    { display: none; }

.page-node-137 .col-sternschnuppe { display: none; }
.page-node-137 .col-sternenhimmel { display: none; }
.page-node-137 .col-regenbogen    { display: none; }
.page-node-137 .col-mondschein    { display: block; }


#zimmer-popup-134 .col-sternschnuppe { display: block; }
#zimmer-popup-134 .col-sternenhimmel { display: none; }
#zimmer-popup-134 .col-regenbogen    { display: none; }
#zimmer-popup-134 .col-mondschein    { display: none; }

#zimmer-popup-135 .col-sternschnuppe { display: none; }
#zimmer-popup-135 .col-sternenhimmel { display: block; }
#zimmer-popup-135 .col-regenbogen    { display: none; }
#zimmer-popup-135 .col-mondschein    { display: none; }

#zimmer-popup-136 .col-sternschnuppe { display: none; }
#zimmer-popup-136 .col-sternenhimmel { display: none; }
#zimmer-popup-136 .col-regenbogen    { display: block; }
#zimmer-popup-136 .col-mondschein    { display: none; }

#zimmer-popup-137 .col-sternschnuppe { display: none; }
#zimmer-popup-137 .col-sternenhimmel { display: none; }
#zimmer-popup-137 .col-regenbogen    { display: none; }
#zimmer-popup-137 .col-mondschein    { display: block; }

#zimmer-popup-138 .col-12.text-center { display: none; }

.view-apartments-haus .list-item-app { background-color: #fbfbfb; margin-bottom: 20px; }
.view-apartments-haus .list-content { display: block; margin-left: auto; margin-right: auto; }




.col-grundriss .contextual-region {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 989px) { 
  .col-filter { width: 100%; }
  .con-hausfilter { display: block;  }
  .con-filterelements { width: 390px; }
  .col-filter { width: 300px; }
  .con-hausfilter { display: inline-block; float: left; }
  .con-filterelements { width: 1040px; }
  .view-apartments-haus .col-zimmerbild img { object-fit: cover; height: 250px; }
  .view-apartments-haus .col-grundriss img { max-height: 250px; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  .col-filter { width: 300px; }
  .con-hausfilter { display: inline-block; float: left; }
  .con-filterelements { width: 830px; }
  .col-filter { width: 300px; }
  .con-hausfilter { display: inline-block; float: left; }
  .con-filterelements { width: 1040px; }
  .view-apartments-haus .col-zimmerbild img { object-fit: cover; height: 230px; }
  .view-apartments-haus .col-grundriss img { max-height: 230px; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  .col-filter { width: 300px; }
  .con-hausfilter { display: inline-block; float: left; }
  .con-filterelements { width: 830px; }
  .col-filter { width: 300px; }
  .con-hausfilter { display: inline-block; float: left; }
  .con-filterelements { width: 1040px; }
  .view-apartments-haus .col-zimmerbild img { object-fit: cover; height: 230px; }
  .view-apartments-haus .col-grundriss img { max-height: 230px; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  .col-filter { width: 300px; }
  .con-hausfilter { display: inline-block; float: left; }
  .con-filterelements { width: 1040px; }
  .view-apartments-haus .col-zimmerbild img { object-fit: cover; height: 230px; }
  .view-apartments-haus .col-grundriss img { max-height: 230px; }
}
@media (min-width: 1660px) { 
  .col-filter { width: 380px; }
  .con-hausfilter { display: inline-block; float: left; }
  .con-filterelements { width: 1120px; }
  .view-apartments-haus .list-content { /* width: 60%; */ }
  .view-apartments-haus .col-zimmerbild img { object-fit: cover; height: 200px; }
  .view-apartments-haus .col-grundriss img { max-height: 200px; }
}

.page-node-22 .view-haeuser .vbp_color_05 a.btn-anfragen { line-height: 40px; }

.up_ele.col-filter-mondschein { width: 290px; }

/* Übersicht Häuser */
.view-haeuser .views-row { margin-bottom: 15px; }
.view-haeuser .popup-header { margin-top: 50px; }
.views-field-field-hausbilder { padding-left: 0; }
.views-field-field-kurztext-uebersicht { padding: 30px 20px; }
.views-field-view-node .field-content { margin-left: auto; margin-right: auto; }

.page-node-22 #block-sonnenpark-subtheme-content { padding-top: 0; }
/* #vbp-1541 { background-color: #fff; } */
.view-haeuser .list-item-app { margin-bottom: 20px; }
.view-haeuser .list-entry { background-color: #fff; padding-left: 0; }
.view-haeuser .list-content { display: block; margin-left: auto; margin-right: auto; }
.view-haeuser .con-center { display: block; }

.btn-house { color: #fff; width: 80px; height: 80px; display: inline-block; border-radius: 100%; content:"\f103"; font-size: 3.5rem; line-height: 5rem;  }
.btn-house:hover, .btn-house:focus, .btn-house:active { color: #fff; }
.btn-house.green { background-color: #C3CC71; }
.btn-house.blue { background-color: #88CCED; }
.btn-house.yellow { background-color: #FFC750; }
.btn-house.red { background-color: #E02A38; }
.btn-house.orange { background-color: #FF9433; }
/* */
.page-node-type-zimmer img { margin-bottom: 15px; }
.page-node-type-zimmer a.btn-buchen { display: block; color: #fff; text-transform: uppercase; background-color: #58B5F5; cursor: pointer; padding: 10px 20px; margin-bottom: 15px; }
.page-node-type-zimmer a.btn-buchen:hover {  background-color: #7ac0f0; color: #fff !important; }
.page-node-type-zimmer a.btn-anfragen { display: block; color: #fff; text-transform: uppercase; background-color: #F2B53B; cursor: pointer; padding: 10px 20px; margin-bottom: 15px; }
.page-node-type-zimmer a.btn-anfragen:hover { background-color: #eebc58; color: #fff !important; }

.page-node-type-haeuser a.btn-anfragen { display: block; background: url("/sites/default/files/icon-single-arrow-right-w.svg") no-repeat center right 10px;
    background-size: 13px; color: #fff; text-transform: uppercase; font-size: 1.2rem; background-color: #F2B53B; border: 0; cursor: pointer; height: 40px; margin-bottom: 15px; width: 235px; text-align: left; margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    line-height: 39px; }
.page-node-type-haeuser a.btn-anfragen:hover { background-color: #eebc58; color: #fff; text-decoration: none; }

#vbp-1496 { margin-bottom: 0; }



@media (max-width: 989px) { 
  .img-pos-left img { object-position: left; }
  .img-pos-right img { object-position: right; }
  .img-pos-top img { object-position: top; }
  .img-pos-bottom img { object-position: bottom; }
}

@media (min-width: 990px) and (max-width: 1199px) { 
  .one-third-img-auto-height img { height: 400px; object-fit: cover; }
  .one-third-img-auto-height-400 img { height: 400px; object-fit: cover; }
  .one-third-img-auto-height-500 img { height: 500px; object-fit: cover; }
  .one-third-img-auto-height-600 img { height: 600px; object-fit: cover; }
  .one-third-img-auto-height-700 img { height: 700px; object-fit: cover; }
  .one-third-img-auto-height-800 img { height: 800px; object-fit: cover; }
  .one-third-img-auto-height-900 img { height: 900px; object-fit: cover; }
  .one-third-img-auto-height-1000 img { height: 1000px; object-fit: cover; }
  .two-third-img-auto-height .img-fluid, .img-responsive img { height: 650px; object-fit: cover; }
  .two-half-img-auto-height-700 img { height: 700px; object-fit: cover; }
  .two-half-img-auto-height-800 img { height: 800px; object-fit: cover; }
  .one-fourth-img-auto-height img { height: 350px; object-fit: cover; }
  .img-pos-left img { object-position: left; }
  .img-pos-right img { object-position: right; }
  .img-pos-25 img { object-position: 25%; }
  .img-pos-60 img { object-position: 60%; }
  .img-pos-75 img { object-position: 75%; }
  .img-pos-top img { object-position: top; }
  .img-pos-bottom img { object-position: bottom; }
  .two-third-video-auto-height img { height: 605px; object-fit: cover; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  .one-third-img-auto-height img { height: 350px; width: 100%; object-fit: cover; }
  .one-third-img-auto-height-400 img { height: 400px; width: 100%; object-fit: cover; }
  .one-third-img-auto-height-500 img { height: 450px; width: 100%; object-fit: cover; }
  .one-third-img-auto-height-600 img { height: 550px; width: 100%; object-fit: cover; }
  .one-third-img-auto-height-700 img { height: 650px; width: 100%; object-fit: cover; }
  .one-third-img-auto-height-800 img { height: 700px; width: 100%; object-fit: cover; }
  .one-third-img-auto-height-900 img { height: 750px; width: 100%; object-fit: cover; }
  .one-third-img-auto-height-1000 img { height: 850px; width: 100%; object-fit: cover; }
  .two-third-img-auto-height .img-fluid, .img-responsive img { height: 500px; width: 100%; object-fit: cover; }
  .two-half-img-auto-height-700 img { height: 700px; width: 100%; object-fit: cover; }
  .two-half-img-auto-height-800 img { height: 800px; width: 100%; object-fit: cover; }
  .one-fourth-img-auto-height img { height: 300px; width: 100%; object-fit: cover; }
  .img-pos-left img { object-position: left; }
  .img-pos-right img { object-position: right; }
  .img-pos-25 img { object-position: 25%; }
  .img-pos-60 img { object-position: 60%; }
  .img-pos-75 img { object-position: 75%; }
  .img-pos-top img { object-position: top; }
  .img-pos-bottom img { object-position: bottom; }
  
}
@media (min-width: 1200px) and (max-width: 1659px) {
  .one-third-img-auto-height img { height: 330px; object-fit: cover; }
  .one-third-img-auto-height-400 img { height: 400px; object-fit: cover; }
  .one-third-img-auto-height-500 img { height: 450px; object-fit: cover; }
  .one-third-img-auto-height-600 img { height: 550px; object-fit: cover; }
  .one-third-img-auto-height-700 img { height: 650px; object-fit: cover; }
  .two-half-img-auto-height-700 img { height: 600px; object-fit: cover; }
  .two-third-img-auto-height .img-fluid, .img-responsive img { height: 440px; object-fit: cover; }
  .two-half-img-auto-height-700 img { height: 650px; object-fit: cover; }
  .two-half-img-auto-height-800 img { height: 665px; object-fit: cover; }
  .one-fourth-img-auto-height img { height: 250px; object-fit: cover; }
  .img-pos-left img { object-position: left; }
  .img-pos-right img { object-position: right; }
  .img-pos-25 img { object-position: 25%; }
  .img-pos-60 img { object-position: 60%; }
  .img-pos-75 img { object-position: 75%; }
  .img-pos-top img { object-position: top; }
  .img-pos-bottom img { object-position: bottom; }
  .two-third-video-auto-height img { height: 532px; object-fit: cover; }
  div#vbp-3612 { height: 532px; }

}
@media (min-width: 1660px) { 

}

.view-angebote-home .slick__slider { overflow: hidden; }

/* Impressionen */
/* Lampe */
@media (max-width: 768px) { 
  #views-bootstrap-impressionen-block-1--8 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-2:nth-child(8) img { margin-top: -170px; }
}
@media (min-width: 769px) and (max-width: 989px) { 
  #views-bootstrap-impressionen-block-1--8 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-2:nth-child(8) img { margin-top: -170px; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #views-bootstrap-impressionen-block-1--8 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-2:nth-child(8) img { margin-top: -170px; }
}


/* Saunabilder */
@media (max-width: 768px) { 
  #views-bootstrap-impressionen-block-1--2 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-6:nth-child(12) img { margin-top: -150px; }
  #views-bootstrap-impressionen-block-1--4 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-7:nth-child(14) img { margin-top: 0; }
  #views-bootstrap-impressionen-block-1--4 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-6:nth-child(16) img { margin-top: 0; }
}
@media (min-width: 769px) and (max-width: 989px) { 
  #views-bootstrap-impressionen-block-1--2 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-6:nth-child(12) img { margin-top: -90px; }
  #views-bootstrap-impressionen-block-1--4 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-7:nth-child(14) img { margin-top: 0; }
  #views-bootstrap-impressionen-block-1--4 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-6:nth-child(16) img { margin-top: 0; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #views-bootstrap-impressionen-block-1--2 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-6:nth-child(12) img { margin-top: -50px; }
  #views-bootstrap-impressionen-block-1--4 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-7:nth-child(14) img { margin-top: -70px; }
  #views-bootstrap-impressionen-block-1--4 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-6:nth-child(16) img { margin-top: -80px; }
}
@media (min-width: 1200px) { 
  #views-bootstrap-impressionen-block-1--2 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-6:nth-child(12) img { margin-top: -200px; }
  #views-bootstrap-impressionen-block-1--4 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-7:nth-child(14) img { margin-top: -100px; }
  #views-bootstrap-impressionen-block-1--4 .col-12.col-sm-12.col-md-6.col-lg-3.col-xl-6:nth-child(16) img { margin-top: -100px; }
}

/* Preisliste */

h4.zimmertitel { font-size: 1.4rem;  color: #692945; font-weight: 600; }
.zimmerbeschreibung { font-size: 1.0rem;  font-weight: normal; margin-left: 10px; }
.saisontitel { font-size: 1.0rem;  font-weight: normal; margin-bottom: 10px; }
.test-2022.view-preisuebersicht .saisontitel { font-size: 1.0rem;  font-weight: normal; margin-bottom: 0px; }
.con-center.first { padding-top: 35px; }
.test-2022.view-preisuebersicht .con-center.first { padding-top: inherit; padding-top: 2px; }
.test-2022.view-preisuebersicht .list-entry { background-color: transparent; }
.row.listentry-row { margin-left: 0; background-color: #fff; }
.preis-button-bar { padding: 25px 0 10px 20px; border-bottom: 1px solid #707070; margin-bottom: 6px; margin-left: 0; }
.views-row:last-child .preis-button-bar { border-bottom: 0; }
.col-12.list-zimmerfoto { padding-left: 0; }

.page-node-96 .view-footer {
    display: none;
}

.test-2022.view-preisuebersicht .list-entry a.btn-border {
    display: inline-block;
    background-size: 13px;
    color: #692945;
    text-transform: uppercase;
    font-size: 1.2rem;
    background-color: transparent;
    border: 1px solid #692945;
    cursor: pointer;
    height: 40px;
    margin-bottom: 15px;
    width: auto;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    text-transform: uppercase;
}
.test-2022.view-preisuebersicht .list-entry a.btn-buchen {
    display: inline-block;
    background: url(/sites/default/files/icon-single-arrow-right-w.svg) no-repeat center right 10px;
    background-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2rem;
    background-color: #58B5F5;
    border: 0;
    cursor: pointer;
    height: 40px;
    margin-bottom: 15px;
    width: 235px;
    text-align: left;
    padding-left: 15px;
    margin-right: 10px;
}
.test-2022.view-preisuebersicht .list-entry a.btn-anfragen {
    display: inline-block;
    background: url(/sites/default/files/icon-single-arrow-right-w.svg) no-repeat center right 10px;
    background-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2rem;
    background-color: #F2B53B;
    border: 0;
    cursor: pointer;
    height: 40px;
    margin-bottom: 15px;
    width: 235px;
    text-align: left;
    padding-left: 15px;
}
.views-exposed-form .button { background-color: #692945; color: #fff; border-color: #692945;  }
.js-form-item.js-form-type-radio.radio.form-check.js-form-item-field-art-der-unterkunft-value.form-item-field-art-der-unterkunft-value {
    display: inline-block;
    margin-right: 30px;
}

form#views-exposed-form-preisuebersicht-block-3,
form#views-exposed-form-preisuebersicht-block-5 {
    background-color: #fff;
    padding: 20px 20px 10px 30px;
    margin-bottom: 40px;
}
.test-2022.view-preisuebersicht .list-entry a.like-link { font-size: 1.2rem; text-decoration: none; margin-top: 7px; display: inline-block; }
.test-2022.view-preisuebersicht .list-entry a.like-link { color: #692945; }


.view-preisuebersicht .listentry-row .green { border-left: 10px solid #C3CC71; }
.view-preisuebersicht .listentry-row .blue { border-left: 10px solid #88CCED; }
.view-preisuebersicht .listentry-row .red { border-left: 10px solid #E02A38; }
.view-preisuebersicht .listentry-row .orange { border-left: 10px solid #FF9433; }
.view-preisuebersicht .listentry-row .yellow { border-left: 10px solid #FFC750; }

.view-preisuebersicht .fa.fa-home.green { color:#C3CC71; }
.view-preisuebersicht .fa.fa-home.blue { color:#88CCED; }
.view-preisuebersicht .fa.fa-home.red { color:#E02A38; }
.view-preisuebersicht .fa.fa-home.orange { color:#FF9433; }
.view-preisuebersicht .fa.fa-home.yellow { color:#FFC750; }

.page-node-96 #block-sonnenpark-subtheme-content { padding-top: 0; }
#vbp-1541 { background-color: #fff; }
.view-preisuebersicht .list-item-app { margin-bottom: 20px; }
.view-preisuebersicht .list-entry { background-color: #fff; padding-left: 0; }
.view-preisuebersicht .list-content { display: block; margin-left: auto; margin-right: auto; }
.view-preisuebersicht .con-center { display: block; }
.popup-header { margin-top: 80px; }
.saison-1 { background-color: #EADCB8; color: #707070; font-size: 1.3rem; font-weight: 600; padding: 5px 0; }
.saison-2 { background-color: #DAC084; color: #707070; font-size: 1.3rem; font-weight: 600; padding: 5px 0; }
.saison-3 { background-color: #DBA3B6; color: #707070; font-size: 1.3rem; font-weight: 600; padding: 5px 0; }
.saison-4 { background-color: #FFBDC0; color: #707070; font-size: 1.3rem; font-weight: 600; padding: 5px 0; }
/* .view-preisuebersicht h3.smaller { font-size: 2.2rem; } */
.view-preisuebersicht a.link-more { background-size: 30px; }
#vbp-1940 { background-color: #fff; }
.page-node-208 #block-sonnenpark-subtheme-content { padding-top: 0; }
#vbp-1956 .field--name-bp-text, #vbp-1957 .field--name-bp-text {
    padding-top: 0;
}

#preis-popup-176 .vbp_color_05 a.btn-buchen,
#preis-popup-170 .vbp_color_05 a.btn-buchen { display: none; }

.test-2022.view-preisuebersicht .preis-button-bar {
    padding: 25px 0 10px 20px;
    border-bottom: 1px solid #707070;
    margin-bottom: 25px;
    margin-left: 0;
}
#saisonzeiten {
    left: 0;
}

h4.zimmertitel { border-bottom: 1px solid #ccc; padding-bottom: 10px; }

.page-node-96 .col-md-6.br-2,
.page-node-229 .col-md-6.br-2 { border-right: 1px solid #707070; }


#vbp-accordion-2789 .panel-heading {
  padding-left: 30px;
}
#vbp-accordion-2789 .panel-title {

    background-image: url('/themes/custom/sonnenpark_subtheme/css/base/../../images/icons/icon-arrow-down-violett.svg');
    background-position: right center;
    background-size: 1.5%;
    background-repeat: no-repeat;

}
#vbp-accordion-2789 .panel-title a:hover, #vbp-accordion-2789 .panel-title a:focus, #vbp-accordion-2789 .panel-title a:active {
    color: #692945;
    text-decoration: none;
}
#vbp-accordion-2789 .panel-title a {
  color: #692945;
  text-decoration: none;
  width: 100%;
  display: inline-block;
}

.page-node-229 .test-2022.view-preisuebersicht .list-entry {
  padding: 5px 0 15px 0;
  border-bottom: 0px solid #707070;
  margin-bottom: 0;
}
.page-node-229 .test-2022.view-preisuebersicht .views-row > .list-entry:last-child { border-bottom: 0; }

.page-node-229  .row.listentry-row {
  margin-right: 0px;
}
.view-display-id-block_5 h3 {
  margin-top: 10px;
}
.view-display-id-block_5 .view-content {
  padding-bottom: 5px;
}

@media (max-width: 480px) { 
  .view-preisuebersicht .list-item-app img { width:100%; margin-bottom: 15px; }
  .view-preisuebersicht .col-sm-6.col-md-3 img { width:100%; margin-bottom: 15px; }
  .view-preisuebersicht .col-sm-6.col-md-3.col-grundriss-zimmer img { max-height: 204px; width: auto; }
  .view-preisuebersicht .list-zimmerfoto { padding-right: 0; }
  .test-2022.view-preisuebersicht .list-entry a.btn-buchen { width: 180px;  margin-right: 20px !important;  }
  .page-node-96.view-preisuebersicht .list-entry a.btn-anfragen,
  .test-2022.view-preisuebersicht .list-entry a.btn-anfragen { width: 180px; margin-right: 20px; }
  h4.zimmertitel { margin-top: 20px; margin-bottom: 20px; }
  .test-2022.view-preisuebersicht .list-entry a.btn.btn-default.btn-anfragen.mr-2 {  margin-right: 10px !important; }
  .page-node-96 .col-md-6.br-2, .page-node-229 .col-md-6.br-2 { border-right: 0; }
  .test-2022.view-preisuebersicht .list-entry a.btn-border { font-size: 1.05rem; }
  #views-exposed-form-preisuebersicht-block-3 .js-form-wrapper,
  #views-exposed-form-preisuebersicht-block-5 .js-form-wrapper {
    width: 100%;
    margin-bottom: 0;
  }
  #views-exposed-form-preisuebersicht-block-3 legend,
  #views-exposed-form-preisuebersicht-block-5 legend {
    float: left;
    width: 100%;
  }
  #views-exposed-form-preisuebersicht-block-3 .fieldset-wrapper,
  #views-exposed-form-preisuebersicht-block-5 .fieldset-wrapper {
    float: left;
    width: 100%;
    margin-top: 28px;
  }
  #views-exposed-form-preisuebersicht-block-3 #edit-actions,
  #views-exposed-form-preisuebersicht-block-5 .form-actions .js-form-submit {
    display: inline-block;
  }
  #views-exposed-form-preisuebersicht-block-3 button.js-form-submit,
  #views-exposed-form-preisuebersicht-block-5 button.js-form-submit {
    margin-top: 10px;
    margin-left: 0;
  }
}
@media (min-width: 481px) and (max-width: 989px) { 
  .view-preisuebersicht .list-item-app img { width:100%; margin-bottom: 15px; }
  .view-preisuebersicht .col-sm-6.col-md-3 img { width:100%; margin-bottom: 15px; }
  .view-preisuebersicht .col-sm-6.col-md-3.col-grundriss-zimmer img { max-height: 204px; width: auto; }
  .view-preisuebersicht .list-zimmerfoto { padding-right: 0; }
  .view-preisuebersicht .vbp_color_05 a.btn-buchen { width: auto; padding-right: 30px;  }
  .view-preisuebersicht .vbp_color_05 a.btn-anfragen { width: auto; padding-right: 30px; }
  h4.zimmertitel { margin-top: 20px; margin-bottom: 20px; }
  .page-node-96.view-preisuebersicht .list-entry a.btn.btn-default.btn-anfragen.mr-2,
  .test-2022.view-preisuebersicht .list-entry a.btn.btn-default.btn-anfragen.mr-2 {  margin-right: 0 !important; }
  .page-node-96.view-preisuebersicht .list-entry a.btn-border,
  /* .test-2022.view-preisuebersicht .list-entry a.btn-border { height: 75px !important; } */
  .views-exposed-form  div#edit-actions { margin-top: 47px; margin-left: 50px; }
  .page-node-96 .col-md-6.br-2, .page-node-229 .col-md-6.br-2 { border-right: 0; }
  /* .test-2022.view-preisuebersicht .list-entry a.btn-border { height: 75px; } */
  .js-form-wrapper {
    width: 100%;
  }
  .views-exposed-form div#edit-actions {
    margin-top: 0;
    margin-left: 0;
  }
  #views-exposed-form-preisuebersicht-block-3 button.js-form-submit,
  #views-exposed-form-preisuebersicht-block-5 button.js-form-submit {
    margin-top: 10px;
    margin-left: 0;
  }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  .image-style-d03-standard.img-fluid { object-fit: cover; height: 162px; }
  .view-preisuebersicht .col-sm-6.col-md-3 img { height: 162px; object-fit: cover; }
  .view-preisuebersicht .col-sm-6.col-md-3.col-grundriss-zimmer img { height: 285px; width: auto; }
  .view-preisuebersicht .list-zimmerfoto img { object-fit: cover; height: 285px; }
  .view-preisuebersicht a.btn-buchen, .view-preisuebersicht a.btn-anfragen { width: 155px !important; }
  .page-node-96.view-preisuebersicht .list-entry a.btn-border,
  /* .test-2022.view-preisuebersicht .list-entry a.btn-border { height: 75px !important; } */
  .view-preisuebersicht h3.smaller { font-size: 1.9rem; }
  h4.zimmertitel { margin-top: 10px; margin-bottom: 10px; }
  .views-exposed-form .form-checkboxes.bef-checkboxes { columns: 2; }
  .views-exposed-form  div#edit-actions { margin-top: 13px; margin-left: 30px; }
  #views-exposed-form-preisuebersicht-block-3 .js-form-wrapper,
  #views-exposed-form-preisuebersicht-block-5 .js-form-wrapper {
    display: inline-block;
    width: 80%;
    margin-bottom: 0;
  }
  #views-exposed-form-preisuebersicht-block-3 legend,
  #views-exposed-form-preisuebersicht-block-5 legend {
    float: left;
    width: 43%;
  }
  #views-exposed-form-preisuebersicht-block-5 .form-actions { width: 15%; }
  #views-exposed-form-preisuebersicht-block-3 .fieldset-wrapper,
  #views-exposed-form-preisuebersicht-block-5 .fieldset-wrapper {
    float: left;
    width: 57%;
    margin-top: 28px;
  }
  #views-exposed-form-preisuebersicht-block-3 #edit-actions,
  #views-exposed-form-preisuebersicht-block-5 .form-actions .js-form-submit {
    display: inline-block;
  }
  #views-exposed-form-preisuebersicht-block-3 button.js-form-submit,
  #views-exposed-form-preisuebersicht-block-5 button.js-form-submit {
    margin-top: 22px;
    margin-left: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  .image-style-d03-standard.img-fluid { object-fit: cover; height: 162px; }
  .view-preisuebersicht .col-sm-6.col-md-3 img { height: 162px; object-fit: cover; }
  .view-preisuebersicht .col-sm-6.col-md-3.col-grundriss-zimmer img { height: 285px; width: auto; }
  .view-preisuebersicht .list-zimmerfoto img { object-fit: cover; height: 285px; }
  .view-preisuebersicht a.btn-buchen, .view-preisuebersicht a.btn-anfragen { width: 155px !important; }
  .view-preisuebersicht h3.smaller { font-size: 1.9rem; }
  h4.zimmertitel { margin-top: 10px; margin-bottom: 10px; }
  .views-exposed-form .form-checkboxes.bef-checkboxes { columns: 2; }
  #views-exposed-form-preisuebersicht-block-5 .form-actions { width: 20%; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  .view-preisuebersicht .col-lg-7 { margin-top: 2px; }
  .image-style-d03-standard.img-fluid { object-fit: cover; height: 204px; }
  .view-preisuebersicht .col-sm-6.col-md-3 img { object-fit: cover; height: 204px;  }
  .view-preisuebersicht .col-sm-6.col-md-3.col-grundriss-zimmer img { height: 204px; width: auto; }
  .view-preisuebersicht .list-zimmerfoto img { object-fit: cover; height: 160px; }
  .view-preisuebersicht a.btn-buchen, .view-preisuebersicht a.btn-anfragen { width: 235px !important; }
  .views-exposed-form .form-checkboxes.bef-checkboxes { columns: 3; }
  .views-exposed-form .button { margin-top: 47px; margin-left: 50px; }
  #views-exposed-form-preisuebersicht-block-3 .js-form-wrapper,
  #views-exposed-form-preisuebersicht-block-5 .js-form-wrapper {
    display: inline-block;
    width: 67%;
    margin-bottom: 0;
  }
  #views-exposed-form-preisuebersicht-block-3 legend,
  #views-exposed-form-preisuebersicht-block-5 legend {
    float: left;
    width: 45%;
  }
  #views-exposed-form-preisuebersicht-block-5 .form-actions { width: 20%; }
  #views-exposed-form-preisuebersicht-block-3 .fieldset-wrapper,
  #views-exposed-form-preisuebersicht-block-5 .fieldset-wrapper {
    float: left;
    width: 55%;
    margin-top: 28px;
  }
  #views-exposed-form-preisuebersicht-block-3 #edit-actions,
  #views-exposed-form-preisuebersicht-block-5 .form-actions .js-form-submit {
    display: inline-block;
  }
  #views-exposed-form-preisuebersicht-block-3 button.js-form-submit,
  #views-exposed-form-preisuebersicht-block-5 button.js-form-submit {
    margin-top: 22px;
    margin-left: 50px;
  }
}
@media (min-width: 1660px) { 
  .view-preisuebersicht .col-lg-7 { margin-top: 10px; }
  .view-preisuebersicht .col-sm-6.col-md-3 img { object-fit: cover; height: 204px; }
  .view-preisuebersicht .col-sm-6.col-md-3.col-grundriss-zimmer img { height: 204px; width: auto; }
  .view-preisuebersicht a.btn-buchen, .view-preisuebersicht a.btn-anfragen { width: 235px !important; }
  h4.zimmertitel { margin-top: 40px; margin-bottom: 40px; }
  .page-node-96 .slick__slider .slick-track { max-width: 1917px !important; }
  .views-exposed-form .form-checkboxes.bef-checkboxes { columns: 3; }
  .views-exposed-form .button { margin-top: 47px; margin-left: 50px; }


  .view-display-id-block_5 h4.zimmertitel { margin-top: 20px; margin-bottom: 30px; }

  #views-exposed-form-preisuebersicht-block-3 .js-form-wrapper,
  #views-exposed-form-preisuebersicht-block-5 .js-form-wrapper {
    display: inline-block;
    width: 47%;
    margin-bottom: 0;
  }
  #views-exposed-form-preisuebersicht-block-3 legend,
  #views-exposed-form-preisuebersicht-block-5 legend {
    float: left;
    width: 45%;
  }
  #views-exposed-form-preisuebersicht-block-3 .fieldset-wrapper,
  #views-exposed-form-preisuebersicht-block-5 .fieldset-wrapper {
    float: left;
    width: 55%;
    margin-top: 28px;
  }
  #views-exposed-form-preisuebersicht-block-3 #edit-actions,
  #views-exposed-form-preisuebersicht-block-5 .form-actions .js-form-submit {
    display: inline-block;
  }
  #views-exposed-form-preisuebersicht-block-3 button.js-form-submit,
  #views-exposed-form-preisuebersicht-block-5 button.js-form-submit {
    margin-top: 22px;
    margin-left: 50px;
  }
}

.page-node-96 .fancybox-slide,
.page-node-229 .fancybox-slide {
    width: 80%;
    z-index: 99994;
    margin-left: 10%;
    max-width: 80%;
}
.page-node-96  .fancybox-slide--html .fancybox-close-small,
.page-node-229  .fancybox-slide--html .fancybox-close-small {
    position: absolute;
    display: inline-block;
    content: "";
    z-index: 1;
    right: 20px;
    top: 20px;
    display: block;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border-width: 5px;
    border-style: solid;
    border-color: #CD9AAB;
    border-radius: 100%;
    background: -webkit-linear-gradient(
-45deg,transparent 0%,transparent 46%,white 46%,white 56%,transparent 56%,transparent 100%),-webkit-linear-gradient(
45deg,transparent 0%,transparent 46%,white 46%,white 56%,transparent 56%,transparent 100%);
    background-color: #CD9AAB;
    transition: all 0.3s ease;
    cursor: pointer;
    color: #fff !important;
}
.page-node-96 .fancybox-slide--html .fancybox-close-small,
.page-node-229 .fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 20px;
    top: 20px;
}

@media (min-width: 1200px) and (max-width: 1659px) {
  .page-node-96 .view-preisuebersicht .list-zimmerfoto img,
  .page-node-229 .view-preisuebersicht .list-zimmerfoto img {
      object-fit: cover;
      height: 260px;
  }
  .zimmertitel { margin-top: 8px; }
}
@media (min-width: 1660px)  {
  .page-node-96 .view-preisuebersicht .list-zimmerfoto img,
  .page-node-229 .view-preisuebersicht .list-zimmerfoto img {
      object-fit: cover;
      height: 340px;
  }
  .zimmertitel { margin-top: 8px; }
}
/*
#vbp-2550 .col-md-4,
#vbp-2554 .col-lg-4,
#vbp-2558 .col-lg-4 { margin-bottom: 1.5rem !important; }
#vbp-2550 .col-md-4:last-child,
#vbp-2554 .col-lg-4:last-child,
#vbp-2558 .col-lg-4:last-child { margin-bottom: 0 !important; }

*/

#vbp-1522 .contextual-region.p-0.col-lg-8 { border-left: 1px solid #ccc; }

/*
.vbp_color_05 a.btn-buchen { display: block; color: #fff; text-transform: uppercase; background-color: #58B5F5; cursor: pointer; padding: 10px 20px; margin-bottom: 15px; }
.vbp_color_05 a.btn-buchen:hover {  background-color: #7ac0f0; color: #fff !important; }
.vbp_color_05 a.btn-anfragen { display: block; color: #fff; text-transform: uppercase; background-color: #F2B53B; cursor: pointer; padding: 10px 20px; margin-bottom: 15px; }
.vbp_color_05 a.btn-anfragen:hover { background-color: #eebc58; color: #fff !important; }
*/

.vbp_color_05 a.btn-buchen { display: block; background: url("/sites/default/files/icon-single-arrow-right-w.svg") no-repeat center right 10px;
    background-size: 13px; color: #fff; text-transform: uppercase; font-size: 1.2rem; background-color: #58B5F5; border: 0; cursor: pointer; height: 40px; 
    margin-bottom: 15px; width: 235px; text-align: left; margin-left: auto; margin-right: auto; padding-left: 15px; }
.vbp_color_05 a.btn-buchen:hover { background-color: #7ac0f0; color: #fff; text-decoration: none; }

.vbp_color_05 a.btn-anfragen { display: block; background: url("/sites/default/files/icon-single-arrow-right-w.svg") no-repeat center right 10px;
    background-size: 13px; color: #fff; text-transform: uppercase; font-size: 1.2rem; background-color: #F2B53B; border: 0; cursor: pointer; height: 40px; 
    margin-bottom: 15px; width: 235px; text-align: left; margin-left: auto; margin-right: auto; padding-left: 15px; }
.vbp_color_05 a.btn-anfragen:hover { background-color: #eebc58; color: #fff; text-decoration: none; }

@media (max-width: 989px) { 
  .vbp_color_05 a.btn-anfragen { width: auto; padding-right: 30px; }
}

.page-node-type-zimmer a.btn-buchen { display: block; background: url("/sites/default/files/icon-single-arrow-right-w.svg") no-repeat center right 10px;
    background-size: 13px; color: #fff; text-transform: uppercase; font-size: 1.2rem; background-color: #58B5F5; border: 0; cursor: pointer; height: 40px; 
    margin-bottom: 15px; width: 235px; text-align: left; margin-left: auto; margin-right: auto; padding-left: 15px; line-height: 20px;}
.page-node-type-zimmer a.btn-buchen:hover { background-color: #7ac0f0; color: #fff; text-decoration: none; }

.page-node-type-zimmer a.btn-anfragen { display: block; background: url("/sites/default/files/icon-single-arrow-right-w.svg") no-repeat center right 10px;
    background-size: 13px; color: #fff; text-transform: uppercase; font-size: 1.2rem; background-color: #F2B53B; border: 0; cursor: pointer; height: 40px; 
    margin-bottom: 15px; width: 235px; text-align: left; margin-left: auto; margin-right: auto; padding-left: 15px; line-height: 20px; }
.page-node-type-zimmer a.btn-anfragen:hover { background-color: #eebc58; color: #fff; text-decoration: none; }




.view-preisuebersicht .popup .row.vbp_color_05 {
    padding: 20px;
}
.room-desc { font-size: 1.2rem; }

#vbp-1504 .field--name-bp-text,
#vbp-1509 .field--name-bp-text { padding-top: 0; } 
#vbp-1501 .paragraph--type--bp-columns,
#vbp-1538 .paragraph--type--bp-columns,
#vbp-1532 .paragraph--type--bp-columns,
#vbp-1535 .paragraph--type--bp-columns { margin-bottom: 0; }


html[lang="en"] div#vbp-2325 { display: none; }
html[lang="de"] div#vbp-1809 { display: none; }


@media (max-width: 768px) { 
  #vbp-1380 { margin-top: 0; }
  /* Pfeil orange Ferienwohnungen */
  #vbp-1547 { 
      position: absolute;
      margin: -23% 0 0 63%;
      width: 50px;
      display: none;
  }
  /* Pfeil rot Haus Regenbogen */
  #vbp-1548 { 
      position: absolute;
      margin: -42% 0 0 34%;
      width: 50px;
  }
  /* Pfeil blau Haus Sternenhimmel */
  #vbp-1549 { 
      position: absolute;
      margin: -60% 0 0 65%;
      width: 50px;
  }
  /* Pfeil gelb Haus Mondschein */
  #vbp-1550 { 
      position: absolute;
      margin: -75% 0 0 80%;
      width: 50px;
  }
  /* Pfeil grün Haus Sternschnuppe */
  #vbp-1551 { 
      position: absolute;
      margin: -87% 0 0 29%;
      width: 50px;
  }
  /* zur Preisliste */
  #vbp-1546 {
      position: absolute;
      margin: -11% 0 0 9%;
      width: 130px;
  }
  #vbp-1809 {
      position: absolute;
      margin: 10px 0 0 16%;
      width: 110px;
  }
  #vbp-2325 {
      position: absolute;
      margin: 10px 0 0 49%;
      width: 110px;
  }
  div#vbp-1379 {
    margin-top: 110px;
  }
}
@media (min-width: 769px) and (max-width: 990px) {
   /* Pfeil orange Ferienwohnungen */
  #vbp-1547 { 
      position: absolute;
      margin: -23% 0 0 63%;
      width: 60px;
      display: none;
  }
  /* Pfeil rot Haus Regenbogen */
  #vbp-1548 { 
      position: absolute;
      margin: -42% 0 0 34%;
      width: 60px;
  }
  /* Pfeil blau Haus Sternenhimmel */
  #vbp-1549 { 
      position: absolute;
      margin: -60% 0 0 65%;
      width: 60px;
  }
  /* Pfeil gelb Haus Mondschein */
  #vbp-1550 { 
      position: absolute;
      margin: -75% 0 0 85%;
      width: 60px;
  }
  /* Pfeil grün Haus Sternschnuppe */
  #vbp-1551 { 
      position: absolute;
      margin: -87% 0 0 29%;
      width: 60px;
  }
  /* zur Preisliste */
  #vbp-1546 {
      position: absolute;
      margin: -11% 0 0 9%;
      width: 130px;
  }
  #vbp-1809 {
      position: absolute;
      margin: -10px 0 0 25%;
      width: 130px;
  }
  #vbp-2325 {
      position: absolute;
      margin: -10px 0 0 50%;
      width: 130px;
  }
  div#vbp-1379 {
    margin-top: 110px;
  }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  /* Pfeil orange Ferienwohnungen */
  #vbp-1547 { 
      position: absolute;
      margin: -146px 0 0 410px;
      width: 50px;
      display: none;
  }
  /* Pfeil rot Haus Regenbogen */
  #vbp-1548 { 
      position: absolute;
      margin: -41% 0 0 33%;
      width: 50px;
  }
  /* Pfeil blau Haus Sternenhimmel */
  #vbp-1549 { 
      position: absolute;
      margin: -61% 0 0 65%;
      width: 50px;
  }
  /* Pfeil gelb Haus Mondschein */
  #vbp-1550 { 
      position: absolute;
      margin: -74% 0 0 85%;
      width: 50px;
  }
  /* Pfeil grün Haus Sternschnuppe */
  #vbp-1551 { 
      position: absolute;
      margin: -86% 0 0 30%;
      width: 50px;
  }
  /* zur Preisliste */
  #vbp-1546 {
      position: absolute;
      margin: -60px 0 0 60px;
      width: 150px;
  }
  #vbp-1809 {
      position: absolute;
      margin: -10px 0 0 25%;
      width: 130px;
  }
  #vbp-2325 {
      position: absolute;
      margin: -10px 0 0 50%;
      width: 130px;
  }
  div#vbp-1379 {
    margin-top: 110px;
  }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  /* Pfeil orange Ferienwohnungen */
  #vbp-1547 { 
      position: absolute;
      margin: -146px 0 0 410px;
      width: 50px;
      display: none;
  }
  /* Pfeil rot Haus Regenbogen */
  #vbp-1548 { 
      position: absolute;
      margin: -41% 0 0 33%;
      width: 50px;
  }
  /* Pfeil blau Haus Sternenhimmel */
  #vbp-1549 { 
      position: absolute;
      margin: -61% 0 0 65%;
      width: 50px;
  }
  /* Pfeil gelb Haus Mondschein */
  #vbp-1550 { 
      position: absolute;
      margin: -74% 0 0 85%;
      width: 50px;
  }
  /* Pfeil grün Haus Sternschnuppe */
  #vbp-1551 { 
      position: absolute;
      margin: -86% 0 0 30%;
      width: 50px;
  }
  /* zur Preisliste */
  #vbp-1546 {
      position: absolute;
      margin: -60px 0 0 60px;
      width: 150px;
  }
  #vbp-1809 {
      position: absolute;
      margin: -10px 0 0 25%;
      width: 130px;
  }
  #vbp-2325 {
      position: absolute;
      margin: -10px 0 0 50%;
      width: 130px;
  }
  div#vbp-1276 {
      margin-top: 20px;
  }
  div#vbp-1379 {
    margin-top: 110px;
  }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  /* Pfeil orange Ferienwohnungen */
  #vbp-1547 { 
      position: absolute;
      margin: -166px 0 0 500px;
      width: 50px;
      display: none;
  }
  /* Pfeil rot Haus Regenbogen */
  #vbp-1548 { 
      position: absolute;
      margin: -40% 0 0 34%;
      width: 50px;
  }
  /* Pfeil blau Haus Sternenhimmel */
  #vbp-1549 { 
      position: absolute;
      margin: -58% 0 0 66%;
      width: 50px;
  }
  /* Pfeil gelb Haus Mondschein */
  #vbp-1550 { 
      position: absolute;
      margin: -74% 0 0 86%;
      width: 50px;
  }
  /* Pfeil grün Haus Sternschnuppe */
  #vbp-1551 { 
      position: absolute;
      margin: -85% 0 0 30%;
      width: 50px;
  }
  /* zur Preisliste */
  #vbp-1546 {
      position: absolute;
      margin: -7% 0 0 59%;
      width: 150px;
  }
  #vbp-1809 {
      position: absolute;
      margin: -20px 0 0 26%;
      width: 150px;
  }
  #vbp-2325 {
      position: absolute;
      margin: -20px 0 0 50%;
      width: 150px;
  }
  div#vbp-1379 {
    margin-top: 110px;
  }
}
@media (min-width: 1660px) { 
  /* Pfeil orange Ferienwohnungen */
  #vbp-1547 { 
      position: absolute;
      margin: -250px 0 0 680px;
      width: 80px;
      display: none;
  }
  /* Pfeil rot Haus Regenbogen */
  #vbp-1548 { 
      position: absolute;
      margin: -40% 0 0 34%;
      width: 80px;
  }
  /* Pfeil blau Haus Sternenhimmel */
  #vbp-1549 { 
      position: absolute;
      margin: -60% 0 0 66%;
      width: 80px;
  }
  /* Pfeil gelb Haus Mondschein */
  #vbp-1550 { 
      position: absolute;
      margin: -75% 0 0 86%;
      width: 80px;
  }
  /* Pfeil grün Haus Sternschnuppe */
  #vbp-1551 { 
      position: absolute;
      margin: -85% 0 0 31%;
      width: 80px;
  }
  /* zur Preisliste */
  #vbp-1546 {
      position: absolute;
      margin: -24% 0 0 79%;
      width: 150px;
  }
  #vbp-1809 {
      position: absolute;
      margin: -10px 0 0 32%;
      width: 150px;
  }
  #vbp-2325 {
      position: absolute;
      margin: -10px 0 0 50%;
      width: 150px;
  }
  div#vbp-1379 {
    margin-top: 110px;
  }
  div#vbp-1276 {
      margin-top: -40px;
  }
}

div#vbp-1276 .field--name-bp-text {
    padding-bottom: 10px;
    padding-top: 0;
}


/* Künstliche Trennung */
.trennung-sm { display: none; }
@media (min-width: 990px) and (max-width: 1199px) { 
  .trennung-sm { display: inline-block; }
}

/* Auszeichnungen / Siegel */
.img-siegel .field--name-field-media-image { height: 180px;  }
@media (max-width: 990px) { 
	.img-siegel .field--name-field-media-image { height: inherit; width: 40%; margin-left: auto; margin-right: auto; }
}

/* Partner / Logi */

  .img-partner .field--name-field-media-image img { height: 140px; width: auto;  }
  #vbp-1745 { padding-top: 40px !important; height: 140px !important;  }
@media (max-width: 990px) { 
  #vbp-1745 { padding-top: inherit !important; height: inherit !important;  }
  #vbp-1748 .col-lg-6:first-child { margin-bottom: 1.2rem !important; }
  .img-partner .field--name-field-media-image { height: inherit;  }
  .img-partner .field--name-bp-image-field picture img {  width: auto;  } }

/* Last-Minute - Integration */
#vbp-1005.paragraph--type--bp-columns { margin-bottom: 3px !important; }

/* Corona Seite */

#vbp-accordion-1620 { border-radius: 0; }
#vbp-accordion-1620 .panel-title { background-image: url('../../images/icons/icon-arrow-down-violett.svg'); background-position: right center; background-size: 1.5%; background-repeat: no-repeat; }
#vbp-accordion-1620 .panel-title a { color: #692945; text-decoration: none; width: 100%; display: inline-block;}
#vbp-accordion-1620 .panel-title a:hover, #vbp-accordion-1620 .panel-title a:focus, #vbp-accordion-1620 .panel-title a:active { color: #692945; text-decoration: none; }
#vbp-accordion-1620 .card-header { border-bottom: 0; border-top: 1px solid rgba(0, 0, 0, 0.125); }
#heading-vbp-accordion-1620-1 { background: url('../../images/icons/icon-hyg-sicherheit-c.png') no-repeat left 10px center; background-size: 55px; color: #646363; }
#heading-vbp-accordion-1620-3 { background: url('../../images/icons/icon-max-flex-c.png') no-repeat left 10px center; background-size: 55px; color: #CC8F16; }
#heading-vbp-accordion-1620-2 { background: url('../../images/icons/icon-all-in-c.png') no-repeat left 10px center; background-size: 55px; }
#heading-vbp-accordion-1620-4 { background: url('../../images/icons/icon-faq-c.png') no-repeat left 10px center; background-size: 55px; color: #559050; text-decoration: none; }

.panel-heading { line-height: 55px; font-size: 130%; padding-left: 80px; }
@media (max-width: 990px) { 
  .panel-heading { line-height: 35px; font-size: 130%; padding-left: 80px; }
}

.field.field--name-bp-accordion-section-title.field--type-string.field--label-hidden.field__item.quickedit-field {
    display: none;
}
.field.field--name-bp-accordion-section-title.field--type-string.field--label-hidden.field__item {
    display: none;
}

/* Anwendungen Übersichts Seite */

.page-node-227 .paragraph--type--bp-accordion { border-radius: 0; }
.page-node-227 .panel-heading { line-height: 35px; font-size: 130%; padding-left: 30px; }
.page-node-227 .panel-title { background-image: url('../../images/icons/icon-arrow-down-violett.svg'); background-position: right center; background-size: 1.5%; background-repeat: no-repeat; }
.page-node-227 .panel-title a { color: #692945; text-decoration: none; width: 100%; display: inline-block;}
.page-node-227 .panel-title a:hover, .page-node-227 .panel-title a:focus, .page-node-227 .panel-title a:active { color: #692945; text-decoration: none; }
.page-node-227 .card-header { border-bottom: 0; border-top: 1px solid rgba(0, 0, 0, 0.125); }
.page-node-227 .card { border-radius: 0; }

/* Preise Übersichts Seite */#



.page-node-229 .paragraph--type--bp-accordion { border-radius: 0; }
.page-node-229 .panel-heading { line-height: 35px; font-size: 130%; padding-left: 30px; }
.page-node-229 .panel-title { background-image: url('../../images/icons/icon-arrow-down-violett.svg'); background-position: right center; background-size: 1.5%; background-repeat: no-repeat; }
.page-node-229 .panel-title a { color: #692945; text-decoration: none; width: 100%; display: inline-block;}
.page-node-229 .panel-title a:hover, .page-node-229 .panel-title a:focus, .page-node-229 .panel-title a:active { color: #692945; text-decoration: none; }
.page-node-229 .card-header { border-bottom: 0; border-top: 1px solid rgba(0, 0, 0, 0.125); }
.page-node-229 .card { border-radius: 0; }


@media (max-width: 495px)  { 
  .page-node-229 .panel-heading { line-height: 25px; font-size: 120%; padding-left: 30px; padding-right: 15px; }
  .page-node-227 .panel-title a { width: 90%; }
  .page-node-229 .panel-title { background-image: url('../../images/icons/icon-arrow-down-violett.svg'); background-position: right center; background-size: 3.5%; background-repeat: no-repeat; }
} 
@media (min-width: 496px) and (max-width: 989px)  {
    .page-node-229 .panel-heading { line-height: 25px; font-size: 120%; padding-left: 30px; padding-right: 15px; }
    .page-node-227 .panel-title a { width: 90%; }
  .page-node-229 .panel-title { background-image: url('../../images/icons/icon-arrow-down-violett.svg'); background-position: right center; background-size: 3.5%; background-repeat: no-repeat; }
}


/* Ausgleich Höhe Kosmetikseiten */
div#vbp-434 .row { overflow: hidden; }
div#vbp-433 {
    background-color: #fff;
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}

/* Ausgleich Abstand XL-Wochenenden */
#vbp-749 { margin-bottom: 0; }

/* Badge NEU */

[badge]:after {
    background: #954D6C;
    border-radius: 0px;
    color: #fff;
    content: attr(badge);
    font-size: 18px;
    margin-top: 0px;
    min-width: 20px;
    padding: 2px 10px;
    position: absolute;
    text-align: center;
    margin-left: 8px;
    font-weight: 600;
}

[badge^="-"]:after,
[badge="0"]:after,
[badge=""]:after {
   display: none;
}

/* Cookiebot Override */

#CybotCookiebotDialogBodyButtonAccept {
    color: #fff !important;
}
#CybotCookiebotDialogBodyButtonDecline {
    color: #888 !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active {
    border-width: 1px !important;
}
#CybotCookiebotDialogPoweredbyImage {
    max-height: 3.125em !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize .CybotCookiebotDialogArrow {
    display: none !important;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border: 0 !important;
}
#CybotCookiebotDialogPoweredbyCybot {
    display: none !important;
}
#CybotCookiebotDialog h2 {
    font-style: normal !important;
    font-size: 1.0em !important;
}
#CybotCookiebotDialogPoweredbyCybot, #CybotCookiebotDialogPoweredbyLink {
    width: 100% !important;
}
#CybotCookiebotDialogPoweredbyImage {
    margin-left: auto !important;
    margin-right: auto !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
    justify-content: center !important;
}

@media (max-width: 768px) { 
  #CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay * {
  font-size: 12px !important;
  }
}

/* Image Fixes */
@media (min-width: 1660px) { 
  #vbp-300 img.img-fluid { width: 100%; }
}

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 95%;
    max-height : 95%;
    margin: 0;
}



/* Responsive Preistabellen */

@media only screen and (max-width: 760px) {

  .fancybox-slide--iframe .fancybox-content {
    max-width  : 100%;
    max-height : 100%;
}
.fancybox-slide { padding: 44px 0 0 0 !important; }

  /* Force table to not be like tables anymore */
  table.table-prices-drei, .table-prices-drei thead, .table-prices-drei tbody, .table-prices-drei th, .table-prices-drei td, .table-prices-drei tr { 
    display: block; 
  }
  
  /* Hide table headers (but not display: none;, for accessibility) */
  .table-prices-drei thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  .table-prices-drei tr { border-bottom: 1px solid #ccc; padding-top: 30px; padding-bottom: 20px; }
  
  .table-prices-drei td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 0px solid #eee; 
    position: relative;
    padding-left: 50%; 
  }

  .table.table-prices-drei tr td:nth-child(3) { text-align: left !important; }
  .table.table-prices-drei tr td:nth-child(3) p { text-align: left !important; }
 
  .table-prices-drei td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
  }

}


html[lang="en"] div.up_button button#up_jb, html[lang="en"] div.sp_up_button button#up_jb {
  height: 25px;
  width: 121px;
  border: 0;
}

/* Gewinnspiel */


@media (max-width: 480px) { 
  #vbp-2467 .col-lg-4:first-child, #vbp-2467 .col-lg-4:nth-child(2) { margin-bottom: 1.4rem !important; }
  #vbp-2542 .col-lg-4:first-child, #vbp-2542 .col-lg-4:nth-child(2) { margin-bottom: 1.4rem !important; }
  #vbp-2554 .col-lg-4:first-child, #vbp-2554 .col-lg-4:nth-child(2) { margin-bottom: 1.4rem !important; }
  #vbp-2558 .col-lg-4:first-child, #vbp-2558 .col-lg-4:nth-child(2) { margin-bottom: 1.4rem !important; }

  #vbp-2625 .field__item {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  #vbp-2622 h3 { font-size: 2.9rem !important; }
}
@media (min-width: 481px) and (max-width: 989px) { 
  #vbp-2467 .col-lg-4:first-child, #vbp-2467 .col-lg-4:nth-child(2) { margin-bottom: 1.4rem !important; }
  #vbp-2542 .col-lg-4:first-child, #vbp-2542 .col-lg-4:nth-child(2) { margin-bottom: 1.4rem !important; }
  #vbp-2554 .col-lg-4:first-child, #vbp-2554 .col-lg-4:nth-child(2) { margin-bottom: 1.4rem !important; }
  #vbp-2558 .col-lg-4:first-child, #vbp-2558 .col-lg-4:nth-child(2) { margin-bottom: 1.4rem !important; }
  #vbp-2625 .field__item {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  #vbp-2622 h3 { font-size: 2.9rem !important; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
  #vbp-2460, #vbp-2490, #vbp-2497 { min-height: 380px; }
  #vbp-2522, #vbp-2529, #vbp-2536, #vbp-2529 { min-height: 360px; }
  .page-node-231 .carousel-inner .one-third-img-auto-height img {
      height: 200px;
      object-fit: cover;
    }
    /*
  #vbp-2566  img {
      height: 600px;
      object-fit: cover;
    } */
}
@media (min-width: 1200px) and (max-width: 1659px) { 
  #vbp-2460, #vbp-2490, #vbp-2497 { min-height: 380px; }
  #vbp-2522, #vbp-2529, #vbp-2536, #vbp-2529 { min-height: 360px; }
  .page-node-231 .carousel-inner .one-third-img-auto-height img {
      height: 200px;
      object-fit: cover;
    }
    /*
    #vbp-2566  img {
      height: 600px;
      object-fit: cover;
    } */
}
@media (min-width: 1200px) and (max-width: 1659px) { 
    #vbp-2460, #vbp-2490, #vbp-2497 { min-height: 300px; }
    #vbp-2522, #vbp-2529, #vbp-2536, #vbp-2529 { min-height: 300px; }
    .page-node-231 .carousel-inner .one-third-img-auto-height img {
      height: 250px;
      object-fit: cover;
    }
    /* #vbp-2566  img {
      height: 480px;
      object-fit: cover;
    }
    */
}
@media (min-width: 1660px) { 
    #vbp-2460, #vbp-2490, #vbp-2497 { min-height: 260px; }
    #vbp-2522, #vbp-2529, #vbp-2536, #vbp-2529 { min-height: 260px; }
    /* #vbp-2566  img, #vbp-2544 img {
      height: 370px;
      object-fit: cover;
    }
    */
}

/* Neues Familotel Branding Subfooter */




@media (max-width: 989px) { 

  .page-node-10 .footer-wrapper {
    background-size: 1680px;
    background-position: bottom 80px center;
  }

    .familotel-branding img {
        width: 222px;
        height: 98px;
    }
    .familotel-branding {
      position: absolute;
      margin-top: -770px;
      right: 0;
    }
}
@media (min-width: 900px) and (max-width: 1199px) { 
    .familotel-branding img {
        height: 98px;
    }
    .familotel-branding {
        position: absolute;
        margin-top: -110px;
        right: 0;
    }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
    .familotel-branding img {
        height: 98px;
    }
    .familotel-branding {
        position: absolute;
        margin-top: -60px;
        right: 0;
    }
}
@media (min-width: 1660px) { 
    .familotel-branding img {
        height: 98px;
    }
    .familotel-branding {
        position: absolute;
        margin-top: -425px;
        right: 0;
    }
}


.webform-submission-gewinnspiel-form { padding: 30px 15px; }
.webform-submission-gewinnspiel-form legend {  }
.webform-submission-gewinnspiel-form .fieldset-legend { font-size: 1.1rem; }
.webform-submission-gewinnspiel-form .smaller h3 {
    font-family: 'Amatic SC',regular;
    font-size: 2.3rem;
}
.webform-submission-gewinnspiel-form .radio label {
    margin-right: 1rem;
}
.webform-submission-gewinnspiel-form .fieldset-legend {
    font-size: 0.85rem;
}

.alert-info { background-color: #904569; border-radius: 0; border: 0; color: #DAAB3F; }
.alert-info a { color: #fff !important; }

html body .vsc-metabar-select-text, html body .vsc-metabar-button-text {
    color: #414c4e !important;
}

/* H1/H2 Headlines */

/* .page-node-65 */ /* body:not(.path-frontpage) h2 {
    font-family: 'Amatic SC',regular;
    color: #DAAB3F;
    font-size: 4rem;
    text-align: center;
    font-style: inherit;
} */
/* .page-node-65 */ /* body:not(.path-frontpage) h1 {
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: italic;
    font-size: 2rem;
    color: #7F7F7F;
    text-align: center;
}*/
/*
.page-node-65 .js-quickedit-page-title.page-title.title > span {
    border-bottom: 1px solid;
    border-color: #DAAB3F;
    padding: 23px;
    display: inline-block;
} 

.page-node-65 */ /*
body:not(.path-frontpage) .js-quickedit-page-title.page-title.title > span::after {
  content: "";
  position: absolute;
  border-top: 1px solid #DAAB3F;
  left: 30%;
  bottom: 3px;
  width: 40%;
  height: 0px;
}
*/



#vbp-2268 .btn-violett-white {
  line-height: 20px;
}

#vbp-2268 .btn-violett-white img {
    margin-top: -3px;
    margin-right: 10px;
}

.btn-violett-white span {
    margin-left: 60px;
    font-family: 'Open Sans',sans-serif;
    font-weight: normal;
    font-size: 18px;
}
#backtotop {
    bottom: 145px;
    z-index: 55480;
}
#vri-container-1004 .vri-page, #vri-overlay .vri-container-1004 .vri-page {
    /* max-width: 1540px !important; */
    margin-left: auto;
    margin-right: auto;
}

#vri-container-1918 .vri-request-item h2, #vri-overlay .vri-container-1918 .vri-request-item h2 {
    text-align: left !important;
    font-size: 210% !important;
}
#vri-container-1918 .vri-page, #vri-overlay .vri-container-1918 .vri-page {
    margin-left: auto !important;
    margin-right: auto !important;
}
#vri-container-1918 .vri-request-item, #vri-overlay .vri-container-1918 .vri-request-item {
    background: #fff !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #ccc !important;
    padding-bottom: 40px !important;
}
#vri-container-1918 .vri-button::before, #vri-overlay .vri-container-1918 .vri-button::before,
#vri-container-1918 .vri-button-next::before, #vri-overlay .vri-container-1918 .vri-button-next::before {
  content: '' !important;
}


/* Patch */

/* Sticky Header -> Fixed Header */
/*
.sticky-top {
    position: fixed;
    width: 100%;
  }
*/
/* Buttons Apple Google bündig https://www.sonnenpark.de/de/betreuung-fuer-kinder */
#vbp-2134 .btn.btn-pdf,
#vbp-2305 .btn.btn-pdf,
#vbp-2310 .btn.btn-pdf {
  width: 220px;
}

/* Einrückung bei Aufzählung nach Tipps für Ihre Buchung:  https://www.sonnenpark.de/de/zimmer-preisinfo-fuer-ihren-all-inclusive-familienurlaub */
#vbp-2965 ol {
  padding-left: 20px;
  padding-top: 10px;
}

/* Hero Slider */
.region-hero-slider { padding-top: 85px; }

@media (max-width: 768px) {
     .page-node-6 .region-hero-slider {height: 450px; }
}
@media (min-width: 768px) and (max-width: 989px) { 
    .region-hero-slider {
      padding-top: 135px;
    }

    .hero_slider .b ~ .c {
       display: none;
    }

}

@media (min-width: 990px) and (max-width: 1199px) { 
     /* https://www.sonnenpark.de/de/familien-spar-wochen */
    #vbp-3008 .img-fluid {
      object-position: -60px !important;
    }
   /* .page-node-6 .region-hero-slider {
      padding-top: 265px;
    } */
    .region-hero-slider > :is(.block-revslider) {
      padding-top: 25px;
      height: 435px;
      width: 100%;
    }
    .region-hero-slider {
      padding-top: 115px;
    }
    .page-node-6 .region-hero-slider > :is(.block-revslider) {
      height: 420px;
    }
    body.page-node-6:not(.block-revslider) #block-onlinebooker {
      margin-top: -30px;
      z-index: 10;
      height: 120px;
    }


}


@media (min-width: 1200px) and (max-width: 1659px) { 
    .region-hero-slider { padding-top: 135px; }
}

@media (min-width: 1660px) { 
    .region-hero-slider { padding-top: 139px; }
    #vbp-3008 img.img-fluid, #vbp-3013 img.img-fluid, #vbp-3011  {
        height: 420px;
        object-fit: cover;
    }
    #vbp-3004 img.img-fluid {
        height: 530px;
        object-fit: cover;
    }
    /* https://www.sonnenpark.de/de/familien-spar-wochen */
    #vbp-3015 .img-fluid {
      object-fit: cover;
      height: 370px;
    }
     /* https://www.sonnenpark.de/de/betreuung-fuer-kinder */
    
}  

/* Patch Slider Revolution */

@media (max-width: 989px) { 
    .block-revslider {
      width: 100%;
      height: 36.5vw;
    }
}

@media (min-width: 990px) and (max-width: 1199px) { 
    .block-revslider {
      width: 100%;
      height: 50vw;
    }
}

@media (min-width: 1200px) and (max-width: 1659px) { 
    .block-revslider {
      width: 100%;
      height: 36.5vw;
    }
}

@media (min-width: 1660px) { 
    .block-revslider {
      width: 100%;
      height: 590px;
    }
}

#block-onlinebooker {
 margin-left: auto;
  margin-right: auto;
}

/* Pauschalen-Kalender */

.vrbc-embed-container {
    min-height: 1150px;
    position: relative;
    height: 0;
    overflow: hidden;
    max-width:100%;
    margin-top: 20px;
}
.vrbc-embed-container embed,
.vrbc-embed-container iframe,
.vrbc-embed-container object {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
}

@media screen and (max-width:768px) { 
    #block-pauschalenkalender .vrbc-embed-container { min-height:4225px; overflow: hidden; } 
    #block-kalendermitallensparangeboten2023 .vrbc-embed-container { min-height:520px; overflow: hidden; }
}

@media (min-width:769px) and (max-width: 989px) { 
    #block-pauschalenkalender .vrbc-embed-container { min-height:4225px; overflow: hidden; } 
    #block-kalendermitallensparangeboten2023 .vrbc-embed-container { min-height:520px; overflow: hidden; }
}

@media (min-width: 990px) and (max-width: 1199px) { 
    #block-pauschalenkalender .vrbc-embed-container { min-height:2180px; overflow: hidden; } 
}

@media (min-width: 1200px) and (max-width: 1659px) { 
    #block-pauschalenkalender .vrbc-embed-container { min-height:1505px; overflow: hidden; } 
}

@media (min-width: 1660px) { 
    #block-pauschalenkalender .vrbc-embed-container { min-height:1200px; overflow: hidden; } 
}

/* Fix Almseite */
@media (min-width: 1660px) { 
    #vbp-3087 .img-fluid {
      height: 342px;
    }
    #vbp-3194 .img-fluid {
      height: 289px;
      object-fit: cover;
      width: 100%;
    }
}

/* Film unten bündig */

@media (min-width: 990px) and (max-width: 1199px) { 
    #vbp-3035 .img-fluid, #vbp-2738 {
      object-fit: cover;
      height: 718px;
    }
    #vbp-567 .col-lg-4.p-0 {
      height: 396px;
    }
    #vbp-3034 .img-fluid {
        object-fit: cover;
        height: 396px;
    }
    #vbp-3756 .col-lg-4.p-0 {
      height: 364px;
    }
    #vbp-3755 .img-fluid {
        object-fit: cover;
        height: 364px;
    }
    #vbp-3759 .col-lg-4.p-0 {
      height: 380px;
    }
    #vbp-3758 .img-fluid {
        object-fit: cover;
        height: 380px;
    }
    html[lang="en"] #vbp-3035 .img-fluid, html[lang="en"] #vbp-2738 {
      height: 596px;
    }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
    #vbp-3035 .img-fluid, #vbp-2738 {
      object-fit: cover;
      height: 656px;
    }
    html[lang="en"] #vbp-3035 .img-fluid, html[lang="en"] #vbp-2738 {
      height: 514px;
    }
}

/* Bildergalerie Instagram Abschnitt */

#vbp-2986 h3 {
  font-weight: 600;
  border-top: 1px solid #954D6C;
  margin-top: 0px;
  padding-top: 40px;
}

/* Patch Revoslider Höhenproplem Familotel Banner Mobile */
@media screen and (max-width:480px) { 
    .page-node-6 #block-home .tp-static-layers img {
      height: 56px !important;
    }
}

/* Webform Bestäigung unter fixed Header patchen */
.path-webform.navbar-is-sticky-top .main-container {
  margin-top: 160px;
}

/* Patch Angebote Weihnachtsseite Abstände unten mobil */
@media screen and (max-width:989px) { 
    #vbp-3062 .col-lg-3 {
      margin-bottom: 20px;
    }
}

/* Kalender Weihnachten Abstand oben */
div#block-kalendermitallensparangeboten2023 h2,
div#block-pauschalenkalender h2 {
    margin-top: 30px;
}

/* Weihnachtssseite */
#vbp-2514 .text-formatted {
  padding-bottom: 10px;
}
#vbp-3164 .field--name-bp-text,
#vbp-3062 .field--name-bp-text{
  padding-bottom: 0;
}

/* Restaurantseite */

#vbp-3155 { margin-bottom: 0; }
#vbp-3155 .col-lg-4 { margin-bottom: 20px; }

#vbp-3087 .img-fluid,
#vbp-3091 .img-fluid {
  object-position: 0;
}

/* Cookie-Blocker */

.cookie-content-blocker__button {
    display: block;
    padding: 10px;
    cursor: pointer;
}
.js-cookie-content-blocker.cookie-content-blocker.button.cookie-content-blocker__button.js-cookie-content-blocker-consent-change-button {
  background-color: #904569;
  border: 0;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
    display: inline-block;
    text-decoration: none;
}
.cookie-content-blocker__message-wrapper {
  padding: 20px;
  border: 0;
  background: inherit;
}
.cookie-content-blocker__message {
  text-align: center;
}

/* Fix Slider Height and Title Size Mobile */
@media (max-width: 768px) { 

    .region-hero-slider > :is(.block-revslider) {
      padding-top: 25px;
      height: 270px;
      width: 100%;
    }
    body:not(.path-frontpage) h1 {
      font-size: 3rem;
      margin-left: 10px;
      margin-right: 10px;
    }
    body:not(.path-frontpage) h2 {
        font-size: 1.5rem;
        margin-left: 10px;
        margin-right: 10px;
    }
    h3.smaller {
      font-size: 1.4rem;
    }
    h3.smaller.gold {
      font-size: 1.4rem;
      /* hyphens: auto; */
    }
}

/* Fix Banner Gewinnspiel */
@media (max-width: 989px) { 
    #vbp-3731 h3 {
      line-height: 24px !important;
    }
    #vbp-3735 h3 span {
      font-size: 32px !important;
      line-height: 46px !important;
      display: inline;
    }
    #vbp-3731 .field--name-bp-text {
      padding-bottom: 0 !important;
      text-align: center;
    }
    #vbp-3734 .field--name-bp-text {
      padding-top: 10px;
    }
    #vbp-3733 span {
      font-size: 22px !important;
      line-height: 22px !important;
      display: block;
      float: right;
    }
    #vbp-3733 .field--name-bp-text {
      text-align: center !important;
    }
    #vbp-3733 table {
      display: inline;
    }
}
@media (min-width: 990px) and (max-width: 1199px) { 
    #vbp-3735 h3 span {
      font-size: 33px !important;
      line-height: 35px !important;
      display: block;
      margin-top: 7px;
    }
    #vbp-3733 span {
      font-size: 17px !important;
      line-height: 16px !important;
      display: block;
      float: right;
    }
    #vbp-3734 table tr td img {
      width: 42px;
      height: 42px;
    }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
    #vbp-3735 h3 span {
      font-size: 38px !important;
      line-height: 46px !important;
      display: block;
    }
    #vbp-3733 span {
      font-size: 23px !important;
      line-height: 27px !important;
      display: block;
    }
}

/* Fix überstehende Videos */
#vbp-3230 .field--name-bp-text,
#vbp-3227 .field--name-bp-text {
  padding-top: 10px;
  padding-bottom: 0px;
}

/* Fix Slick Down-Button */ 
.slick__arrow {
  display: none;
}

#block-familotelbranding2022-2 {
  position: absolute;
  z-index: 4;
  top: 120px;
  text-align: right;
}

/* Fix Pressemitteilung Titel */
.page-node-type-pressemitteilung section#content {
    margin-top: 115px;
}

/* Fix Zusatzleistungen */
@media (min-width: 1660px) { 
    #vbp-829 .img-fluid {
      height: 540px;
      width: 100%;
    }
}

/* Height-Fix schmale Spalten global */
@media (min-width: 1660px) { 
    .desktop-250h .img-fluid {
      height: 250px;
      object-fit: cover;
    }
    .desktop-300h .img-fluid {
      height: 300px;
      object-fit: cover;
    }
    .desktop-350h .img-fluid {
      height: 350px;
      object-fit: cover;
    }
    .desktop-400h .img-fluid {
      height: 400px;
      object-fit: cover;
    }
    .desktop-450h .img-fluid {
      height: 450px;
      object-fit: cover;
    }
}

/* Layout Fix verteilte Auflistungen */
@media (max-width: 989px) { 
    .pb-0-text .field--name-bp-text {
      padding-bottom: 0;
    }
    .pt-0-text .field--name-bp-text {
      padding-top: 0;
    }
}

/* Abenteuerseite Video */
@media (min-width: 990px) and (max-width: 1199px) { 
    #vbp-302 .col-lg-4.p-0 {
      height: 400px;
    }
    #vbp-300 .img-fluid {
        object-fit: cover;
        height: 400px;
    }
}

/* All-In Siegel Hotelseite */
html[lang="en"] #vbp-3320 .img-fluid {
  max-width: 70%;
}

/* Bugfix vioma alternatives Anreisedatum deaktiviert am 30.09.2024  */
/*
#vri-container-1004 .vri-page .vri-request-item-journey label.vri-switch-contents-plus-minus {
  display: none !important;
*/

/* Urberg Button Insta Bio */
.btn-urberg { 
  color: #e0ad00 !important; 
  font-family: 'Amatic SC', regular;
  font-size: 2.0rem; 
  font-weight: bold; 
  background: url('../../images/icons/ic_chevron_right_24px_curry.svg') no-repeat center right 30px transparent;
  display: block;
  line-height: 20px;
}
.btn-urberg:hover { text-decoration: none; }

/* H2/H3 Fix Themenseiten */
article.node--type-themen h2.smaller,
article.node--type-themen h2.themen {
  font-size: 2.3rem;
  text-align: inherit;
}
article.node--type-themen h3.smaller {
  font-size: 1.4rem;
  text-align: inherit;
}
article .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item:first-child {
  padding: 30px 20px;
}

/* Dont show Blog in EN */
html:lang(en) .d-not-en { display:none; }


/* Allgemeine Stile für alle Datumsfelder im UVA-Formular (Webform) */
input[name="anreise"],
input[name="anreise_2"] {
  position: relative;
  padding-right: 30px; /* Platz für das Icon schaffen */
  background-image: url('https://www.sonnenpark.de/themes/custom/sonnenpark_subtheme/images/icons/icon-anreise.svg');
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px 16px;
}

/* Abreise-Felder */
input[name="abreise"],
input[name="abreise_2"] {
  position: relative;
  padding-right: 30px; /* Platz für das Icon schaffen */
  background-image: url('https://www.sonnenpark.de/themes/custom/sonnenpark_subtheme/images/icons/icon-abreise.svg');
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px 16px;
}

/* Schulferien - Tabelle */
table.responsive-table {
  border: 1px solid #f0f0f0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.responsive-table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.responsive-table tr {
  background-color: #fff ;
  border: 1px solid #f0f0f0;
  padding: .35em;
}

table.responsive-table th,
table.responsive-table td {
  padding: .625em;
  text-align: center;
}

table.responsive-table th {
  font-size: 1em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 989px) {
  table.responsive-table {
    border: 0;
  }

  table.responsive-table caption {
    font-size: 1.3em;
  }
  
  table.responsive-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.responsive-table tr {
    border-bottom: 1px solid #f0f0f0;
    display: block;
    margin-bottom: .625em;
  }
  
  table.responsive-table td {
    border-bottom: 0px solid #f0f0f0;
    display: block;
    font-size: 1em;
    text-align: right;
  }
  
  table.responsive-table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.responsive-table td:last-child {
    border-bottom: 0;
  }
}

/* Bicolor Styling Buttons */

table.responsive-table .vri-button, table.responsive-table .vri-button.vri-icon-none, table.responsive-table .vri-button:hover, .vri-button.vri-icon-none:hover {
    padding-right: 34px;
    color: #ffffff;
    text-transform: uppercase;
    background: #F2B53B;
    border-color: #F2B53B;
}

table.responsive-table .vri-button.vri-button-secondary, a.vri-button.vri-button-secondary, table.responsive-table .vri-button.vri-button-secondary:hover, table.responsive-table a.vri-button.vri-button-secondary:hover {
    color: #ffffff;
    text-transform: uppercase;
    background: #58B5F5;
    border-color: #58B5F5;
}

table.responsive-table .vri-button.vri-right+.vri-button, table.responsive-table .vri-button.vri-right+.vri-button {
    margin: 0 10px 0 0;
}

table.responsive-table .vri-button {
    padding: 9px 35px 9px 15px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}
table.responsive-table .vri-right {
    float: right;
}
table.responsive-table .vri-button::after {
    background: url('https://www.sonnenpark.de/sites/default/files/icon-single-arrow-right-w.svg') no-repeat center;
    position: absolute;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    content: ' ';
    background-size: contain;
}

/* ########################################## */
/* ############# New Home only ############## */
/* ########################################## */

body.path-node { background-color: #fff; }

body.path-frontpage {
  font-family: 'Open Sans',sans-serif;
  color: #7F7F7F;
  font-size: 1rem;
}

body.path-node {
  font-family: 'Open Sans',sans-serif;
  color: #7F7F7F;
  font-size: 1rem;
}

h1 {
    font-family: 'Amatic SC',regular;
    font-weight: 300;
    font-style: normal;
    font-size: 5rem;
    color: #BB90A2;
    text-align: center;
}
@media (max-width: 989px) { 
    h1 { 
        max-width: 910px;
        margin-left: auto;
        margin-right: auto;
        font-size: 3rem;
        hyphens: auto;
        word-break: break-word;
        max-width: 490px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    html[lang="en"] h1 { 
        max-width: 710px;
    }
}
@media (min-width: 990px) and (max-width: 1199px) { 
    h1 {
        /* for new home only */
        max-width: 910px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    html[lang="en"] h1 { 
        max-width: 710px;
    }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
h1 {
        /* for new home only */
        max-width: 820px;
        margin-left: auto;
        margin-right: auto;
        font-size: 4.5rem;
        margin-top: 40px;
    }
    html[lang="en"] h1 { 
        max-width: 710px;
    }
}

@media (min-width: 1660px) { 
    h1 {
        /* for new home only */
        max-width: 910px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
    html[lang="en"] h1 { 
        max-width: 710px;
    }
}

body #block-subtitel h2 {
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: italic;
  font-size: 1.8rem;
  color: #7F7F7F;
  font-style: italic;
}
@media (max-width: 989px) { 
    body #block-subtitel h2 { 
        padding: 0 20px;
        font-size: 1.5rem;
        hyphens: auto;
        word-break: break-word;
    }
}
body .js-quickedit-page-title.page-title.title > span::after {
    content: "";
    position: absolute;
    border-top: 0px;
}
body h2 {
  font-family: 'Amatic SC',regular;
  font-weight: 300;
  font-style: italic;
  font-size: 3rem;
  color: #BB90A2;
  font-style: normal;
  text-transform: uppercase;
}
@media (max-width: 989px) { 
    body h2 { 
        font-size: 2.3rem;
        hyphens: auto;
        word-break: break-word;
    }
}
body h3 {
    font-family: 'Open Sans';
    font-size: 1.4rem;
    color: #BB90A2;
    font-weight: 600;
    text-transform: uppercase;
}
/* Farbdefinition */
body .Vdp_color_00 h3 {
  color: #BB90A2;
}

/* Buttons */
.btn.btn-border {
    font-weight: 600;
      padding: 7px 15px;
      border: 2px solid #BB90A2;
      font-size: 1.2rem;
      color: #BB90A2;
      text-transform: uppercase;
      line-height: 1.7rem;
}

/* Divider */
.divider-bottom {
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.divider-bottom::after {
  content: "";
  position: absolute;
  border-top: 1px solid #BB90A2;
  left: 30%;
  width: 40%;
  height: 0px;
  margin-top: 40px;
}
.divider-bottom-slider {
    padding-bottom: 0;
    margin-bottom: 60px;
}
.divider-bottom-slider::after {
  content: "";
  position: absolute;
  border-top: 1px solid #BB90A2;
  left: 30%;
  bottom: 3px;
  width: 40%;
  height: 0px;
}

/* Angebote Slider new Home */

.page-node-257 #vbp-4002 > .row > .col-12,
.page-node-257 #vbp-4002 > .row > .col-12  > .row > .col-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-node-257 #vbp-4003 > .row > .col-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-node-257 .slick__arrow .slick-down {
  display: none !important;
}
.page-node-257 .view-angebote-home .slick__slider { height: 170px; }
.page-node-257 .view-angebote-home .slick__slide {
  background-color: #F6F6F6;
  border-top: 0px;
  border-bottom: 0px;
  height: 140px;
  margin-left: 10px;
  margin-right: 10px;
}
.page-node-257 .view-angebote-home ul.slick-dots {
    display: none;
}
.page-node-257 .view-angebote-home .price-label-ag {
    margin-top: 20px;
}

/* Logged in Slider fix */
.page-node-257.user-logged-in .slick-track {
    max-width: inherit !important;
}

/* All-Inclusive Fix */

/* Siegel als Overlay */
div#vbp-4627 {
    position: absolute;
    z-index: 1;
}
@media (max-width: 768px) { 
    div#vbp-4627 {
      width: 110px;
      margin-top: 10px;
      margin-left: 10px;
    }
}
@media (min-width: 769px) and (max-width: 989px) { 
    div#vbp-4627 {
      width: 200px;
      margin-top: 40px;
      margin-left: 10px;
    }
}
@media (min-width: 990px) and (max-width: 1199px) { 
    div#vbp-4627 {
      width: 160px;
      margin-top: 10px;
      margin-left: 10px;
    }
}
@media (min-width: 1200px) and (max-width: 1659px) {
    div#vbp-4627 {
      width: 200px;
      margin-top: 40px;
      margin-left: 0;
    }
    .page-node-257 #vbp-3958 img {
      height: 600px;
      object-fit: cover;
    }
}
@media (min-width: 1660px) { 
    div#vbp-4627 {
      width: 300px;
      margin-top: 40px;
      margin-left: 0;
    }
}
/* Buttons All-Inclusive */
@media (max-width: 450px) { 
   .page-node-257 #vbp-3960 a.btn.btn-border {
        width: 70%;
        margin-right: 0 !important;
   }
} 
@media (min-width: 990px) and (max-width: 1199px) { 
    .page-node-257 #vbp-3960 a.btn.btn-border {
        width: 70%;
        margin-right: 0 !important;
   }
}

/* Content Slider */

.page-node-257 .slide-title {
    font-family: 'Open Sans';
    font-size: 1.2rem;
    color: #BB90A2;
    font-weight: 600;
    text-transform: uppercase;
}
.page-node-257 .view-angebote-home .views-field-title {
  font-size: 1.3rem;
  text-align: center;
  font-weight: 500;
  color: #7F7F7F;
}
.page-node-257 .view-angebote-home .views-field-body a {
  color: #7F7F7F;
}
.page-node-257 .slide-text {

}
.page-node-257 .btn-rahmen {
    background-color: #BB90A2;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 15px;
}
#slider-wellness-home-slider .slick-list {margin: 0 -10px;}
#slider-wellness-home-slider .slick-slide>div {padding: 0 10px;}
/* Sauna Bild */
#slider-wellness-home-slider .slick__slide.slide.slide--0.slick-slide img {
  object-fit: cover;
  object-position: left;
}
/* Kopfmassage */
#slider-wellness-home-slider .slick__slide.slide.slide--2.slick-slide img {
  object-fit: cover;
  object-position: left;
}
.page-node-257 #vbp-4023 .slick__slide.slide.slide--1.slick-slide img {
  object-fit: cover;
  object-position: left;
}
.page-node-257 #vbp-4023 #slider-wellness-home-slider .slick__slide.slide.slide--2.slick-slide img {
  object-fit: cover;
  object-position: right;
}
.page-node-257 #slider-wellness-home-slider .slick__slide.slide.slide--3.slick-slide img {
  object-fit: cover;
  object-position: right;
}
.page-node-257 .view-display-id-slider_block_altersgruppen #slider-wellness-home-slider .slick__slide.slide.slide--0.slick-slide img {
  object-fit: cover;
  object-position: center;
}
.page-node-257 .view-display-id-slider_block_altersgruppen #slider-wellness-home-slider .slick__slide.slide.slide--1.slick-slide img {
  object-fit: cover;
  object-position: center;
}


.page-node-257 .slick--view--slider .slick-list {
    margin: 0 -10px; /* Negativer Margin-Ausgleich für gleichmäßige Breite */
}

/* Allgemeines Styling für das Slide */
.page-node-257 .slick--view--slider .slide {
    position: relative;
    overflow: hidden;
    margin: 0 10px; /* Je 10px links und rechts für insgesamt 20px Abstand */
}

.page-node-257 .slick--view--slider .slide::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Letztes Drittel des Bildes */
    background: linear-gradient(to bottom, 
        rgba(255, 255, 255, 0) 0%,   /* Ganz transparent am Anfang */
        rgba(255, 255, 255, 0.75) 25%, /* 75% Weiß bei 50% der Höhe */
        rgba(255, 255, 255, 1) 100%   /* Vollständig Weiß am unteren Rand */
    );
    z-index: 1;
}

.page-node-257 .slick--view--slider .slide.slick-active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%; /* Letztes Drittel des Bildes */
    background: linear-gradient(to bottom, 
        rgba(255, 255, 255, 0) 0%,   /* Ganz transparent am Anfang */
        rgba(255, 255, 255, 0.75) 25%, /* 75% Weiß bei 50% der Höhe */
        rgba(255, 255, 255, 1) 100%   /* Vollständig Weiß am unteren Rand */
    );
    z-index: 1;
}
@media (max-width: 2560px) { 
    .page-node-257 .slick--view--slider .slide.slick-current::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40%; /* Letztes Drittel des Bildes */
        background: linear-gradient(to bottom, 
            rgba(255, 255, 255, 0) 0%,   /* Ganz transparent am Anfang */
            rgba(255, 255, 255, 0.75) 25%, /* 75% Weiß bei 50% der Höhe */
            rgba(255, 255, 255, 1) 100%   /* Vollständig Weiß am unteren Rand */
        );
        z-index: 1;
    }
}
.page-node-257 .slick--view--slider .slide img {
    width: 100%;
    height: auto;
    display: block;
}

/* Slick-Slider Arrows */

.page-node-257 .slick__arrow {
  bottom: auto;
  height: 2px;
  left: 0;
  margin-top: -1px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
  display: block;
}
.page-node-257 .slick-prev, .page-node-257 .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.page-node-257 .slick-arrow::before, .page-node-257 .slick-arrow::after {
  pointer-events: none;

}
.page-node-257 .slick-arrow::before {
  color: #fff;
  font-size: 36px;
}
.page-node-257 .slick-arrow:hover::before, .page-node-257 .slick-next:hover::before {
  color: #777;
}
.page-node-257 .slick-prev::before {
  content: '\e824';
}
.page-node-257 .slick-next::before {
  color: #fff;
  font-size: 36px;
}
.page-node-257 .slick-next::before {
  content: '\e825';
}
.page-node-257 .slick-prev::before, .page-node-257 .slick-next::before {
  font-family: 'revicons';
  font-size: 40px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* Inhalt über dem Bild */
.page-node-257 .slick--view--slider .slide-content {
    position: absolute;
    bottom: 20px; /* Abstand vom unteren Rand */
    left: 20px;
    right: 20px;
    color: #777777;
    /* text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); */
    z-index: 2;
}

.page-node-257 .slick--view--slider .slide-title {
    font-size: 1.4rem;
    margin: 0;
    font-weight: bold;
}
@media (max-width: 989px) { 
    .page-node-257 .slick--view--slider .slide-title {
        font-size: 1.2rem;

    }
}

.page-node-257 .slick--view--slider .slide-text {
    font-size: 1rem;
    margin: 0;
    line-height: 1.4;
    max-width: 100%;
}

/* Styling für den Button */
.page-node-257 .slick--view--slider .slide-button {
    display: inline-block;
    padding: 8px 16px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.page-node-257 .slick--view--slider .slide-button:hover {
    background-color: #fff;
    color: #000;
}



/* Grid Content Korrektur */

.gap-top-w { border-top: 20px solid #fff; }
.gap-bottom-w { border-bottom: 20px solid #fff; }

/* Wenig Text */
@media (min-width: 1660px) { 
    .page-node-257 .less-text .field--name-bp-text {
      padding-left: 140px;
      padding-right: 140px;
    }
}

/* Abstände Titel */
div#vbp-3964 h2,
div#vbp-3968 h2,
div#vbp-4024 h2,
div#vbp-4150 h2,
div#vbp-4105 h2,
div#vbp-4118 h2,
div#vbp-4144 h2,
div#vbp-4142 h2,
div#vbp-4097 h2,
div#vbp-4085 h2 {
    margin-bottom: 40px;
}
div#vbp-4085 {
    margin-bottom: 40px;
}

.h2-space h2 {
    margin-top: 20px;
    margin-bottom: 40px;
}

/* Bild-Teaser mit Text oben */

@media (max-width: 989px) { 
    .page-node-257 .bild-teaser > .row > .col-12 > div {
      min-height: 550px;
    }
    #vbp-4094 {
      margin-bottom: 20px;
      margin-top: 20px;
    }
}
@media (min-width: 990px) and (max-width: 1199px) { 
    .page-node-257 .bild-teaser > .row > .col-12 > div {
      min-height: 550px;
    }
}
@media (min-width: 1200px) and (max-width: 1659px) {
    .page-node-257 .bild-teaser > .row > .col-12 > div {
      min-height: 550px;
    }
}
@media (min-width: 1660px) { 
    .page-node-257 .bild-teaser > .row > .col-12 > div {
      min-height: 550px;
    }
}

/* Height-Fix schmale Spalten auf volle Breite setzten */
@media (min-width: 1660px) { 
    .desktop-250h .img-fluid {
      width: 100%;
    }
    .desktop-300h .img-fluid {
      width: 100%;
    }
    .desktop-350h .img-fluid {
      width: 100%;
    }
    .desktop-400h .img-fluid {
      width: 100%;
    }
    .desktop-450h .img-fluid {
      width: 100%;
    }
    .desktop-500h .img-fluid {
      width: 100%;
    }
    .desktop-550h .img-fluid {
      width: 100%;
    }
    .desktop-600h .img-fluid {
      width: 100%;
    }
    .desktop-650h .img-fluid {
      width: 100%;
    }
    .desktop-700h .img-fluid {
      width: 100%;
    }
    .desktop-750h .img-fluid {
      width: 100%;
    }
    .desktop-800h .img-fluid {
      width: 100%;
    }
    .desktop-850h .img-fluid {
      width: 100%;
    }
    .desktop-900h .img-fluid {
      width: 100%;
    }
    .desktop-950h .img-fluid {
      width: 100%;
    }
    .desktop-1000h .img-fluid {
      width: 100%;
    }
}

/* Height-Fix schmale Spalten auf volle Breite setzten */
@media (min-width: 1660px) { 
    .desktop-250h .field--name-bp-text {
      heigth: 250px;
    }
    .desktop-300h .field--name-bp-text {
      heigth: 300px;
    }
    .desktop-350h .field--name-bp-text {
      heigth: 350px;
    }
    .desktop-400h .field--name-bp-text {
      heigth: 400px;
    }
    .desktop-450h .field--name-bp-text {
      heigth: 450px;
    }
    .desktop-500h .field--name-bp-text {
      height: 500px;
    }
    .desktop-550h .field--name-bp-text, .desktop-550h .img-fluid {
      height: 550px;
      object-fit: cover;
    }
    .desktop-600h .field--name-bp-text, .desktop-600h .img-fluid {
      height: 600px;
      object-fit: cover;
    }
    .desktop-650h .field--name-bp-text {
      height: 650px;
    }
    .desktop-700h .field--name-bp-text {
      height: 700px;
    }
    .desktop-750h .field--name-bp-text {
      height: 750px;
    }
    .desktop-800h .field--name-bp-text {
      height: 800px;
    }
    .desktop-850h .field--name-bp-text {
      height: 850px;
    }
    .desktop-900h .field--name-bp-text {
      height: 900px;
    }
    .desktop-950h .field--name-bp-text {
      height: 950px;
    }
    .desktop-1000h .field--name-bp-text {
      height: 1000px;
    }
}

/* Teaser with content and Background Image */
@media (max-width: 989px) { 
    .page-node-257 #vbp-4119 {
      min-height: 610px;
    }
}
@media (min-width: 990px) and (max-width: 1199px) { 
    .page-node-257 #vbp-4119 {
      min-height: 870px;
    }
}
@media (min-width: 1200px) and (max-width: 1659px) {
    .page-node-257 #vbp-4119 {
      min-height: 870px;
    }
}
@media (min-width: 1660px) { 
    .page-node-257 #vbp-4119 {
      min-height: 870px;
    }
}

/* Kaminbild mit eingesetztem */
@media (max-width: 989px) { 
    .page-node-257 #vbp-4119 .field--name-bp-text {
      max-width: 300px;
      margin-left: auto;
      margin-right: auto;
    }
}
@media (min-width: 990px) and (max-width: 1199px) { 
    .page-node-257 #vbp-4119 .field--name-bp-text {
      width: 400px;
      margin-left: auto;
      margin-right: auto;
    }
}
@media (min-width: 1200px) and (max-width: 1659px) {
    .page-node-257 #vbp-4119 .field--name-bp-text {
      width: 450px;
      margin-left: auto;
      margin-right: auto;
    }
}
@media (min-width: 1660px) { 
    .page-node-257 #vbp-4119 .field--name-bp-text {
      width: 500px;
      margin-left: auto;
      margin-right: auto;
    }
}


/* Lila Container */
.page-node-257 .con-lila > .row > .col-12 > .row {
  background-color: #b985a0;
  margin-left: 0;
  margin-right: 0;
}
.page-node-257 .con-lila > .row > .col-12 > .row > .col-lg-4 { 
  padding-left: 0;
  padding-right: 0;
}
.page-node-257 .dotted-w .field--name-bp-text { border: 1px dashed #fff; #fff; margin: 20px 10px 0 10px !important; }

.page-node-257 #vbp-4153 .big-text-white-40 { text-transform: uppercase; }

@media (max-width: 992px) { 
    .page-node-257 #vbp-4157 > .row {
      margin-left: auto;
      margin-right: auto;
    }
    .page-node-257 #vbp-4151 img { width: 150px; max-width: 150px; }
    .page-node-257 #vbp-4153 .big-text-white-40 { font-size: 1.4rem; }
}
.page-node-257 h3.gold {
    font-family: 'Amatic SC', regular;
    font-size: 2.8rem;
    color: #F8D300 !important;
}
@media (max-width: 992px) { 
    .page-node-257 h3.gold {
        font-size: 2.3rem;
    }
}
@media (min-width: 1200px) { 
    html[lang="en"] .page-node-257 .dotted-w .field--name-bp-text {
        height: 340px;
    } 
}
@media (min-width: 990px) and (max-width: 1199px) { 
    .page-node-257 h3.gold {
        font-size: 2.3rem;
    }
    .page-node-257 .dotted-w .field--name-bp-text {
        height: 320px;
    }
    .page-node-257 p.big-text-white-40 {
      font-size: 1.4rem;
      line-height: 26px;
    }
    .page-node-257 #vbp-4151 img { width: 150px; max-width: 150px; }
    .page-node-257 #vbp-4155 .btn.btn-border.btn-gold { margin-top: 20px; }
    .page-node-257 #vbp-4151 { padding-top: 10px; }
}
.page-node-257 .btn.btn-border.btn-gold {
  border-color: #F8D300;
  color: #F8D300;
}

.page-node-257 .dotted-row {
  padding: 20px;
}
.page-node-257 .dotted-row > .container > .row > .col-12 {
  border: 1px dashed #fff;
  padding: 20px;
}
.page-node-257 h3.smaller.gold {
  color: #F8D300 !important;
  font-family: 'Amatic SC',regular;
  font-size: 2.3rem;
}
.page-node-257 h3.white { color: #FFFFFF !important; font-family: 'Amatic SC', regular; font-size: 2.8rem; }
@media (max-width: 992px) { .page-node-257 h3.white {  font-size: 2.3rem; } }

@media (max-width: 992px) {
  .page-node-257 #vbp-4135 .field--name-bp-image-field picture img {
    width: 60%;
  }
}

/* Badewelt / Außenpool Trennung */
@media (max-width: 992px) {
    #vbp-4100 {
      border-bottom: 20px solid #fff;
    }
}

/* Testimonials lila */
@media (max-width: 992px) {
    .page-node-257 #vbp-4126 .col-lg-6:first-child { margin-bottom: 20px!important; }
}

/* 4 Teaser unten lila */
@media (max-width: 992px) {
    .page-node-257 #vbp-4075 .col-lg-6:first-child,
    .page-node-257 #vbp-4019 .col-lg-6:first-child { margin-bottom: 20px!important; }
}

/* 6 graue Kästen unten */
@media (max-width: 992px) {
    .page-node-257 #vbp-4085 .col-lg-4:first-child,
    .page-node-257 #vbp-4092 .col-lg-4:first-child { margin-bottom: 20px!important; }
    .page-node-257 #vbp-4085 .col-lg-4:last-child,
    .page-node-257 #vbp-4092 .col-lg-4:last-child { margin-top: 20px!important; }
}

/* Siegel */

#vbp-4135 .container { background-color: #F2F2F2; }

/* Header */
header#navbar-main {
    opacity: 0.90;
}
#block-medianavigation .navbar-nav li:first-child {
    display: none;
}
body.user-logged-in.toolbar-tray-open.navbar.fixed-top, body.user-logged-in.toolbar-tray-open .navbar.sticky-top {
    top: 95px;
}
nav#block-medianavigation {
    margin-top: 5px;
}
.navbar-toggler { 
    border: 0px;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(204, 153, 51, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}
header a.btn.btn-primary  {
    background: #58B5F5;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    padding: 7px 50px;
}
header a.btn.btn-secondary {
    background-color: #F2B53B;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    padding: 7px 50px;
}
.page-node-257 a.btn.btn-pdf { text-transform: uppercase; }

.navbar-lang a, .language-switcher-language-url ul.links li a {
  line-height: 20px;
}
@media (max-width: 768px) {
  .page-node-257 .navbar-brand .img-fluid, .img-responsive {
    max-width: 140px;
  }
}
@media (min-width: 769px) and (max-width: 989px) { 

}
@media (min-width: 990px) and (max-width: 1199px) { 
    body.page-node-257 .navbar.sticky-top {
        top: 0;
        margin-left: 0 !important;
    }

}
@media (min-width: 990px) and (max-width: 1199px) { 
    .navbar-brand {
        margin-right: 0;
    }
    .page-node-257 header a.btn.btn-primary  {
        padding: 7px 20px;
    }
    .page-node-257 header a.btn.btn-secondary {
        padding: 7px 20px;
    }
}
@media (min-width: 1200px) and (max-width: 1659px) {
    .navbar-brand {
        margin-right: 0;
    }
}
@media (min-width: 1660px) { 
    .navbar-brand {
        margin-right: 0;
    }
}


/* Hero */
.page-node-257 .region-hero-slider {
    padding-top: 0;
}
.main-container.container.js-quickedit-main-content {
      margin-bottom: 50px;
}
@media (max-width: 768px) {
    .page-node-257 .region-hero-slider {
        padding-top: 0;
    }
    .page-node-257 .block-revslider {
        width: 100%;
        height: 25vh;
    }
    .page-node-257 .main-container.container.js-quickedit-main-content {
      margin-top: 140px;
      margin-bottom: 50px;
    }
    .page-node-257 .image-style-d06-traditional.img-fluid {
      min-height: 480px;
      object-fit: cover;
      object-position: center;
    }
    .page-node-257 .slick--view--slider .slide-text {
      font-size: 0.75rem;
      line-height: 1.35;
    }
    .page-node-257 .btn-rahmen {
      padding: 10px 10px;
      font-size: 14px;
    }
    .page-node-257 #slider-63-layer-1 {
      margin-top: -50px !important;
    }
    .page-node-257 #slider-63-layer-1 img {
      width: 150px !important;
      height: auto !important;
    }
}
@media (min-width: 769px) and (max-width: 989px) { 
    .page-node-257 .region-hero-slider {
        padding-top: 0;
    }
    .page-node-257 .block-revslider {
        width: 100%;
        height: 46.5vw;
    }
    .page-node-257 .main-container.container.js-quickedit-main-content {
      margin-top: 250px;
      margin-bottom: 50px;
    }
    .page-node-257 .image-style-d06-traditional.img-fluid {
      min-height: 480px;
      object-fit: cover;
      object-position: right;
    }
    .page-node-257 .slick--view--slider .slide-title {
      font-size: 1.6rem;
      margin: 0;
      font-weight: bold;
    }
    .page-node-257 .slick--view--slider .slide-text {
      font-size: 0.8rem;
      line-height: 1.4;
    }
    .page-node-257 .btn-rahmen {
      padding: 10px 10px;
      font-size: 14px;
    }
    .page-node-257 #slider-63-layer-1 {
      margin-top: -50px !important;
    }
    .page-node-257 #slider-63-layer-1 img {
      width: 180px !important;
      height: auto !important;
    }
}
@media (min-width: 990px) and (max-width: 1199px) {
     .page-node-257 .region-hero-slider > :is(.block-revslider) {
        height: inherit;
        height: inherit;
    }
    .page-node-257 #slider-63-layer-1 {
      margin-top: 45px !important;
    }
    .page-node-257 #slider-63-layer-1 img {
      width: 200px !important;
      height: auto !important;
    }
    .page-node-257 .slick--view--slider .slide-title {
      font-size: 1.6rem;
      margin: 0;
      font-weight: bold;
    }
    .page-node-257 .slick--view--slider .slide-text {
      font-size: 0.8rem;
      line-height: 1.4;
    }
}
@media (min-width: 1200px) and (max-width: 1659px) {
    .page-node-257 .block-revslider {
        width: 100%;
        height: inherit;
    }
    .page-node-257 #slider-63-layer-1 {
      margin-top: 45px !important;
    }
    .page-node-257 #slider-63-layer-1 img {
      width: 240px !important;
      height: auto !important;
    }
    .page-node-257 .slick--view--slider .slide-title {
      font-size: 1.6rem;
      margin: 0;
      font-weight: bold;
    }
    .page-node-257 .slick--view--slider .slide-text {
      font-size: 0.8rem;
      line-height: 1.4;
    }
}
@media (min-width: 1660px) {
    .page-node-257 .block-revslider {
        width: 100%;
        height: inherit;
    }
}

/* 3 Teaser unten */

/* Footer */
.footer-wrapper-new { 
    background-color: #90315f;
    background-image: url('https://www.sonnenpark.de/themes/custom/sonnenpark_subtheme/images/bg-footer-nh.svg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 2560px;
}
@media (max-width: 989px) {
    nav#block-footerlinks {
        margin-top: 40px;
    }
    #block-footerlinks ul {
        column-count: 2;
        column-rule: dotted 1px #333;
        list-style-type: none;
    }
    #block-footerlinks ul li {
        float: left;
        width: 50%;
    }
    .familotel-branding {
        margin-top: -48px;
    }
}
@media (min-width: 990px) and (max-width: 1199px) {
    nav#block-footerlinks {
        margin-top: 20px;
        margin-left: -15px;
    }
    nav#block-footerlinks ul li.nav-item {
        float: left;
        width: 50%;
    }
    nav#block-footerlinks ul li a.nav-link {
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        padding: 3px 10px;
    }
    .familotel-branding {
        margin-top: -60px;
    }
}
@media (min-width: 1200px) and (max-width: 1659px) {
    nav#block-footerlinks {
        margin-top: 20px;
        margin-left: -15px;
    }
    nav#block-footerlinks ul li.nav-item {
        float: left;
        width: 50%;
    }
    nav#block-footerlinks ul li a.nav-link {
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        padding: 5px 10px;
    }
}
@media (min-width: 1660px) {
    nav#block-footerlinks {
        margin-top: 85px;
        margin-left: -25px;
    }
    #block-footerlinks ul {
        column-count: 3;
        column-rule: dotted 1px #333;
        list-style-type: none;
    }
    #block-footerlinks ul li {
        float: left;
        width: 33%;
    }
    .familotel-branding {
        margin-top: -48px;
    }
}

@media only screen and (min-width: 992px) {
    #block-footerlinks .clearfix.nav {
        display: flex;
    }
}

#block-footerlinks ul li a.nav-link {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}


img#karte-sonnenpark-neu {
    height: auto;
}

#block-adressefooterneu {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
}

#block-adressefooterneu a {
    color: #fff;
    text-decoration: none;
}

#block-adressefooterneu span.footer-title {
    font-weight: 600;
    text-transform: uppercase;
}

#block-copyrightfooter {
    font-size: 16px;
    color: #fff;
}

.view-social-icons-footer-tax > .view-content > .views-row {
    display: inline-block;
}

.view-social-icons-footer-tax .views-row:first-child img {
    max-width: 69px;
    margin-left: -8px;
}

@media (max-width: 989px) {
    #block-footerlinks ul li a.nav-link {
        font-size: 16px;
    }
    #block-adressefooterneu {
        font-size: 20px;
    }
    #block-adressefooterneu {
        margin: 40px 0;
        text-align: center;
    }
    #block-views-block-social-icons-footer-tax-block-3 .view-content,
    .views-field-field-socialicon .view-content {
        text-align: center;
    }
    .views-field-field-socialicon {
        margin: 40px 10px;
    }
    .views-field-field-socialicon img {
        width: 36px !important;
    }
}
@media (min-width: 990px) and (max-width: 1199px) {
    #block-adressefooterneu {
        margin: 20px;
        margin-left: 5px;
    }
    #block-adressefooterneu {
        font-size: 13px;
    }
    .views-field-field-socialicon img {
        width: 40px !important;
    }
    .views-field.views-field-field-socialicon {
        margin-top: 20px;
    }
    .views-field-field-socialicon {
        margin: 0 20px 12px 0;
    }
}
@media (min-width: 1200px) and (max-width: 1659px) {
    #block-adressefooterneu {
        margin: 20px;
        margin-left: 10px;
    }
    #block-adressefooterneu {
        font-size: 16px;
    }
    .views-field-field-socialicon img {
        width: 50px !important;
    }
    .views-field.views-field-field-socialicon {
        margin-top: 20px;
    }
    .views-field-field-socialicon {
        margin: 0 25px 12px 0;
        margin-top: 0px;
    }
}
@media (min-width: 1660px) {
    #block-adressefooterneu {
        margin-top: 85px;
        margin-left: 25px;
    }
    .views-field-field-socialicon {
        margin: 0 20px 20px 0;
    }
    .view-social-icons-footer-tax {
        max-width: inherit !important;
        margin-left: inherit !important;
        margin-top: 63px;
    }
}


.views-field-field-partner-logo {
    margin: 20px 10px 0 0;
}
@media (max-width: 989px) {
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu {
        margin-bottom: 160px;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(1) img {
        max-width: 200px;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(2) img {
        margin-top: 7px;
        max-width: 182px;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(3) img {
        max-width: 190px;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(2),
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(3) {
        width: 50%;
        float: left;
    }
}

@media (min-width: 990px) and (max-width: 1199px) {
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu {
        margin-top: 55px;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(1) img {
        max-width: 200px;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(2) img {
        max-width: 130px;
        margin-top: 5px;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(2),
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(3) {
        width: 50%;
        float: left;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(3) img {
        max-width: 190px;
    }
}

@media (min-width: 1200px) and (max-width: 1659px) {
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu {
        margin-top: 85px;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(1) img {
        max-width: 200px;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(2) img {
        margin-top: 6px;
        max-width: 152px;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(2),
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(3) {
        width: 50%;
        float: left;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(3) img {
        max-width: 210px;
    }
}

@media (min-width: 1660px) {
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu {
        margin-top: 80px;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row {
        margin-bottom: 0;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(1) img {
        max-width: 250px;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(2) img {
        max-width: 190px;
        margin-top: 7px;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(2),
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(3) {
        width: 50%;
        float: left;
    }
    #block-views-block-partner-logos-footer-neu-block-partner-footer-neu .views-row:nth-child(3) img {
        max-width: 210px;
    }
}


div#block-copyrightfooter {
    margin-top: -45px;
}

/* Über uns Seite fix */
@media (min-width: 990px) and (max-width: 1199px) {
  #vbp-3394 .one-third-img-auto-height img {
    height: 300px;
    object-fit: cover;
  }
}

/* Fix Award Color */
.view-angebote-home .cls-1 {
  fill: #fff;
}

.view-angebote-home #Ebene_1 path.cls-1:nth-child(1),
.view-angebote-home #Ebene_1 path.cls-1:nth-child(2),
.view-angebote-home #Ebene_1 path.cls-1:nth-child(3),
.view-angebote-home #Ebene_1 path.cls-1:nth-child(4),
.view-angebote-home #Ebene_1 path.cls-1:nth-child(5),
.view-angebote-home #Ebene_1 path.cls-1:nth-child(6),
.view-angebote-home #Ebene_1 path.cls-1:nth-child(7),
.view-angebote-home #Ebene_1 path.cls-1:nth-child(8) {
  fill: #954d6b;
}

/* Fix H2 Kinderseite */
#vbp-4635 .field--name-bp-text,
#vbp-4706 .field--name-bp-text {
  padding-bottom: 0;
}

/* Fix Breite Kurzurlaub -> Vioma */
#vri-container-23797 .vri-page, #vri-overlay .vri-container-23797 .vri-page {
    max-width: 100% !important;
}

/* 3er Teaser unten */
.paragraph--type--bp-columns.arrow-teaser { padding: 0; background-color:#FFF; }

@media (max-width: 989px) { 
    .arrow-teaser h3 { font-size: 2.8rem; font-family: 'Amatic SC', regular; }
}
@media (min-width: 990px) and (max-width: 1199px) { 
    .arrow-teaser h3 { font-size: 2.4rem; font-family: 'Amatic SC', regular; }
}
@media (min-width: 1200px) and (max-width: 1659px) { 
    .arrow-teaser h3 { font-size: 2.4rem; font-family: 'Amatic SC', regular; }
}
@media (min-width: 1660px) {
    .arrow-teaser h3 { font-size: 4rem; font-family: 'Amatic SC', regular; }
}

/* Buttons violett färben */
a.btn.btn-pdf-violett, a.btn.btn-pdf-gold {
  font-weight: 600;
  padding: 7px 15px;
  border: 2px solid #BB90A2;
  font-size: 1.2rem;
  color: #BB90A2;
  text-transform: uppercase;
  line-height: 1.7rem;
}

/* Silbentrennung für span, p oder h2 - h4 */
.hyphen {
    hyphens: auto;
    word-break: break-word;
}

/* Fix Breite Kinder -> Vioma */
#vri-container-22637 .vri-page, #vri-overlay .vri-container-22637 .vri-page {
    max-width: 100% !important;
}
#vri-container-22637 h3, #vri-overlay .vri-container-22637 h3 {
  font-size: 1.4rem !important;
  font-weight: 500 !important;
}

/* Fix XS Overflow */
@media (max-width: 768px) { 
    .page-node-257 .main-container.container.js-quickedit-main-content {
        overflow-x: hidden;
    }
}

/* Fix Headlin ohne Slider */
.page-node-138 .main-container.container.js-quickedit-main-content {
    margin-top: 150px;
}
/* Fix HC Widget Background */
.hc-widget-content-box {
  background-color: #d7d7d7 !important;
}
/* Fix Mobile Padding */
@media (max-width: 989px) { 
    #vbp-4837 .field--name-bp-text {
      padding-bottom: 0;
    }
    #vbp-4840 .field--name-bp-text {
      padding-top: 0;
    }
}
/* Zitate Mobile Abstand */
@media (max-width: 989px) { 
    #vbp-4871 .col-lg-4 {
      margin-bottom: 20px;
    }
}

button#dAopener {
    margin-right: 20px;
    opacity: 0.90;
    width: 50px !important;
    height: 50px !important;
    filter: inherit;
}
@media (max-width: 989px) { 
    .da-opener-position-bottom {
        top: 80% !important;
    }
}
@media (min-width: 990px) { 
    .da-opener-position-bottom {
        top: 84% !important;
    }
}

/* Fix Ausstattung-Pop-Up */
.fancybox-content span.smaller {
  font-size: 1.2rem;
  text-transform: none;
}

/* Fix Video Kinderseite */
@media (min-width: 990px) and (max-width: 1199px) { 
    #vbp-3560 .img-fluid { height: 362px; }
}

/* Fix Höhe der Siegel Home */
.img-siegel img { max-height: 150px; }

/* Fix Last-Minute-Block Themenseiten */
#block-lastminuteaktuelltextblock .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field {
  padding-top: 0 !important;
}