/*!
 * Start Bootstrap - Agency v4.0.0-beta (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */

/* Form fix 15.05.2023 */
div#mc_embed_signup {
    background: transparent;
}

.mc-field-group input {
	background-color: transparent;
    border: none !important;
    border-bottom: 1px solid white !important;
    color: white;
}

#mc_embed_signup .mc-field-group input {
    text-indent: 0 !important; 
	border-radius: 0px !important;
}

div.mce_inline_error {
    display: none !important;
}

#mc_embed_signup .button {
    clear: both;
    /* background-color: #aaa; */
    /* border: 0 none; */
    border-radius: 0px !important;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    height: 45px !important;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: 100% !important;
    background-color: white !important;
    color: black !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

#mc_embed_signup form {
    margin: 0px !important;
}


#mc_embed_signup .mc-field-group {
    width: 100% !important;
}

#mc_embed_signup form #mc_embed_signup_scroll {
    display: grid !important; 
	gap: 20px;
    grid-template-rows: repeat(2, 1fr) !important;
    grid-template-columns: repeat(1, 1fr) repeat(2, 1fr) !important;
}

.inline-box {
    display: flex;
    grid-column: span 3 !important;
}

.mc-field-group.checkb {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 50px;
    justify-content: flex-start;
    align-items: center;
	gap:15px;
}

/* Tribe filter CAF Fix 20.03.2023 */
.tribe-common--breakpoint-medium .tribe-filter-bar--horizontal.tribe-filter-bar .tribe-filter-bar__filters-container {
    position: relative !important; 
}

.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__container {
    bottom: 0px;
    left: 0;
    position: relative !important;
    transform: unset !important; 
    width: 100% !important;
}
legend.tribe-filter-bar-c-filter__filters-legend.tribe-common-h6.tribe-common-h--alt.tribe-common-a11y-visual-hide {
    display: none !important;
}
button.tribe-filter-bar-c-filter__filters-close {
    display: none !important;
}
.tribe-filter-bar-c-filter__filter-fields input {
    display: none !important;
}
.tribe-events-event-image img {
    display: block;
    width: 100%;
    object-fit: contain;
    height: auto;
}
.single-tribe_events .tribe-events-single-event-title {
    color: black;
    z-index: 99;
    position: relative;
}

.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
    display: none;
}

.tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail img {
    width: 100%;
    object-fit: contain;
    height: 100%;
    bottom: 0;
    left: unset;
    position: absolute;
    right: 0;
    top: auto;
    transform: unset;
}

.mc-field-group.checkb input {
    max-width: 20px !important;
    display: inline;
}

.mc-field-group.checkb {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.single-tribe_events .tribe-events-single-event-title {
    /*margin-bottom: unset !important;*/
}

.tribe-events-single-event-description.tribe-events-content p {
	font-size: 18px;
    line-height: 1.6;
    color: black;
    font-weight: 100 !important;
    text-align: left;
}


.tribe-events-single ul.tribe-related-events li {
    border: 0px solid #eee;
}


h2.tribe-events-single-event-title {
    font-size: 37px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

@media (max-width: 767px) {
h1.tribe-events-single-event-title {
       text-align: center !important;
}
}

@media (max-width: 615px) {
	.header-event {
		display: flex;
		flex-direction: column;
	}
	.single-tribe_events .tribe-events-event-image {
    width: 100% !important;
	}
}

/* Tribe filter CAF Fix --- END ---*/


@font-face {
  font-family: Montserrat-n;
  src: url(/wp-content/themes/circus/fonts/Montserrat-Thin.ttf);
  font-weight: 100;
}
@font-face {
  font-family: Montserrat-n;
  src: url(/wp-content/themes/circus/fonts/Montserrat-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: Montserrat-n;
  src: url(/wp-content/themes/circus/fonts/Montserrat-Bold.ttf);
  font-weight: 700;
}

@font-face {
  font-family: Barlow-n;
  src: url(/wp-content/themes/circus/fonts/Barlow-Thin.ttf);
  font-weight: 100;
}
@font-face {
  font-family: Barlow-n;
  src: url(/wp-content/themes/circus/fonts/Barlow-ExtraLight.ttf);
  font-weight: 200;
}
@font-face {
  font-family: Barlow-n;
  src: url(/wp-content/themes/circus/fonts/Barlow-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: Barlow-n;
  src: url(/wp-content/themes/circus/fonts/Barlow-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: Barlow-n;
  src: url(/wp-content/themes/circus/fonts/Barlow-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: Barlow-n;
  src: url(/wp-content/themes/circus/fonts/Barlow-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: Barlow-n;
  src: url(/wp-content/themes/circus/fonts/Barlow-Black.ttf);
  font-weight: 900;
}


#wpadminbar{
  display: block;
}

.distributor-button {
	cursor: pointer;
}

html{
  margin-top: 0px!important;
}

body {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  color: black;
  height: 100%;
  font-family: 'Barlow-n', sans-serif;
 }

 .mobile{
   display: none;
 }

 .desktop{
   display: block;
 }


p {
  font-size: 18px;
  line-height: 1.6;
  color: black;
  font-weight: 100;
  text-align: left;
}


a {
  font-family: 'Barlow-n', sans-serif;
  font-weight: 400;
  color: inherit;
  font-size: 18px;
}
a.active, a:active, a:focus, a:hover {
  color: inherit;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  line-height: 1.1;
  color: black;
 }

 h1{
   font-family: 'Barlow-n', sans-serif;
   font-size: 60px;
   padding-bottom: 30px;
   font-weight: 900;
 }

h2{
  margin-top: 0px;
  font-size: 60px;
  text-align: left;
  font-family: 'Barlow-n', sans-serif;
  line-height: 1.2;
  font-weight: 900;
  color: black;
  padding-bottom: 30px;
  letter-spacing: 0px;
}

h2.white{
  color: white;
}

.white p{
  color: white;
}

section.home-section-5 li{
  color: white;
  list-style: circle;
}


.text-primary{
  color: #5bb4af!important;
}

 .back-primary{
   background-color: #5bb4af!important;
 }

 .text-grey{
   color: #afafaf!important;
 }

 .text-white{
   color: white!important;
 }
 .img-contain{
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
 }

 .img-cover{
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 :focus{
   outline: none!important;
 }

 a:focus{
   outline: none;
 }

ul{
   list-style-type: none;
   padding-left: 20px;
   margin: 0px;
 }

li{
   font-size: 18px;
   padding: 5px 0px;
   font-weight: 400;
 }

 .no-gutter{
   padding: 0px;
 }

 .button{
   background-color: #0e3155;
   border: 2px solid #0e3155;
   display: inline-table;
   text-align: center;
   padding: 10px 60px;
   color: white;
   font-size: 23px;
   margin-top: 60px;
   position: relative;
 }

 .hotel .button.normal{
   background-color: #0e3155;
   border: 2px solid #0e3155;
   display: inline-table;
   text-align: center;
   padding: 10px 60px;
   color: white;
   font-size: 23px;
   margin-top: 60px;
   position: relative;
 }

 .top-nav{
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   background-color: black;
   height: 50px;
   padding: 10px 0px;
   z-index: 1;
   color: white;
 }

 .top-nav .text{
   color: white;
   text-align: center;
   font-size: 14px;
   font-weight: 900;
 }

 .top-nav .tel-box{
   text-align: center;
   width: 100%;
   position: relative;
   margin-top: -2px;
 }

 .top-nav .tel{
   color: white;
   text-align: center;
   font-size: 14px;
   font-weight: 900;
   display: inherit;
   position: relative;
 }

 .top-nav .tel::before{
   content: "\f095";
   font-family: 'FontAwesome';
   position: absolute;
   left: -20px;
   top: -2px;
   color: white;

 }

 .nav-icon-box{
   width: 100%;
   position: fixed;
   top: 50px;
   z-index: 1000;
   left: 0px;
   right: 0px;
   background-color: transparent;
   height: 100px;
   transition: 0.3s;
 }

 .nav-icon-box.scroll{
   top: 0px;
   background-color: white;
   border-bottom: 5px solid #f2f2f2;
 }

 .nav-icon{
  position: fixed;
  left:30px;
  top: 70px;
  background-color: transparent;
  width: 60px;
  height: 60px;
  z-index: 100000;
  padding: 19px 15px;
  cursor: pointer;
  display: block;
  transition: all ease 0.3s;
}

.nav-icon-box.scroll .nav-icon{
  top: 30px;
}

.nav-icon .bar{
  height: 3px;
  background-color: white;
  margin-bottom: 6px;
  width: 30px;
  float: left;
  transition: all ease 0.3s;
}

.nav-icon-box.scroll .nav-icon{
  top: 20px;
  cursor: pointer;
}

.nav-icon-box.scroll .nav-icon .bar{
  background-color: black;
}

.nav-icon:hover .bar{
 width: 30px;
}

.nav-icon .bar-2{
  width: 25px;
}

.nav-icon .bar-3{
  width: 20px;
}

.nav-icon-box.active .nav-icon{
  background-color: transparent;
  pointer-events: all;
}

.nav-icon .bar{
  transition: all ease 0.3s;
}

.nav-icon-box.active .nav-icon .bar-1{
  transform: rotateZ(45deg);
  position: absolute;
  margin-top: 10px;
  width: 30px;
}

.nav-icon-box.active .nav-icon .bar-2{
  position: absolute;
  transform: rotateZ(-45deg);
  margin-top: 10px;
  width: 30px;
}

.nav-icon-box.active .nav-icon .bar-3{
  display: none;
}

.nav-icon-box .logo-box{
  width: 130px;
  height: 150px;
  margin: 0px auto;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  transition: background-color ease 0.3s;
}

.nav-icon-box .logo-box .logo{
  width: 100%;
  height: 100%;
  background-image: url('./icons/logo-white.svg');
  transition: all ease 0.3s;
  margin: 0px auto;
}

.nav-icon-box.scroll .logo-box{
  width: 130px;
  height: 130px;
  background-color: white;
  border-bottom: 5px solid #f2f2f2;
}

.nav-icon-box.scroll .logo-box .logo{
  width: 80%;
  height: 80%;
  margin-top: 10%;
  background-image: url('./icons/logo-black.png');
}

.nav-icon-box .logo-box.apartments .logo{
  background-image: url('icons/apartmentswhite.svg');
}

.nav-icon-box.scroll .logo-box.apartments .logo{
  background-image: url('icons/apartments.svg');
}

.nav-icon-box .logo-box.hotel .logo{
  background-image: url('icons/hotelwhite.svg');
}

.nav-icon-box.scroll .logo-box.hotel .logo{
  background-image: url('icons/hotel.svg');
}

.nav-icon-box .logo-box.hostel .logo{
  background-image: url('icons/hostelwhite.svg');
}

.nav-icon-box.scroll .logo-box.hostel .logo{
  background-image: url('icons/hostel.svg');
}


.nav-icon-box.active{
  background-color: transparent
  border: none;
  pointer-events: none;
}

.nav-icon-box.scroll.active{
  background-color: transparent;
  border: none;
}

.nav-icon-box.active .nav-icon .bar{
  background-color: white;
  pointer-events: all;
}

.nav-icon-box.active .nav-icon{
  top: 30px;
}

.nav-icon-box.active .logo-box{
  display: none;
}

.nav-icon-box.active .button{
  display: none;
}

.nav-icon-box .button{
  background-color: black;
  color: white;
  border: none;
  position: absolute;
  right: 30px;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 900;
  transition: all ease 0.3s;
}

.nav-icon-box .button.voucher-button{
  background-color: black;
  color: white;
  border: none;
  position: absolute;
  right: 305px;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 900;
  transition: all ease 0.3s;
}

.nav-icon-box .button.covid-button{
  background-color: black;
  color: white;
  border: none;
  position: absolute;
  left: 230px;
  right: auto;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 900;
  transition: all ease 0.3s;
}

.button.mobile{
  display: none;
}

.nav-icon-box .button:hover{
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.35);
}

.nav-icon-box .button.hostel{
  background-color: #247FA6;
}

.nav-icon-box .button.hotel{
  background-color: #8a9081;
}

.nav-icon-box .button.apartments{
  background-color: #b071ad;
}

footer.hostel{
  background-color: #247FA6;
}

footer.hotel-1{
  background-color: #8a9081;
}

footer.apartments{
  background-color: #b071ad;
}

.hostel-back{
  background-color: #247FA6!important;
}

.hotel-back{
  background-color: #8a9081!important;
}

.apartment-back{
  background-color: #b071ad!important;
}

.hostel-color{
  color: #247FA6;
}

.hotel-color{
  color: #8a9081;
}

.apartment-color{
  color: #b071ad;
}

.nav-icon-box.scroll .button{
  margin-top: 25px;
}

nav{
   position: fixed;
   left: 0px;
   top: 0px;
   bottom: 0px;
   width: 100%;
   z-index: 100;
   background-color: #333333;
   right: 0px;
   transition: all ease 0.3s;
   opacity: 0;
   pointer-events: none;
 }

 nav.hostel{
    background-color: #237fa6;
  }

  nav.hotel-1{
     background-color: #8a9081;
   }

   nav.apartments{
      background-color: #b071ad;
    }

    nav.active{
      opacity: 1;
      pointer-events: all;
    }


    nav .logo-box{
   width: 120px;
   height: 150px;
   position: absolute;
   left: 0px;
   background-color: transparent;
   right: 0px;
   margin: auto;
   top: 0px;
 }

 .language{
   position: fixed;
   color: white;
   top: 60px;
   pointer-events: all;
   left: 100px;
   font-size: 20px;
   transition: all ease 0.3s;
 }

 .nav-icon-box.scroll .language{
   top: 35px;
 }

 .nav-icon-box.active .language{
   color: white;
   top: 35px;
 }

 .language a{
   font-size: 20px;
 }

 .scroll .language{
   color: black;
   top: 25px;
 }


    nav .logo{
   width: 100%;
   height: 100%;
   background-image: url('icons/logo-white.svg');
   position: absolute;
   background-size: contain;
 }

 nav .content-container{
   padding: 200px 40px 100px 60px;
   height: 100%;
   overflow: hidden;
 }

 nav .content-box{
   height: 100%;
   overflow-x: scroll;
 }

 nav .content{
   overflow-x: scroll;
   padding-right: 20px;
   position: relative;
 }

 nav .content-box p{
   color: white;
   text-align: left;
   display: table;
   position: relative;
 }

 nav .content-box .item{
   padding-bottom: 10px;
 }

 nav .content-box .item .text{
   font-size: 30px;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 1.2;
 }

 nav .content-box .subitem{
   padding-bottom: 0px;
 }

 nav .content-box .subitem .text{
   font-size: 18px;
   text-transform: uppercase;
   font-weight: 400;
 }

 nav .button{
   position: absolute;
   right: 30px;
   top: 0px;
   background-color: black;
   color: white;
   font-weight: 900;
   font-size: 26px;
   text-transform: uppercase;
 }

 nav .bottom-box{
   position: absolute;
   bottom: 0px;
   margin-top: 40px;
   padding: 30px 0px;
   left: 60px;
   color: white;
   right: 40px;
   border-top: 1px solid white;
 }

nav .imprint-box{
  color: white;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  font-weight: 200;
  margin-right: 30px;
}

nav .imprint-box a{
  padding: 0px 5px;
  font-weight: 200;
}

nav .social-box{
  color: white;
  display: inline-block;
  vertical-align: top;
}

nav .social-box i{
  color: white;
  font-size: 20px;
  padding: 0px 10px;
}

nav .copyright-box{
  color: white;
  display: inline-block;
  float: right;
  vertical-align: top;
  text-align: right;
}

nav .copyright-box p{
  color: white;
}

nav p:after{
  transition: all ease 0.3s;
  content: "";
  height: 4px;
  width: 0%;
  position: absolute;
  background-color: white;
  left: 0px;
  bottom: -3px;
}

nav p:hover::after{

  width: 100%;
}

nav p.active::after{
  content: "";
  height: 4px;
  width: 100%;
  position: absolute;
  background-color: white;
  left: 0px;
  bottom: -3px;
}

 @media (min-width: 1399px) {

.container{
  width: 1400px;
}
}

header.home{
  height: 820px;
  width: 100%;
  overflow: hidden;
}

header.home .adresse-box{
  position: absolute;
  z-index: 2;
  top: 120px;
  left: 6%;
  color: white;
}

header.home .adresse-box p{
  font-weight: 900;
  font-size: 14px;
  color: white;
}

header.home video{
  height: 820px;
}

header.home h1{
  font-size: 100px;
  text-align: center;
  color: white;
  font-weight: 900;
  padding-top: 380px;
}

header.home .box{
  border-bottom: 2px solid white;
  margin: 0px auto;
  padding-bottom: 10px;
  width: 500px;
  display: flex;
}

header.home .box .item{
  display: inline-table;
  text-align: center;
  align-items: flex-start;
  flex-grow: 1;
  position: relative;
}

header.home .box a{
  color: white;
  text-transform: uppercase;
  font-family: 'Montserrat-n', sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  position: relative;
}

header.home .box .item a::after{
  position: absolute;
  content: "";
  left: 0px;
  right: 0px;
  bottom: -5px;
  height: 5px;
  margin: auto;
  width: 0px;
  transition: all ease 0.3s;
}

header.home .box .item:hover a::after{
  width: 100%;
}

header.home .box .item.item-1:hover a::after{
  background-color: #247fa6;
}

header.home .box .item.item-2:hover a::after{
  background-color: #889f93;
}

header.home .box .item.item-3:hover a::after{
  background-color: #b071ad;
}

header.home .box .item.item-4:hover a::after{
  background-color: #D29700;
}

header.home.special-offer .subtitle{
  font-weight: 600!important;
}

header.home.special-offer .subtitle::before{
  content: none;
}

header.home.special-offer .subtitle::after{
  content: none;
}

video{
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

header .filter{
  background-color: rgba(0,0,0,0.4);
  top: 0px;
  width: 100%;
  height: 100%;
  position: relative;
}

header .social-media-box{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 220px;
  margin: auto;
  display: table;
  text-align: center;
}

header .social-media-box i{
  color: rgba(255,255,255,0.8);
  font-size: 30px;
  margin: 0px 20px;
  transition: all ease 0.3s;
}

header .social-media-box i:hover{
  color: rgba(255,255,255,1);
}

header.room-02 .button{
  display: none;
}

.home-section-1{
  padding: 150px 0px 100px;
}

.home-section-1 .desktop{
  display: block;
}

.home-section-1 .mobile{
  display: none;
}

.home-section-1 .img-box-1{
  height: 200px;
  margin-top: 60px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.home-section-1 .img-1{
  height: 200px;
  width: 100%;
  transition: all ease 0.6s;
}

.home-section-1 .img-box-1:hover .img-1{
  transform: scale(1.1);
}

.home-section-1 .filter .title{
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 200px;
  font-size: 18px;
  text-align: left;
  font-weight: 600;
  color: white;
}

.home-section-1 .filter{
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  position: absolute;
  cursor: pointer;
  background-color: rgba(0,0,0,0.2);
}

.subtitle-box{
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

.subtitle-box::after{
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 1px;
  background-color: black;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

.subtitle-box .subtitle{
  font-family: 'Montserrat-n', sans-serif;
  font-weight: 600;
  text-align: center;
  font-size: 30px;
  padding: 10px 40px;
  margin: 0px auto;
  background-color: white;
  display: table;
  position: relative;
  z-index: 3;
}

.formular-section{
  padding: 0px 0px 100px;
}

.formular-section .text{
  padding: 0px 0px;
}

.home-section-1 .text{
  margin-top: 20px;
}

.home-section-1{
  margin-top: 0px;
}

.special-empty{
  padding-top: 128px;
}

.home-section-1 .booking-container{
  position: absolute;
  left: 0px;
  right: 0px;
  top: -150px;
  z-index: 1;
  margin: auto;
  width: 1100px;
  height: 160px;
  background-image: url('./img/booking-container.svg');
}

.special-detail-1{
  padding-bottom: 0px!important;
}

.special-detail-2{
  padding: 100px 0px 200px!important;
}

.home-section-2{
  padding: 50px 0px 200px;
  position: relative;
}

.home-section-2 .img{
  height: 195px;
  width: 100%;
  position: relative;

}

.home-section-2 .img .hover{
  width: 100%;
  position: absolute;
  height: 100%;
  left: -5px;
  top: -5px;
  opacity: 0;
  transition: all ease 0.3s;
}

.home-section-2 .img:hover .hover{
  opacity: 1;
}

.tribe-events-back{
  display: none!important;
}

.background-grey-left{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 200px;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 1200px;
  background-color: #f2f2f2;
}

.background-grey-left::before{
  position: absolute;
  content: "";
  z-index: 0;
  top: -144px;
  width: 100%;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 146px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('./img/greyleft.svg');
}


.background-dark-right{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 350px;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 1200px;
  background-color: #333333;
}

.background-dark-right::before{
  position: absolute;
  content: "";
  z-index: 0;
  top: -144px;
  width: 100%;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 146px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('./img/darkright.svg');
}

.background-grey-right{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 350px;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 600px;
  background-color: #f2f2f2;
}

.background-grey-right::before{
  position: absolute;
  content: "";
  z-index: 0;
  top: -144px;
  width: 100%;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 146px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('./img/greyright.svg');
}

.background-white-left{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 600px;
  background-color: white;
}

.background-white-left::before{
  position: absolute;
  content: "";
  z-index: 0;
  top: -144px;
  width: 100%;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 146px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('./img/whiteleft.svg');
}

.background-white-right{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 600px;
  background-color: white;
}

.background-white-right::before{
  position: absolute;
  content: "";
  z-index: 0;
  top: -144px;
  width: 100%;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 146px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('./img/whiteright.svg');
}

.background-blue-right{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 1200px;
  background-color: #247fa6;
}

footer .background-blue-right{
  height: 200px;
}

.background-blue-right::before{
  position: absolute;
  content: "";
  z-index: 0;
  top: -144px;
  width: 100%;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 146px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('./img/blueright.svg');
}

.background-rosa-right{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 1200px;
  background-color: #b071ad;
}

footer .background-rosa-right{
  height: 200px;
}


.background-rosa-right::before{
  position: absolute;
  content: "";
  z-index: 0;
  top: -144px;
  width: 100%;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 146px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('./img/rosaright.svg');
}

.background-green-right{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 1200px;
  background-color: #8a9081;
}

footer .background-green-right{
  height: 200px;
}


.background-green-right::before{
  position: absolute;
  content: "";
  z-index: 0;
  top: -144px;
  width: 100%;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 146px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('./img/greenright.svg');
}

.home-section-2-1{
  padding-bottom: 100px;
  position: relative;
}

.home-section-2-1.rundblick{
  padding-bottom: 300px;
}

.home-section-2-1.rundblick .slider-box{
  height: 350px;
}

.home-section-2-1.rundblick .title{
  width: 100%;
  font-size: 20px;
  bottom: 20px;
}

.home-section-2-1 .item{
  height: 360px;
  width: auto;
  position: relative;
}

.home-section-2-1 .img-box{
  left: 0px;
  right: 10px;
  bottom: 10px;
  top: 0px;
  position: absolute;
  overflow: hidden;
}

.home-section-2-1 .img{
  height: 100%;
  width: 100%;
  transition: all ease 1s;
  position: absolute;
}

.home-section-2-1 .item:hover .img{
  transform: scale(1.1);
}

.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    left: 0px;
    display: block !important;
    border:0px solid black;
}

.tribe-events-c-ical{
  display: none;
}


.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    right: 0px;
    display: block !important;
    border:0px solid black;
}

.owl-prev i, .owl-next i {
  color: white!important;
  position: absolute;
  top: 0px;
  font-size: 60px;
  margin: 0px auto;
  left: 0px;
  right: 0px;
}

.owl-theme .owl-nav [class*=owl-]{
  color: white!important;
  background-color: transparent!important;
  font-size: 60px;
  width: 60px;
  height: 60px;
  margin: 0px;
  border-radius: 0px!important;
  transition: all ease 0.3s;
}

.owl-theme .owl-nav [class*=owl-]:hover{
  background: white!important;
  border-radius: 0px;
}


.owl-theme .owl-nav [class*=owl-]:hover i{
  color: black!important;
}

.home-section-2-1 .title{
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 200px;
  font-size: 18px;
  text-align: left;
  font-weight: 600;
  color: white;
}

.owl-carousel .filter{
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  position: absolute;
  background-color: rgba(0,0,0,0.2);
}

.home-section-2-1 .owl-carousel .filter{
  left: 0px;
  right: 10px;
  top: 0px;
  bottom: 10px;
  position: absolute;
  background-color: rgba(0,0,0,0.2);
}

.home-section-3{
  padding: 150px 0px;
  position: relative;
}

.slider-box{
  background-color: #d4d4d4;
  height: 370px;
  width: auto;
  position: absolute;
  left: 20px;
  top: 10px;
  right: 5px;
  bottom: -10px;
}

.home-section-2-1 .item .slider-box{
  left: 10px;
  top: 10px;
  right: 0px;
  bottom: -10px;
  opacity: 0;
  transition: all ease 0.3s;
}

.home-section-2-1 .item .slider-box.slider-hostel{
  background-color: #247fa6;
}

.home-section-2-1 .item .slider-box.slider-hotel{
  background-color: #889f93;
}

.home-section-2-1 .item .slider-box.slider-apartment{
  background-color: #b071ad;
}

.home-section-2-1 .item:hover .slider-box{
  opacity: 1;
}

.home-section-3 .item{
  width: 100%;
  height: 370px;
  position: relative;
}

.home-section-3 .img{
  width: 100%;
  height: 100%;
  transition: all ease 1s;
  position: absolute;
}

.home-section-3 .item:hover .img{
  transform: scale(1.1);
}

.home-section-3 .item .copyright {
  right: 11px;
  bottom: 8px;
  transition: .5s;
}
.home-section-3 .item:hover .copyright{
  right: 35px;
  bottom: 23px;
}

.home-section-3 h2{
  padding-top: 200px;
  color: white;
}

.home-section-3 .text p{
  color: white;
}

.home-section-3 .background-grey-right{
  background-color: #f2f2f2;
  top: 1050px;
}

.home-section-3 .background-blue-right{
  background-color: #237FA6;
  top: 1050px;
}

.home-section-3.hostel .background-blue-right{
  background-color: #237FA6;
  top: 300px;
}

.home-section-3.apartment .background-rosa-right{
  top: 300px;
}

.home-section-3.hotel .background-green-right{
  top: 300px;
}

.home-section-3 .date{
  font-size: 70px;
  font-weight: 900;
  color: white;
  padding: 0px 20px;
}

.home-section-3 .title{
  font-size: 22px;
  font-weight: 500;
  color: white!important;
  position: absolute;
  bottom: 10px;
  left: 20px;
}

.button{
  background-color: transparent;
  border: none;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  color: black;
  font-size: 18px;
  margin-top: 30px;
  transition: all ease 0.3s;
}

.button:hover{
  background-color: black;
  color: white;
}

.button.white{
  color: white;
  border-color: white;
}

.button.white:hover{
  background-color: white;
  color: black;
}

.home-section-3 .patch{
  position: absolute;
  top: -100px;
  right: 130px;
  background-color: white;
  height: 200px;
  width: 200px;
  border-radius: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotateZ(15deg);
}

.home-section-1 .patch{
  position: absolute;
  top: -100px;
  right: 130px;
  background-color: white;
  height: 200px;
  width: 200px;
  border-radius: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotateZ(15deg);
}

.home-section-3.home .patch{
  top: -50px;
}

.home-section-3 .patch .box{
  border-radius: 190px;
  height: 190px;
  width: 190px;
  border: 5px solid #a4b5ac;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}

.home-section-3 .patch:hover .box{
  background-color: #a4b5ac;
}

.home-section-3 .patch .box .text{
  color: #a4b5ac;
  text-transform: uppercase;
  text-align: left;
  padding: 30px;
  font-weight: 700;
  font-size: 30px;
  margin: 0px;
  line-height: 1.2;
  transition: all ease 0.3s;
}

.home-section-3 .patch:hover .box .text{
  color: white;
}



.home-section-1 .patch .box{
  border-radius: 190px;
  height: 190px;
  width: 190px;
  border: 5px solid #a4b5ac;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}

.home-section-1 .patch:hover .box{
  background-color: #a4b5ac;
}

.home-section-1 .patch .box .text{
  color: #a4b5ac;
  text-transform: uppercase;
  text-align: left;
  padding: 30px;
  font-weight: 700;
  font-size: 30px;
  margin: 0px;
  line-height: 1.2;
  transition: all ease 0.3s;
}

.home-section-1 .patch:hover .box .text{
  color: white;
}


.home-section-1 .patch.patch-1{
  position: relative;
  top: 0px;
  margin: auto;
  margin-top: 10px;
  right: inherit;
  display: table;
}




.home-section-3 .row-2{
  padding-top: 200px;
}

.home-section-3 .row-2 .text-box{
  text-align: right;
}

.home-section-3 .row-2 h2{
  text-align: right;
  color: black;
}

.home-section-3 .row-2 p{
  text-align: right;
  color: black
}


.home-section-4{
  position: relative;
  padding: 200px 0px;
}

.home-section-4 .background{
  top: 100px;
}

.home-section-4 .item{
  width: 100%;
  height: 370px;
  position: relative;
}

.home-section-4 .img{
  width: 100%;
  height: 100%;
  transition: all ease 1s;
  position: absolute;
}

.home-section-4 .item:hover .img{
  transform: scale(1.1);
}

.home-section-5{
  background-color: #2c83a2;
  padding-bottom: 100px;
  position: relative;
}

.home-section-5 .logo{
  height: 120px;
  width: 120px;
  margin: 0px auto;
  text-align: center;
  background-image: url('./icons/logo-white.svg');
  margin-bottom: 60px;
  position: relative;
  z-index: 3;
}

.home-section-5 .subtitle-box::before{
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: 1px;
  margin: auto;
  left: 0px;
  width: 300px;
  z-index: 3;
  right: inherit;
  background-color: white;
}

.home-section-5 .subtitle-box::after{
  content: "";
  z-index: 3;
  right: 0px;
  width: 300px;
  left: inherit;
  background-color: white;
}

.home-section-5 .subtitle{
  background-color: transparent;
  color: white;
}

.home-section-5 h2{
  color: white;
  position: relative;
  z-index: 3
}

.home-section-5 .text{
  padding-top: 20px;
  position: relative;
  z-index: 3
}

.home-section-5 p{
  color: white;
  position: relative;
  z-index: 3;
}

.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__container{
  padding-bottom: 10px!important;
}

.home-section-5 .button{
  color: white;
  border-color: white;
  position: relative;
  z-index: 3;
}

.home-section-5 .button:hover{
  color: black;
  background-color: white;
}

.home-section-6{
  padding: 100px 0px 200px;
  position: relative;
}

.home-section-6 .row{
  display: flex;
  align-items: center;
}

.home-section-6 .title p{
  font-size: 30px;
  font-family: 'Montserrat-n', sans-serif;
  color: #2c2c2c;
  padding-bottom: 10px;
}

.home-section-6 p{
  color: #2c2c2c;
}

.home-section-6 .text-box-1{
  display: inline-block;
  width: 30%;
  margin-bottom: 50px;
}

.home-section-6 .text-box-2{
  display: inline-block;
  width: 59%;
  margin-bottom: 50px;
}
.home-section-6.hs6-link .text-box-1,
.home-section-6.hs6-link .text-box-2,
.home-section-6.hs6-link .link {
  margin-bottom: 20px;
}
.home-section-6.hs6-link .h-margin {
  height: 30px;
}
.home-section-6.hs6-link .link .button {
  margin-top: 0;
}

.home-section-5 {
  background: linear-gradient(-45deg, #247fa6, #889f93, #b071ad);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

footer{
  position: relative;
  padding-top: 0px;
  background-color: #333333;
  color: white;
}

footer .background-dark-right{
  top: 0px;
  height: 200px;
}

footer .social-box{
  position: relative;
  margin: 0px auto;
  display: table;
  padding-bottom: 100px;
}

footer .social-box i{
  color: rgba(255,255,255,0.6);
  font-size: 30px;
  margin: 0px 20px;
  transition: all ease 0.3s;
}

footer .social-box i:hover{
  color: rgba(255,255,255,1);
}

footer h2{
  color: white;
  font-size: 30px;
  font-weight: 900;
}

footer .title{
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 40px;
  font-weight: 900;
}



footer p{
  color: white;
  font-size: 18px;
  font-weight: 200;
}

footer a{
  font-weight: 200;
}

footer a.block{
  display: block;
}

footer .bottom-box{
  padding-top: 30px;
  margin-top: 70px;
  padding-bottom: 30px;
  border-top: 1px solid rgba(255,255,255,0.6);
}

footer .bottom-box a{
  padding-right: 5px;
  padding-left: 5px;
}

footer .bottom-box .copyright{
  text-align: right;
}

footer .bottom-box .text{
  font-size: 18px;
  font-weight: 200;
}

footer a:hover{
  font-weight: 400;
}

header.hotel{
  height: 760px;
  position: relative;
  width: 100%;
}

header.hotel video{
  height: 760px;
}

header.hotel .subtitle{
  font-size: 30px;
  text-align: center;
  position: relative;
  color: white;
  text-transform: uppercase;
  font-family: 'Montserrat-n', sans-serif;
  font-weight: 700;
  padding-top: 300px;
}

header.hotel .subtitle::before{
  content: "";
  width: 150px;
  height: 1px;
  background-color: white;
  left: 50px;
  bottom: 20px;
  position: absolute;
}

header.hotel .subtitle::after{
  content: "";
  width: 150px;
  height: 1px;
  background-color: white;
  right: 50px;
  bottom: 20px;
  position: absolute;
}

header.hotel h1{
  font-size: 90px;
  padding-top: 0px;
  margin-top: 10px;
}
.copyright {
  position: absolute;
  color: white;
  font-weight: 300;
  font-size: 13px;
  cursor: default;
  overflow: hidden;
}
header.hotel .copyright {
  right: 20px;
  bottom: 125px;
}
@media (max-width: 1400px) {
  header.hotel .copyright {
    bottom: 150px;
  }
}
.copyright span {
  margin-right: 5px;
  display: inline-block;
  transition: .3s;
  transform: translateX(calc(100% + 100px));
}
.copyright:hover span {
  transform: translateX(0);
}
.event-section-2 .filter .copyright {
  right: 5px;
  bottom: 2px;
}
@media (max-width: 768px) {
  .event-section-2 .filter .copyright span {
    transform: translateX(0);
  }
}

.home-section-1.hotel .title{
  margin-top: 20px;
}

.home-section-1.hotel .title h2{
  font-weight: 700;
  font-size: 50px;
  padding-bottom: 0px;
}

.home-section-1.hotel .offer{
  height: 80px;
  width: 100%;
  background-position: left;
  margin-top: 0px;
}

.home-section-1.hotel .text{
  margin-left: 0px;
}

.home-section-1.hotel .button{
  margin-left: 0px;
}

.home-section-2-2.hotel .item{
  padding-bottom: 100px;
}

.hotel .plus-box{
  border-radius: 30px;
  background-color: black;
  height: 30px;
  width: 30px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.hotel .button-box{
  margin-top: 40px;
  position: relative;
  cursor: pointer;
}


.hotel .plus-box .string-1{
  border-radius: 30px;
  background-color: white;
  height: 12px;
  width: 2px;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  margin: auto;
}

.hotel .plus-box .string-2{
  border-radius: 30px;
  background-color: white;
  height: 2px;
  width: 12px;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  margin: auto;
}

.hotel .button{
  border: none;
  text-transform: none;
  margin: 0px;
  padding: 0px;
  padding-top: 3px;
  font-weight: 900;
  vertical-align: top;
  position: absolute;
  left: 40px;
  top: 0px;
  color: black;
}

.hotel .button.normal{
  background-color: #0e3155;
  border: 2px solid #0e3155;
  display: inline-table;
  text-align: center;
  padding: 10px 60px;
  color: white;
  font-size: 23px;
  margin-top: 60px;
  position: relative;
}

.hotel .button.normal{
  background-color: transparent;
  border: none;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  color: black;
  left: 0px;
  font-size: 18px;
  margin-top: 30px;
  transition: all ease 0.3s;
}

.hotel .button.normal:hover{
  background-color: black;
  color: white;
}

.button.normal.white{
  color: white;
  border-color: white;
}

.button.normal.white:hover{
  background-color: white;
  color: black;
}


.hotel .button-box:hover .button{
  background-color: transparent;
}

.hotel .button.open{
  display: block;
}

.hotel .button.open.active{
  display: none;
}

.hotel .button.delete{
  display: none;
}

.hotel .button.delete.active{
  display: block;
}

.hotel .text{
  height: auto;
}

.hotel.about-section-4 .text{
  overflow: hidden;
  height: 102px;
}

.hotel.about-section-5 .text{
  overflow: hidden;
  height: 88px;
}

.hotel .item .text-5.text{
  height: 80px;
  overflow: hidden;
}

.hotel .item.active .text{
  height: auto;
  overflow: hidden;
}

.hotel .item .plus-box .string-1{
  display: block;
}

.hotel .item.active .plus-box .string-1{
  display: none;
}

.home-section-3.hotel{
  background-color: #f2f2f2;
}

.contact-section-2{
  background-color: #f2f2f2;
}

.contact-section-3{
  padding: 100px 0px;
}

.contact-section-3 h2{
  padding-bottom: 100px;
}

.contact-section-3 .img{
  height: 100px;
  width: 100%;
  background-position: left;
}

.home-section-2-2.hotel.contact-section-3 .item{
  padding-bottom: 60px;
}

.home-section-2-2.hotel.contact-section-3 .button-box{
  margin-top: 20px;
}

.contact-section-1{
  padding-top: 0px;
}

.partner-section-2{
  background-color: #f2f2f2;
  padding-bottom: 300px;
  margin-top: 150px;
}

.partner-section-2 .background{
  position: absolute;
  top: 35px;
  left: 50px;
  right: 35px;
  bottom: 20px;
  opacity: 0.5;
  transition: all ease 0.3s;
}

.partner-section-2 .item:hover .background{
  opacity: 1;
}

.faq-section-1{
  margin-bottom: 250px;
}

.faq-section-1 .item-box{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}

.faq-section-1 .item-box .item{
  margin: 10px;
}

.faq-section-1 .item-box .item p{
  font-weight: 700;
  position: relative;
}

.faq-section-1 .item-box .item p::after{
  content: "";
  width: 0%;
  height: 2px;
  background-color: black;
  transition: all ease 0.3s;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.faq-section-1 .item-box .item:hover p::after{
  width: 100%;
}

.faq-section-1 h2{
  margin-top: 100px;
  font-size: 30px;
  padding-bottom: 10px;
}

.faq-section-1 .panel{
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #979797;
  margin-bottom: 0px!important;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body{
  border: none;
}

.faq-section-1 .panel-heading{
  padding: 20px 0px;
  cursor: pointer;
  background: transparent;
  position: relative;
}

.faq-section-1 .panel-heading p{
  font-weight: 700;
}

.faq-section-1 .panel-heading .fa{
  position: absolute;
  right: 10px;
  top: 20px;
  font-size: 30px;
  transition: all ease 0.3s;
}

.faq-section-1 ul{
  list-style-type: disc;
}

.faq-section-1 li{
  font-size: 16px;
}

.faq-section-1 .panel-heading.inactive .fa{
  transform: rotateZ(0deg);
}

.faq-section-1 .panel-heading.active .fa{
  transform: rotateZ(180deg);
}

.faq-section-1 .panel-title{
  font-size: 20px;
}



.partner-section-2 .box{
  background-color: white;
  margin: 30px;
  height: 350px;
  padding: 30px;
  position: relative;
}

.partner-section-2 .img-box{
  height: 110px;
  width: 100%;
}

.partner-section-2 .img{
  height: 110px;
  width: 100%;
  background-position: left;
  margin-bottom: 20px;
}

.partner-section-2 .background-grey-left{
  top: 0px;
}

.item.left .desktop{
  display: block;
}

.item.left .mobile{
  display: none;
}

.right-box .left{
  display: none;
}

.left-box .right{
  display: none;
}

.charity-section-2{
  padding-top: 300px;
}

.charity-section-2 h2{
  font-size: 42px;
}

.charity-section-2 .img{
  height: 480px;
  width: 100%;
}

.charity-section-2 .text-2{
  margin-top: 20px;
}

.charity-section-2 .title{
  font-size: 56px;
  font-weight: 900;
  text-transform: uppercase;
}

.charity-section-2 .box-container{
  position: relative;
}

.charity-section-2 .box{
  position: absolute;
  border-top: 100px solid #f48095;
  border-left: 0px solid transparent;
  border-right: 50px solid transparent;
  width: 100%;
}

.charity-section-2 .background{
  position: absolute;
  top: 10px;
  left: 10px;
  border-top: 100px solid #333333;
  border-left: 0px solid transparent;
  border-right: 50px solid transparent;
  width: 100%;
}

.charity-section-2 .text-box{
  padding: 20px 30px;
}

.charity-section-2 .text-box p{
  color: white;
}

.charity-section-2 .text-box p strong{
  color: white;
}

.charity-section-3{
  padding: 100px 0px;
  position: relative;
  margin-top: 0px;
}

.charity-section-3 h2{
  font-size: 42px;
  padding-top: 30px;
}

.charity-section-3 .img{
  height: 490px;
  width: 100%;
}

.charity-section-3 .row{
  margin-bottom: 200px;
}

.home-section-2.gastro-section-2 .img{
  height: 370px;
  width: 100%;
}

.gastro-section-2 .owl-nav{
  display: none!important;
}

.home-section-2.gastro-section-2{
  padding-top: 00px;
}

.gastro-section-2 .background-grey-left{
  top: 350px;
}

.gastro-section-2 .background-white-right{
  top: 350px;
}

.gastro-section-2 .background-grey-right{
  top: 350px;
  background-color: #f2f2f2;
}

.gastro-section-2 .box-container{
  margin-top: 60px;
  position: relative;
}

.gastro-section-2 .text-box{
  width: 100%;
  position: relative;
  padding: 20px;
  color: white;
}

.gastro-section-2 .img-container{
  position: relative;
}

.gastro-section-2 .img{
  position: relative;
}

.gastro-section-2 .background{
  position: absolute;
  left: 5px;
  top: 5px;
  width: 100%;
  bottom: -5px;
  right: 0px;
  background-color: #d4d4d4;
}

.gastro-section-2 .box-1{
  background-color: #237fa6;
}

.gastro-section-2 .box-2{
  background-color: #889f93;
}

.gastro-section-2 .box-3{
  background-color: #b071ad;
}

.gastro-section-2 .text-box p{
  color: white;
  margin-bottom: 0px;
  font-weight: 400;
  display: inline-block;
  line-height: 1;
  vertical-align: top;
  margin-right: 50px;
}

.gastro-section-2 .text-box .item{
  display: inline-block;
  vertical-align: top;
}

.gastro-section-2 .text-box .item .icon{
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 20px;
}

.gastro-section-2 .text-box .item .icon-1{
  background-image: url('./img/time.png');
}

.gastro-section-2 .text-box .item .icon-2{
  background-image: url('./img/place.png');
}

.gastro-2 .subtitle{
  background-color: #f2f2f2;
}

.gastro-3{
  padding-bottom: 200px;
}

.gastro-4{
  padding-bottom: 400px;
}

.gastro-detail-1{
  padding-bottom: 100px;
}

.gastro-detail-1 .background-white-right{
  top: 0px;
}

.gastro-detail-3{
  position: relative;
  padding-top: 150px;
  padding-bottom: 250px;
}

.gastro-detail-3.haus{
  padding-top: 0px;
  padding-bottom: 50px;
}

.gastro-detail-3 .background-grey-left{
  top: 100px;
}

.gastro-detail-3 h2{
  padding-bottom: 100px;
}

.gastro-detail-3 .item-3{
  position: relative;
  height: 100px;
}

.gastro-detail-3 .item-3 .icon{
  position: absolute;
  left: 0px;
  top: -10px;
  height: 50px;
  width: 50px;
}

.gastro-detail-3 .item-3 .text-2{
  position: relative;
  padding-left: 70px;
  padding-right: 30px;
}

.gastro-detail-3 .item .text{
  position: relative;
  padding-left: 30px;
}

.gastro-detail-3 .item .text::before{
  content: "";
  position: absolute;
  left: 0px;
  top: 8px;
  height: 15px;
  width: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('./img/check.png');
  background-size: contain;
}

.gastro-detail-4{
  position: relative;
  padding-top: 100px;
  padding-bottom: 300px;
}

.gastro-detail-4 h2{
  color: white;
}

.gastro-detail-4 p{
  color: white;
}

.gastro-detail-5{
  background-color: #f2f2f2;
}

.gastro-detail-5 .title{
  padding-top: 250px;
}

.maps{
  height: 770px;
  width: 100%;
  margin-top: -100px;
}

.zimmer-6 .maps {
    margin-top: 20px;
}

.gastro-detail-5 .background-grey-right{
  top: 0px;
}

section{
  position: relative;
}

.home-section-5.about-section-2 .text{
  padding-bottom: 60px;
}

.home-section-5.about-section-2 .text p{
  font-size: 30px;
  text-align: center;
  line-height: 1.4;
  font-weight: 900;
}

.about-section-3{
  padding-top: 100px;
}

.about-section-3 a{
  pointer-events: visible;
  cursor: default;
}

.about-section-3 .title{
  font-size: 22px;
  padding-right: 100px;
}

.about-section-4{
  padding-bottom: 200px;
}

.about-section-4 .img-container{
  position: relative;
  height: 370px;
  width: 100%;
  overflow: hidden;
}

.about-section-4 .item-1.active .img-container{
  overflow: visible;
}

.about-section-4 .img{
  position: relative;
  height: 100%;
  width: 100%;
}

.about-section-4 .img.img-2{
  position: relative;
  height: 100px;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 30px;
}

.about-section-4 .background{
  position: absolute;
  left: 5px;
  top: 5px;
  width: 100%;
  bottom: -5px;
  right: 0px;
  background-color: #d4d4d4;
}

.about-section-5{
  background-color: #333333;
  color: white;
  padding-bottom: 300px;
}


.about-section-5 .background-dark-right{
  top: 0px;
}

.about-section-5 .subtitle-box .subtitle{
  background-color: #333333;
  color: white;
}

.about-section-5 .subtitle-box:after{
  background-color: white;
}

.about-section-5 h2{
  color: white;
  margin-bottom: 100px;
}

.about-section-5 p{
  color: white;
}

.about-section-5 .text-2{
  margin-top: 20px;
}

.about-section-5 .number-box{
  margin-top: 70px;
}

.about-section-5 .number-box:after{
  background-color: white;
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 1px;
  top: 70px;
  bottom: 0px;
  margin: auto;
}

.about-section-5 .number-box .number{
  background-color: #333333;
  color: white;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  margin: 0px auto;
  display: table;
  z-index: 3;
  position: relative;
}

.about-section-5 .square{
  position: absolute;
  right: -100px;
  height: 20px;
  width: 20px;
  background-color: white;
  top: 95px;
}

.about-section-5 .line{
  position: absolute;
  left: -27px;
  top: 0px;
  bottom: 0px;
  width: 1px;
  background-color: white;
}

.about-section-5 .text{
  margin-top: 90px;
  padding-left: 40px;
  height: 90px;
}

.about-section-5 .button-box{
  margin-left: 40px;
}

.about-section-5 .button{
  color: white;
}

.about-section-5 .plus-box{
  background-color: white;
  display: none;
}

.about-section-5 .string{
  background-color: black!important;
}

.about-section-6 .background-white-right{
  top: 0px;
}

.about-section-6.gastro-2 .subtitle{
  background-color: white;
}

.about-section-6.gastro-section-2 .img-container{
  margin-top: 150px;
}

.event-section-1{
  padding-top: 0px;
  padding-bottom: 0px;
}

.event-section-1.hotel .text{
  margin-left: 0px;
}

input[type=radio]{
  display: none;
}

input[type=checkbox]{
  display: block;
  width: 20px;
  height: 20px;
}

.searchandfilter ul li li{
  display: inline-table;
  position: relative;
  margin-bottom: 10px;
}

.searchandfilter ul li li::after{
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 10px;
  background-color: white;
}

.searchandfilter ul{
  padding: 0px!important;
}

.searchandfilter ul>li>ul:not(.children){
  padding: 0px!important;
}

.searchandfilter ul li li label{
  margin: 0px 20px;
  padding: 0px!important;
  padding-bottom: 0px!important;
  position: relative;
}

.searchandfilter ul li li.sf-option-active label{
  background-color: black;
  color: white;
}

.searchandfilter ul li li:hover label{
  background-color: black;
  color: white;
}

.searchandfilter li[data-sf-field-input-type=checkbox] label,
.searchandfilter li[data-sf-field-input-type=radio] label,
.searchandfilter li[data-sf-field-input-type=range-radio] label,
.searchandfilter li[data-sf-field-input-type=range-checkbox] label{
  font-weight: 200;
  font-size: 20px;
  width: 240px;
  text-align: center;
  padding: 10px 0px!important;
  font-weight: 700;
  color: black;
  border: 5px solid black;
  cursor: pointer
}

.event-section-2{
  padding-bottom: 300px;
}

.event-section-2 .img-container{
  position: relative;
  height: 370px;
  width: 100%;
}

.event-section-2 .img{
  position: relative;
  width: 100%;
  height: 100%;
}

.event-section-2 .background{
  position: absolute;
  left: 5px;
  top: 5px;
  width: 100%;
  bottom: -5px;
  right: 0px;
  background-color: #d4d4d4;
}

.event-section-2 .filter-box{
  margin-bottom: 50px;
}

.event-section-2 .ergebnis-box .img{
  position: relative;
}

.event-section-2 .ergebnis-box .date{
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 70px;
  font-weight: 900;
  color: white;
  margin: 0px;
  padding: 0px;
  line-height: 1;
}

.event-section-2 .ergebnis-box .text{
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 22px;
  font-weight: 700;
  color: white;
  margin: 0px;
  padding: 0px;
  line-height: 1.4;
  padding-right: 50px
}

.event-section-2 .ergebnis-box .item{
  margin-bottom: 30px;
}


.event-section-2 .filter{
  left: 0px;
  right: 10px;
  top: 0px;
  bottom: 10px;
  position: absolute;
  background-color: rgba(0,0,0,0.2);
}

.event-section-2 .item .slider-box{
  left: 10px;
  top: 10px;
  right: 0px;
  bottom: 0px;
  height: auto;
  opacity: 0;
  transition: all ease 0.3s;
}

.event-section-2 .item:hover .slider-box{
  opacity: 1;
}

.event-section-2 .img-box{
  position: absolute;
  left: 0px;
  right: 10px;
  top: 0px;
  bottom: 10px;
  overflow: hidden;
}

.event-section-2 .img{
  width: 100%;
  height: 100%;
  transition: all ease 1s;
  position: absolute;
}

.event-section-2 .item:hover .img{
  transform: scale(1.1);
}


.event-section-2.event-section-new-1{
  padding-bottom: 0px;
}

.event-section-1.event-section-new-2{
  padding-bottom: 300px;
}

.event-section-new-2 .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container{
  padding-bottom: 0px;
}









.event-section-1 .offer{
  height: 210px;
  width: 100%;
  margin-top: 20px;
}

.news-1 .searchandfilter li[data-sf-field-input-type=checkbox] label,
.news-1 .searchandfilter li[data-sf-field-input-type=radio] label,
.news-1 .searchandfilter li[data-sf-field-input-type=range-radio] label,
.news-1 .searchandfilter li[data-sf-field-input-type=range-checkbox] label{
  width: auto;
  padding: 10px 40px!important;
}

.news-1 .searchandfilter ul li li label{
  margin: 0px 5px;
}

.event-detail-1{
  padding-top: 0px;
  padding-bottom: 30px;
}

.event-detail-1 .kat{
  padding: 10px 40px;
  width: 100%;
  background-color: black;
  color: white;
  font-weight: 700;
  text-align: center;
  margin-left: 0px;
  display: table;
  margin-top: 15px;
  font-size: 20px;
}

.event-detail-1 .date{
  font-size: 70px;
  margin: 0px;
  padding: 0px;
  margin-top: 0px;
  line-height: 1;
  font-weight: 900;
}

.event-detail-1 h2{
  font-size: 37px;
  font-weight: 700;
  margin-top: 80px;
  text-transform: uppercase;
}

.event-detail-2{
  padding-top: 0px;
  padding-bottom: 50px;
}

.event-detail-2 .text-1{
  padding-left: 40px;
}

.event-detail-2 .text-2{
  padding-top: 40px;
}

.event-detail-2 .text p{
  color: black;
}

.event-detail-2 .background-grey-left{
  top: 300px;
}

.event-detail-3 .background{
    background-color: #d4d4d4;
    width: auto;
    position: absolute;
    left: 20px;
    top: 10px;
    right: 5px;
    bottom: -10px;
}

.event-detail-3 .box{
    background-color: white;
    position: relative;
    z-index: 2;
    padding: 60px 60px;
}

.event-detail-3 h2{
    font-size: 37px;
    text-transform: uppercase;
}

.event-detail-3 .icon-1{
    background-image: url('./icons/clock.png');
    height: 15px;
    width: 15px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.event-detail-3 .icon-2{
    background-image: url('./icons/place.png');
    height: 15px;
    width: 15px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.event-detail-3 .icon-3{
    background-image: url('./icons/euro.png');
    height: 15px;
    width: 15px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.event-detail-3 .item-box .text{
    display: inline-block;
    margin: 0px;
    padding: 0px;
    line-height: 1;
    font-weight: 18px;
    font-weight: 700;
    vertical-align: top;
}

.event-detail-3 .item-box{
    margin-bottom: 30px;
}

.dsgvo-box {
  margin-bottom: 30px;
  text-align: left;
}

.dsgvo-box a{
  font-size: 14px;
  font-weight: 700;
}

form a{
  font-size: 14px;
  font-weight: 700;
}

.form-box{
  padding: 0px;
  background-color: white;
  position: relative;
  margin-top: 80px;
}

.wpcf7-form .wpcf7-form-control-wrap.dsgvo {
   width: 25px;
   height: 25px;
   border: 2px solid black;
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
   text-align: center;
   margin-right: 20px;
   position: relative; }
   .wpcf7-form .wpcf7-form-control-wrap.dsgvo input {
     height: 100px;
     width: 34px;
     padding: 0;
     margin-top: 0;
     position: absolute;
     left: 0;
     z-index: 2;}
   .wpcf7-form .wpcf7-form-control-wrap.dsgvo input + span:after {
       display: block;
       width: 22px;
       height: 22px;
       padding-left: 0px;
       padding-top: 4px;
       color: black;
       content: ' ';
       font: normal normal normal 14px/1 FontAwesome;
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale; }
     .wpcf7-form .wpcf7-form-control-wrap.dsgvo input:checked + span::after {
       content: "\f00c"; }
       span.wpcf7-list-item{
         margin: 0px;
       }

       .wpcf7-form .wpcf7-form-control-wrap.dsgvo input[type=checkbox], .wpcf7-form .wpcf7-form-control-wrap.dsgvo input[type=radio]{
         display: block;
       }




       .wpcf7-form .wpcf7-form-control-wrap.checkbox {
          width: 25px;
          height: 25px;
          border: 2px solid black;
          display: inline-block;
          vertical-align: middle;
          overflow: hidden;
          text-align: center;
          margin-right: 20px;
          position: relative; }
          .wpcf7-form .wpcf7-form-control-wrap.checkbox input {
            height: 100px;
            width: 34px;
            padding: 0;
            margin-top: 0;
            position: absolute;
            left: 0;
            z-index: 2;}
          .wpcf7-form .wpcf7-form-control-wrap.checkbox input + span:after {
              display: block;
              width: 22px;
              height: 22px;
              padding-left: 0px;
              padding-top: 4px;
              color: black;
              content: ' ';
              font: normal normal normal 14px/1 FontAwesome;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            .wpcf7-form .wpcf7-form-control-wrap.checkbox input:checked + span::after {
              content: "\f00c"; }
              span.wpcf7-list-item{
                margin: 0px;
              }


      .dsgvo-text {
        font-size: 18px;
        text-align: left;
        color: white;
        position: absolute;
      }

      .checkbox-box{
        margin-bottom: 50px;
        display: inline-block;
        font-size: 22px;
      }

      .select-box{
        display: inline-block;
        margin-left: 50px;
        width: calc(100% - 220px);
      }

      .wpcf7-select{
        width: 100%;
        border: none;
        border-bottom: 1px solid black;
        padding: 10px 0px;
        font-size: 18px;
      }

      input{
        width: 100%;
        padding: 10px 0px;
        margin-bottom: 40px;
        border: none;
        border-bottom: 1px solid black;
        font-size: 18px;
        color: black;
      }

      textarea{
        width: 100%;
        height: 40px;
        margin-top: 150px;
        border: none;
        border-bottom: 1px solid black;
        font-size: 18px;
        color: black;
        margin-bottom: 50px;
      }

      .wpcf7-submit{
        background-color: #0e3155;
        border: none;
        display: inline-table;
        text-align: center;
        padding: 10px 100px;
        width: 360px;
        color: white;
        font-size: 28px;
        margin-top: 50px;
        position: relative;
        width: auto;
        background: linear-gradient(-45deg, #247fa6, #889f93, #b071ad);
        background-size: 400% 400%;
        animation: gradient 15s ease infinite;
      }


      .event-detail-3 .button{
        margin-top: 160px;
      }

      .event-detail-3 .background-white-right{
        top: 400px;
      }

      .event-detail-5{
        padding-top: 200px;
        padding-bottom: 300px;
      }

      .planer-3{
        padding-bottom: 300px;
      }
      .planer-3 .text{
        margin-top: 50px;
      }

      .planer-3 .background-white-right{
        top: 1000px;
      }

      .home-section-1 .background-white-right{
        top: 0px;
      }

      .jobs-1 .background{
        height: 100%;
      }

      .jobs-1 .text-box{
        margin-left: 20px;
      }

      .jobs-1 .img{
        height: 100%;
      }

      .jobs-1 .item{
        margin-bottom: 0px;
      }

      .job-detail-1{
        padding-top: 40px;
        padding-bottom: 50px;
      }

      .event-detail-3 h2{
        padding-bottom: 30px;
      }

      .event-detail-3 .text{
        margin-top: 20px;
      }

      .event-detail-3 .text-box-3{
        margin-top: 60px;
      }

      .home-section-2-1.zimmer-2 .title{
        font-size: 22px;
      }

      .zimmer-3 .button{
        background-color: #247fa6;
        border: none;
        color: white;
        font-weight: 700;
        margin-top: 70px;
        text-transform: uppercase;
        font-size: 26px;
      }

      .zimmer-5.hotel .item .plus-box .string-1{
        background-color: #247fa6;
      }

      .zimmer-5.hotel .item .plus-box .string-2{
        background-color: #247fa6;
      }

      .zimmer-5.hotel .button{
        color: white;
      }

      .zimmer-5.hotel .plus-box{
        background-color: white;
        color: black;
      }


      .zimmer-5{
        padding-bottom: 50px;
        background-color: #247fa6;
      }

      .zimmer-5 .text{
        height: auto;
        overflow: hidden;
      }

      .zimmer-6{
        padding-top: 0px;
        background-color: white;
      }

      .zimmer-6 .background-white-right{
        top: 0px;
      }

      .buchung-0{
        padding-bottom: 200px;
      }

      .gastro-detail-3.haus.buchung-6{
        padding-top: 100px;
        padding-bottom: 300px;
      }

      .buchung-1{
        background-color: #f2f2f2;
        padding-top: 100px;
        color: black;
      }

      .buchung-1 h2{
        color: black;
      }

      .buchung-1 p{
        color: black;
      }

      .buchung-1 .background-grey-right{
        top: 0px;
      }

      .buchung-1.hotel .item .plus-box .string-1{
        background-color: white;
      }

      .buchung-1.hotel .item .plus-box .string-2{
        background-color: white;
      }

      .buchung-1.hotel .button{
        color: black;
      }

      .buchung-1.hotel .plus-box{
        background-color: black;
        color: white;
      }

      .buchung-2{
        padding-bottom: 200px;
      }

      .buchung-3{
        padding-bottom: 300px;
      }

      .buchung-3 .background-white-left{
        top: 300px;
      }

      .presse{
        padding-top: 0px;
      }

      .presse .filter-box .nav-pills{
        display: flex;
        justify-content: space-between;
      }

      .presse .filter-box .item .tab{
        text-align: center;
        border: 5px solid black;
        padding: 10px 0px;
        width: 250px;
        font-size: 20px;
        font-weight: 700;
      }

      .presse .filter-box .item.active .tab{
        background-color: black;
        color: white;
      }

      .panel-group .panel{
        margin-bottom: 30px;
      }

      .presse .item .img{
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
      }

      .presse .item .hover-button{
        width: 200px;
        background-color: white;
        padding: 10px 0px;
        border: 5px solid black;
        text-align: center;
        font-weight: 700;
        opacity: 0;
        transition: all ease 0.3s;
      }

      .presse .item:hover .hover-button{
        opacity: 1;
      }

      .presse .item .icon{
        position: absolute;
        right: 10px;
        bottom: 10px;
        height: 30px;
        width: 30px;
        background-image: url('./icons/cloud.png');
      }

      .presse .button-down{
        width: 200px;
        background-color: white;
        padding: 10px 0px;
        border: 5px solid black;
        text-align: center;
        font-weight: 700;
        transition: all ease 0.3s;
        margin-top: 60px;
      }

      .presse .button-down:hover{
        background-color: black;
        color: white;
      }

      footer .button-top{
        position: absolute;
        right: 30px;
        top: -200px;
        cursor: pointer;
        width: 50px;
        z-index: 10;
      }

      footer .button-top .arrow{
        width: 30px;
        height: 30px;
        transform: rotateZ(45deg);
        border-left: 5px solid black;
        border-top: 5px solid black;
        margin: 0px auto;
        transition: all ease 0.3s;
      }

      footer .button-top:hover .arrow{
        margin-bottom: 5px;
      }

      footer .button-top .text{
        color: black;
        font-weight: 700;
        margin: 0px;
        line-height: 1;
        text-align: center;
        font-size: 20px;
        text-transform: uppercase;
      }

      footer.hotel-1 .button-top .arrow{
        border-color: #8a9081;
      }

      footer.hotel-1 .button-top .text{
        color: #8a9081;
      }

      footer.hostel .button-top .arrow{
        border-color: #247FA6;
      }

      footer.hostel .button-top .text{
        color: #247FA6;
      }

      footer.apartments .button-top .arrow{
        border-color: #b071ad;
      }

      footer.apartments .button-top .text{
        color: #b071ad;
      }

      .impressum-1{
        padding-bottom: 300px;
      }

.page-template-hostel .btn_dark {
	background-color: #247FA6;
}
.page-template-hotel .btn_dark {
	background-color: #8a9081;
}
.page-template-apartment .btn_dark {
	background-color: #b071ad;
}

.section-event1{
  padding-top: 0px;
}

.single-tribe_events .tribe-events-single-event-title{
  font-size: 60px;
}

.single-tribe_events .tribe-events-cal-links{
  display: none!important;
}

.tribe-common--breakpoint-medium.tribe-events--filter-bar-horizontal.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar__filter-button{
  display: none!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list{
  display: none!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-header__top-bar{
  display: none!important;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn, .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn{
  background-color: black!important;
}

.tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after{
  background-color: black!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar{
  display: none!important;
}

.single-tribe_events .tribe-events-event-meta{
display: none!important;
}

.single-tribe_events .tribe-events-event-image{
  width: 50%;
  float: left;
  margin-right: 30px;
}

.tribe-events-schedule{
display: none!important;
}

.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__container{
  display: block!important;
  visibility: visible!important;
  box-shadow: none!important;
  border: none!important;
  min-width: 800px;
}

.tribe-filter-bar .tribe-filter-bar-c-checkbox{
  display: inline-table!important;
}

.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__toggle-wrapper{
  display: none!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search{
  margin-bottom: 30px!important;
}

.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__container{
  padding-left: 0px!important;
}

.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__filters-close{

}

.tribe-common .tribe-common-form-control-checkbox__label, .tribe-common .tribe-common-form-control-radio__label{
  font-size: 24px!important;
  font-weight: 700!important;
  margin-left: 0px!important;
  padding: 5px 10px;
  margin-right: 10px!important;
  border: 3px solid black;
}

.tribe-filter-bar .tribe-filter-bar-c-checkbox:first-child{
  margin-top: 12px!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-breadcrumbs__list{
  display: none!important;
}

.tribe-filter-bar .tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill{
  display: none!important
}

.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__filters-close{
  display: none;
}

.tribe-common-form-control-checkbox__input:checked+label{
  border: 3px solid black;
  background-color: black!important;
  color: white!important;
}

/*.single-tribe_events .tribe-events-content{
  min-height: 400px!important;
}*/

.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-clear-button{
  position: absolute!important;
  display: none!important;
}

.single-tribe_events .tribe-events-single-event-title{
  margin-bottom: 60px;
}

.formular-section textarea{
  margin-top: 0px;
}

.newsletter .item{
  float: left;
  width: 50%;
}

.newsletter input.text{
  background-color: transparent;
  border: none;
  border-bottom: 1px solid white;
  color: white;
}

.newsletter input[type=submit]{
  background-color: white;
  color: black;
  font-weight: 700;
}

.newsletter-box{
  padding-bottom: 30px;
}

.newsletter-box .title{
  margin-bottom: 0px;
  padding-bottom: 5px;
  color: white;
  font-weight: 700;
  text-align: center;
  font-size: 30px;
}

.newsletter-box .news-text p{
  color: white;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 30px;
}

.newsletter ::placeholder{
  color: white;
}

.newsletter .item input.checkbox {
   width: 25px;
   height: 25px;
   border: 2px solid black;
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
   text-align: center;
   margin-right: 20px;
   position: relative; }
   .newsletter .item input.checkbox + span:after {
       display: block;
       width: 22px;
       height: 22px;
       padding-left: 0px;
       padding-top: 4px;
       color: black;
       content: ' ';
       font: normal normal normal 14px/1 FontAwesome;
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale; }
     .newsletter .item input.checkbox input:checked + span::after {
       content: "\f00c"; }
       span.wpcf7-list-item{
         margin: 0px;
       }

.tcb_flex {
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;
}
.tcb_button_wrap{
	line-height:58px;
	text-align: center;
	filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, 1));
	transition: 0.3s;
  margin-top: -50px;
  position: absolute;
  left: 100px;
}
.tcb_button_wrap:hover{
	filter: drop-shadow(0px 0px 0 rgba(0, 0, 0, 0));
}
.tcb_button{
	padding: 13px 33px 13px 13px;
	color: #fff;
	background: #384350;
	font: 900 26px/26px Barlow-n, sans-serif;
	text-transform: uppercase;
	clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0% 100%);
	white-space: nowrap;
}
.tcb_button:hover{
	color: #fff;
}
.tcb_button.apartment{
	background: #b071ad;
}
.tcb_button.hotel{
	background: #8a9081;
}
.tcb_button.hostel{
	background: #237fa6;
}

.tripadvisor_wrapper{
	position: absolute;
	right: calc(50% - 114px);
	top: 150px;
	width: 269px;
	text-align: center;
}
.page-id-210 .tripadvisor_wrapper{
	width: 228px;
}
.tripadvisor_wrapper .TA_cdsratingsonlynarrow{
	position: relative;
	left: 28px;
}
.TA_cdsratingsonlynarrow .cdsROW {
	background: transparent;
}
.TA_cdsratingsonlynarrow .cdsROW.narrow {
    width: 200px;
}
.TA_cdsratingsonlynarrow .cdsROW.narrow.border {
    border: 4px solid #8a9081;
	padding: 10px 25px 0;
}
.TA_cdsratingsonlynarrow .cdsROW .cdsRating {
    color: #fff;
}
.TA_cdsratingsonlynarrow .cdsROW .cdsLocName a {
    color: #fff;
	text-decoration: none;
}
.tripadvisor_wrapper .tripadvisor_text {
	color: #fff;
	margin-top: 0;
	text-align: center;
	font: 700 14px/14px Barlow-n, sans-serif;
}
.tripadvisor_wrapper .cdsROW .cdsRating .ui_bubble_rating {
    margin: 0 0 10px 0;
	font-size: 14px;
}
.tripadvisor_wrapper .ui_bubble_rating::before {
    color: transparent;
}
.tripadvisor_wrapper .ui_bubble_rating::after {
    color: #8a9081;
}
.tripadvisor_wrapper .cdsROW.cx_brand_refresh .logo img {
    width: 100px;
    padding: 6px 0;
}
.tripadvisor_wrapper .cdsROW .cdsRating span {
    font: normal 14px/14px Barlow-n, sans-serif;
}

.gastro-section-2 .tcb_button_wrap{
  left: 0px;
  position: relative;
  margin-top: 10px;
}



#BorlabsCookieBox.BorlabsCookie ._brlbs-box {
    border-radius: 0;
    color: #000;
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-box h3 {
    font-weight: 900;
	font-size: 2.3em;
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-box p {
    font-weight: 200;
	font-size: 1.1em;
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-btn {
    background: #DDD;
    color: #000;
    border-radius: 0px;
	text-transform: uppercase;
	font-weight: 900;
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-btn._brlbs-btn-accept-all {
    background: #000;
	color: #FFF
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-box ._brlbs-checkbox ._brlbs-checkbox-indicator {
    border-radius: 0;
}
#BorlabsCookieBox.BorlabsCookie ._brlbs-box p._brlbs-manage, #BorlabsCookieBox.BorlabsCookie ._brlbs-box p._brlbs-legal {
	font-size: .8em;
}

 @media only screen and (min-width: 768px) {
  	.tripadvisor_wrapper{
		right: 30px;
		top: 150px
	}
	 .tripadvisor_wrapper .tripadvisor_text {
		margin-top: 20px;
	}
}



.nav-icon-box.scroll .language {
    top: 1.4rem;
}

@media (max-width: 991px) {

	.nav-icon-box.scroll .language {
    top: 15px !important;
}
}


/*
.checkbox-itinary-planner p input[type=checkbox] {
    width: fit-content;
	margin-bottom: 0;
}

.checkbox-itinary-planner p a {
    font-size: 18px;
    margin-left: 5px;
}

.checkbox-itinary-planner p {
    margin: 0 0 10px;
    display: flex;
    align-items: center;
}

*/


.checkbox-itinary-planner p {

	position: relative;
    width: max-content;
    height: max-content;
    margin-left: 4rem;
}

.checkbox-itinary-planner input[type=checkbox] {

	display: block;
    position: absolute;
    left: -3rem;
    width: 20px;
    top: 5rem;
    bottom: 0;
    margin: auto;
    height: 20px;
}


@media (max-width: 479px) {

	.checkbox-itinary-planner p {

		width: 100%;
	}
}




.presse-tabs-n {
	
	display: flex;
    gap: 2rem;
    justify-content: space-between;
}

.presse-tabs-n .presse-tabs-text {

	max-width: 40%;
    margin-top: 60px;
    padding: 10px 20px;
    border: 5px solid black;	
}

.presse-tabs-n .presse-tabs-text p {
	
	padding: 0;
	margin: 0;
}

@media (max-width: 767px) {
	
	.presse-tabs-n {
		
		flex-direction: column;
		align-items: flex-start;
	}
	
	.presse-tabs-n .presse-tabs-text {
		
		margin-top: 0;
		max-width: 75%;
	}
	
	.presse-tabs-n .presse-tabs-text p {
		
		text-align: left;
	}
}

@media (max-width: 479px) {
	
	
	.presse-tabs-n .presse-tabs-text {
		
		margin-top: 0;
		max-width: 100%;
	}
}