@font-face {
    font-family: 'chianti_osf_btroman';
    src: url('/wp-content/themes/hotelbooking/custome/fonts/chianti-osf-bt-roman-webfont.woff2') format('woff2'),
    url('/wp-content/themes/hotelbooking/custome/fonts/chianti-osf-bt-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'chianti_osf_btroman';
    src: url('/wp-content/themes/hotelbooking/custome/fonts/chianti-bt-bold-webfont.woff2') format('woff2'),
    url('/wp-content/themes/hotelbooking/custome/fonts/chianti-bt-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'chianti_btbold';
    src: url('/wp-content/themes/hotelbooking/custome/fonts/chianti-bt-bold-webfont.woff2') format('woff2'),
    url('/wp-content/themes/hotelbooking/custome/fonts/chianti-bt-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'saginaw_bold';
    src: url('/wp-content/themes/hotelbooking/custome/fonts/saginawbold-webfont.woff2') format('woff2'),
    url('/wp-content/themes/hotelbooking/custome/fonts/saginawbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.vc_btn3-style-flat[data-guestline-redirect] {
	font-size: 1.5rem;
}

footer #nd_options_footer_4_copyright .nd_options_text_align_center_responsive {
	width: 70%
}
footer #nd_options_footer_4_copyright .nd_options_text_align_center_responsive.nd_options_text_align_right {
	width: 30%
}

.inline.menu-item {
	width: auto;
	margin: 0 .75rem;
}

.menuResponsiv .hideCloseMenu {
	display: none !important;
}

.menuResponsiv.open .hideCloseMenu {
	display: inline !important;
}

.holydog-row {
	display: flex;
	flex-direction: row;
}

@media only screen and (max-width: 767px) {
	footer #nd_options_footer_4_copyright .nd_options_text_align_center_responsive {
		width: 100% !important;
		text-align: center !important;
	}
	
	.holydog-row {
		flex-direction: column;
	}
	
	.holydog-row .holydog-image {
		order: 0;
	}
	
	.holydog-row .holydog-info {
		order: 1;
	}
	
	
}

.menu-top-menue-container li:after, .menu-top-menue-container li:before {
    box-sizing: initial !important;

}

.font-thin {
	font-weight: 400;
}

.centerMenu {
  min-width: 680px !important;
}

.tp-simpleresponsive img,
.rev_slider img {
	width: 100%;
}

.roomGridBorder_buffets {
	display: flex;
	flex-direction: column;
}
.roomGridBorder_buffets {
    min-height: 340px;
}

.roomGridBorder_buffets .price {
    margin-top: 20px;
}

.roomGridBorder_buffets .vc_btn3-inline {
	margin-top: auto;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.two-rows-apartments .roomGrid.vc_col-sm-3:nth-child(n+5) {
		width: 33.333%;
	}
}

@media only screen and (min-width: 1460px) {
	.centerMenu {
	  min-width: 820px !important;
	}
}

.dark .tp-bgimg.defaultimg::after {
	content: "";
	position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
  
}

.maw__modal_popup_box .model-popup-btn {
    width: 100%;
    margin-bottom: 10px;
}

/* #nd_options_navigation_4_container {
    display: none;
} */

#nd_options_navigation_4_container.showMenuScroll {
    display: block;
    position: fixed;
    background: #fff;
    z-index: 999 !important;
    top: 0;
}

.events-card-img img {
	height: 375px; !important;
	margin-bottom: 0 !important;
	object-fit: cover;
}

.events-card-hover-img img {
	height: 375px; !important;
	width: 800px;
}


.showIframeWebcam {
    cursor: pointer !important;
}

.lang-item {
    border: none !important;
    padding: 0 !important;
    min-width: 0 !important;
}

ul.polylang_langswitcher {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 3px !important;
}

.openVideoLink {
    cursor: pointer;
}

.gastHerz {
    position: absolute;
    left: 250px;
    width: 100px;
	display: none !important;
}

.sticky_move_down {
    overflow: visible !important;
    background: rgb(255 255 255 / 90%) !important;
}

.sticky_move_down .gastHerz {
    display: none;
}

.cursorPointer {
    cursor: pointer;
}

.flexslider {
    box-shadow: none !important;
}

.roomIframe {
    width: 100%;
    height: 400px;
    border: none;
}

.wpb_text_column :last-child, .wpb_text_column p:last-child {
    margin-bottom: 4px;
}

body .sp-button {
    border: 2px solid #00325a !important;
}

body .sp-selected-button {
    background-color: #00325a !important;
}

.linkYoutube {
    display: none;
}

.ui-datepicker {
    z-index: 99999 !important;
}

.openVideo {
    cursor: pointer;
}

#start_nicdark_framework {
    font-family: 'chianti_osf_btroman' !important;
}

.chiantiBT {
    font-family: 'chianti_btbold' !important;
}

.saginaw, .saginaw h1 {
    font-family: 'saginaw_bold' !important;
}

.saginaw h1 {
    font-size: 28px;
    line-height: 25px;
    color: rgba(0, 0, 0, 0.6) !important
}

.boxContainerLarge .vc_gitem-zone-c .vc_gitem-row-position-top .vc_gitem-col {
    height: 275px;
}

.cols4er .boxContainerLarge .vc_gitem-zone-c .vc_gitem-row-position-top .vc_gitem-col {
    height: 375px;
}

.boxContainerLarge .vc_gitem-zone-c .vc_gitem-row-position-top .vc_gitem-col .vc_btn3-container {
    position: absolute;
    bottom: 0;
}

ul.tp-revslider-mainul li picture img {
	object-fit: cover;
	height: 100%;
	width: 100%;
    object-position: center center;
}

#protelFooter .copyright {
	display: none;
}

a {
    font-family: 'chianti_btbold' !important;
}

.nd_options_customizer_fonts a {
    color: #f9b000;
}

.iconLink i {
    font: 15px "Font Awesome 5 Free";
    font-weight: 900 !important;
    left: 40px !important;
}

.iconLink a {
    width: 100%;
    max-width: 200px;
    text-align: center !important;
}

.navPhone {
    display: none;
    float: right;
    position: relative;
    top: 20px;
    right: 50px;
    font-size: 18px;
    color: #004e8c;
}

.navPhone a {
    color: #004e8c;
}

.noBorderRight {
    border-right: none !important;
}

.captcha-image path {
    fill: #004f91;
    stroke: #004f91;
    stroke-width: 1;
    stroke-dasharray: 0, 800, 800;
    fill-opacity: 1;
}

.hatIcon {
    position: absolute;
    top: -135px;
    width: 35%;
    left: 51px;
    -webkit-transform: rotate(-37deg);
    -moz-transform: rotate(-37deg);
    -o-transform: rotate(-37deg);
    -ms-transform: rotate(-37deg);
    transform: rotate(-37deg);
}

.sleepIcon {
    position: absolute;
    right: 15%;
    top: 25px;
}

.sleepIcon img {
    width: 69px;
}

body p {
    color: rgba(51, 51, 51, 0.6);
    font-family: 'chianti_osf_btroman' !important;
    font-size: 15px;
    line-height: 32px;
}

h2 {
    font-family: 'saginaw_bold' !important;
    color: rgba(0, 0, 0, 0.6) !important;
    font-size: 28px;
    line-height: 25px;
}

h3 {
    color: #005091 !important;
    font-family: 'chianti_btbold' !important;
}

ul li {
    font-family: 'chianti_osf_btroman' !important;
}

.padding10 {
    padding-left: 10px;
    padding-right: 10px;
}

path {
    fill: #fff;
    stroke: #fff;
    stroke-width: 1;
    stroke-dasharray: 0, 800, 800;
    fill-opacity: 0;

}

.postionRelative .vc_gitem-row-position-top {
    position: relative !important;
}

.postionRelative:before {
    padding-top: 0 !important;
}

.postionRelative .vc_gitem_row .vc_gitem-col {
    padding: 0 !important;
}

.tp-revslider-slidesli.active-revslide svg path {
    animation: stroke 2s ease-in;
    animation-fill-mode: forwards;
}

.textCenter {
    text-align: center !important;
}

.textCenterGrid {
    text-align: center !important;
}

.smallGrid h3 {
    font-size: 14px;
}

.smallGrid p {
    font-size: 13px;
    line-height: 18px;
}

@keyframes stroke {
    from {
        stroke-dasharray: 0, 800, 800;
        fill-opacity: 0;
        fill: transparent;
    }
    to {
        stroke-dasharray: 0, 0, 800;
        fill-opacity: 1;
        fill: #fff;
    }
}

.iconBoxes .vc_column-inner {
    height: 360px;
}

.iconBoxes {
    border: 2px solid #004f91;
    border-radius: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
    margin-left: 10px;
    width: calc(20% - 20px);
}

.iconBoxes .moreInfo {
    bottom: 0;
}

.iconBoxes .vc_column-inner {
    border: 2px solid #004f91;
    border-radius: 10px;
}

.bonny {
    position: absolute;
    right: 0px;
    top: 235px;
    z-index: 99;
}

.bonnyList ul {
    font-size: 15px;
    color: #828282;
}

.bonnyList li {
    padding-bottom: 10px;
}

.textIndex {
    z-index: 2;
    position: relative;
}

/***BOOKING SIDEBAR**/
#bookingOverlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
    background: rgba(0, 40, 73, 0.85);
    overflow: scroll;
}

.closeOverlay {
    position: fixed;
    right: 20px;
    top: 10px;
    color: #fff;
    font-size: 40px !important;
    cursor: pointer;
}

#couponSitebar {
    position: fixed;
    top: calc(50% + 200px);
    right: -315px;
    height: 175px;
    background: #004f91;
    z-index: 9999;
    width: 370px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    -webkit-transition: right 1.5s; /* Safari */
    transition: right 1.5s;
    transform: translate(0, -50%);
}

#wbe4Wrapper #footer, #wbe4Wrapper #protelFooter {
    background: #e9e1cd !important;
    color: white !important;
}

#couponSitebarMobil {
    background: #004f91;
    color: #fff;
    font-size: 15px;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 5px;
    border: none;
}


#bookingSitebar {
    position: fixed;
    top: 50%;
    right: -315px;
    height: 200px;
    background: #F9B200;
    z-index: 9999;
    width: 370px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    -webkit-transition: right 1.5s; /* Safari */
    transition: right 1.5s;
    transform: translate(0, -50%);
}

#bookingSitebar form div {
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}

#bookingSitebar form input {
    padding-left: 5px;
    padding-right: 5px;
    font-family: 'chianti_osf_btroman' !important;
    height: 45px;
    width: calc(100% - 0px);
}

#bookingSitebar form label {
    color: #ffffff;
    font-family: 'chianti_osf_btroman' !important;
}

#bookingSitebar form button {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    background-color: #005091 !important;
    color: #fff;
    margin-top: 20px;
    width: calc(100% - 20px);
    margin-left: 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
}

#bookingSitebar form {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);

}

#bookingSitebar.active {
    right: 0;
}

.closeBooking {
    display: none;
}

.anreiseBookingContainer {
    position: relative;
}

.anreiseBookingContainer i {
    position: absolute;
    top: 38px;
    right: 3px;
    font-size: 22px;
    color: #828282;
}

.openBooking, .closeBooking {
    font-size: 38px;
    position: absolute;
    left: -24px;
    top: 50%;
    transform: translate(0, -50%);
    color: #F9B200;
    cursor: pointer;
    font-weight: 900;
    display: none !important;
}

.couponSitebaritle {
    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    position: absolute;
    top: 20px;
    left: -92px;
    font-size: 22px;
    color: #fff;
    width: 225px;
    padding-top: 15px;
}

.bookingSitebaritle {
    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    position: absolute;
    top: 50px;
    left: -92px;
    font-size: 22px;
    color: #fff;
    width: 225px;
    padding-top: 15px;
}

.bookingSitebaritleForm {
    width: calc(100% - 60px);
    margin-left: 60px;
    background: transparent;
    height: 100%;
}

.ui-datepicker .ui-datepicker-header {
    background: #fff;
}

.ui-datepicker {
    background: #828282;
}

.ui-datepicker .ui-datepicker-prev span {
    background: transparent;
    background-image: url("http://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_222222_256x240.png");
    background-position: -80px -192px;
}

.ui-datepicker .ui-datepicker-next span {
    background: transparent;
    background-image: url("http://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_222222_256x240.png");
    background-position: -48px -192px;
}

.ui-widget-content {
    color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #fff;
    font-weight: normal;
    color: #004f91;
}

.ui-state-active {
    color: #f9b200 !important;
}

.menuResponsiveContainer {
    display: none;
}

/*
HEADER AND MENU
*/
.normalBanner .forcefullwidth_wrapper_tp_banner, .normalBanner .rev_slider_wrapper, .normalBanner .fullwidthbanner-container .fullwidthabanner {
    max-height: 410px !Important;
}

#nd_options_navigation_4_top_header .nd_options_container {
    width: 100%;
}

.topBarRightMenuContainer {
    padding: 0;
    height: 100%;
}

#topBarRightMenu {
    float: right;
}

.nd_options_navigation_top_header_4 li a {
    color: #fff;
    font-size: 18px;
    font-family: 'chianti_osf_btroman' !important;
}

#topBarRightMenu li {
    font-size: 18px;
    padding-top: 16px;
    padding-bottom: 21px;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.46);
    padding-right: 12px;
    padding-left: 12px;
    min-width: 25px;
}

#topBarRightMenu li i {
    font-size: 22px;
}

#topBarRightMenu li:after {
    content: "";
    margin: 0;
    padding: 0;
    display: none;
}

#topBarRightMenu li.weather {
    font-size: 24px;
}

#nd_options_navigation_4_top_header {
    height: 60px;
    background-image: linear-gradient(89deg, #005091, #004880, #0062AC, #002849);
}

.logoTopBar {
    float: left;
    margin-left: 50px;
    margin-top: 15px;
}

.menuContainer {
    padding: 0 !important;
}

.menu {
    float: right;
    height: 80px;
    padding-right: 20px;
}

.nd_options_navigation_4 div > ul {
    padding-right: 30px;
}

.nd_options_navigation_4 div > ul > li {
    padding-top: 30px !important;
    padding-bottom: 18px !important;
    margin-right: 20px;
    margin-left: 20px;
}

.logoTopBar img {
    width: 150px;
}

#menu-simple li img {
    width: 22px;
    height: auto;
}

.nd_options_navigation_4 div li a {
    font-size: 18px !important;
    color: #005091 !important;
    font-family: 'chianti_osf_btroman' !important;
    padding-top: 34px;
    padding-bottom: 30px;
    padding-right: 10px;
    padding-left: 10px;
    letter-spacing: 2px !important;
}

.current_page_item {
    border-bottom: 5px solid #005091 !important
}

.nd_options_navigation_4 div > ul > li:hover {
    border-bottom: 5px solid #005091 !important;
    cursor: pointer;
}

.nd_options_navigation_4 div > ul > li:after {
    content: "" !important;
    display: inline-block;
    margin: 0 !important;
}

.nd_options_height_50 {
    display: none;
}

#nd_options_navigation_4_container {
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.33);
    z-index: 1;
}

/*
HOMESLIDER
*/
.hesperiden .tp-bullet {
    background: transparent;
    border: 2px solid #fff;
}

.hesperiden .tp-bullet:hover, .hesperiden .tp-bullet.selected {
    background: #fff;
}

#homeSlider .tp-bgimg.defaultimg {
    background-position: center -135px !important
}

#homeSlider .nocenter .tp-bgimg.defaultimg {
    background-position: left top !important
}

#homeSlider .centercenter .tp-bgimg.defaultimg {
    background-position: center center !important
}

.sliderHeadlineBig {
    font-family: 'saginaw_bold' !important;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
    text-align: center !important;
    left: 50%;
    transform: translate(-50%, 0) !important;
    max-width: inherit !important;
}

.startBannerText {
    text-align: center !important;
    line-height: 20px !important;
}

.startBannerText {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.headlineType {
    width: 100% !important;
    left: 0 !important;
}

.headlineType .tp-loop-wrap, .headlineType .tp-mask-wrap {
    width: 100% !important;
}

/*
HEADLINES
*/
.headlineDivider {
    width: 509px;
    margin-top: -5px;
    float: left;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.headlineDivider div {
    width: calc(50% - 33px);
    float: left;
    height: 2px;
    background: #F9B200;
    margin-top: 12px;
}

.greendMode .headlineDivider div {
    background: #82AC2D;
}

.headlineDivider img {
    width: 34px;
    margin-left: 15px;
    margin-right: 15px;
    float: left;
}

.headlineWhite h2 {
    color: #fff !important;
}

.headlineUnderlineShort:after {
    content: " ";
    border-bottom: 2px solid #f9b200;
    position: relative;
    top: -5px;
    padding-top: 0px;
    padding-bottom: 0;
    margin: 0;
    padding-left: 65px;
}

.headlineWhite.headlineUnderlineShort:after {
    border-bottom: 2px solid #fff;
    position: relative;
}

.containerWhiteColor .headlineDivider div {
    background: #fff;
}

.containerWhiteColor label, .containerWhiteColor span {
    color: #fff;
}

.containerWhiteColor h2 {
    color: #fff !important;
}

.codedropz-upload-inner h3 {
    color: #fff !important;
}

.dnd-upload-status .dnd-upload-details .name {
    color: #fff;
    padding: 4px 0;
    display: block;
}

.dnd-upload-status .dnd-upload-details .name em {
    color: #eee;
}

.containerWhiteColor .headlineDivider img {
    -webkit-filter: invert(1) contrast(235%);
    filter: invert(1) contrast(235%);
}

.containerWhiteColor a {
    color: #fff;
    font-weight: bold;
}

.playVideo a {
    font-size: 13px;
}

.playVideo i {
    font-size: 25px;
    position: relative;
    top: 5px;
    margin-left: 15px;
}

.rev_slider_wrapper .playVideo a, .homeOrangeText {
    font-size: 21px !important;
}

.homeOrangeText {
    line-height: 35px !important;
}

.rev_slider_wrapper .playVideo i {
    color: #f9b200;
    top: 2px;
    margin-left: -2px !important;
}

.form-group {
    margin-top: 10px;
}

.contactSubmit {
    text-align: center;
    width: 250px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/**
TESTIMONIAL
**/
.containerWhiteColor .testimonial-content p {
    padding-top: 10px !important;
    color: #676e76 !important;
    font-style: normal;
    font-family: 'chianti_osf_btroman' !important;
    font-size: 16px;
    line-height: 29px;
}

.homeTestimonialsSlider .wpmslider-wrapper {
    max-width: 90% !important;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.33);
}

.testimonial-content:after, .testimonial-content:before {
    content: '' !important;
}

.containerWhiteColor .testimonial-content:before {
    content: '\f005\f005\f005\f005\f005' !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
    color: #FBB03B !important;
    letter-spacing: 13px !important;
    position: relative !important;
    left: 0 !important;
    font-size: 22px !important;
    mask: none !important;
    -webkit-mask: none !important;
    background: transparent !important;
}

.strong-view.wpmtst-modern .wpmtst-testimonial-content:after {
    display: none !important;
}

.homeTestimonialsSlider .wpmslider-viewport {
    border-radius: 10px;
}

.strong-view.controls-type-sides:not(.rtl) .wpmslider-prev {
    left: -75px;
}

.strong-view.controls-type-sides:not(.rtl) .wpmslider-next {
    right: -75px;
}

.strong-view.controls-style-buttons .wpmslider-prev, .strong-view.controls-style-buttons .wpmslider-next {
    color: #fff;
    font-size: 33px;
    line-height: 24px;
    width: 24px;
    height: 24px;
}

.strong-view.controls-style-buttons .wpmslider-prev:hover, .strong-view.controls-style-buttons .wpmslider-next:hover {
    color: #b0b0b0;
}

.strong-view.modern .testimonial-inner {
    padding: 15px;
    text-align: center;
}

.strong-view.modern .testimonial:first-child {
    margin-top: 0;
    background: #ffffff;
}

.strong-view.modern .testimonial-image img {
    border-radius: 0 !important;
}

.strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before {
    content: "\f104" !important;
    font-family: FontAwesome;
    font-size: 45px;
}

.strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before {
    content: "\f105" !important;
    font-family: FontAwesome;
    font-size: 45px;
}

.blureBackground .strong-view-id-1 .testimonial-inner {
    background: rgba(255, 255, 255, 0.93);
    border-radius: 3px;
}

/*
TEXTE
*/
.containerWhiteColor p {
    color: #fff !important;
}

.containerWhiteColor .offer p {
    color: #828282 !important;
}

.centerText {
    text-align: center !important;
}

.centerText i {
    font-size: 50px;
    color: #005091;
}

.largeText p {
    font-size: 18px;
}

.roomGridBorder .vc_btn3-container.vc_btn3-inline {
    position: absolute;
    float: left;
    margin-right: auto;
	width: 100%;
}

.overlyContentText h2 {
    color: #ffffff !important;
}

svg {
    max-width: 1024px;
}

.eventGrid .price {
    width: 100%;
    text-align: left;
}

/*
Container
*/
.smallContainerWhiteBG {
    background: #fff;
    min-height: 364px;
    height: 364px;
}

.price {
    color: #004e8c !important;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: 'chianti_btbold' !important;
}

.button-link a {
    background-color: #f9b000;
    color: #fff !important;
    text-decoration: none;
    padding: 7px 20px;
    border-radius: 5px;
    font-size: inherit;
    font-weight: 100 !important;
	margin-top: 16px;
	display: inline-block;
}

@media (min-width: 768px) {
	.eventGrid a {
	  position: static !important;
	}
}


.borderBlue {
    border-color: #004e8c !important;
}

.colorBlue a {
    color: #004e8c !important;
}

.largeFont p {
    font-size: 32px;
    color: #004e8c !important;
}

.listBorder:before {
    content: url('/wp-content/themes/hotelbooking/custome/img/segelboot_kamp_hotels_extraklein.png');
    position: absolute;
    top: 15px;
    left: 0;
}

.listBorder:after {
    content: url('/wp-content/themes/hotelbooking/custome/img/segelboot_kamp_hotels_extraklein.png');
    position: absolute;
    top: 15px;
    right: 0;
}

.winterHead:before {
    content: '' !important;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Font Awesome 5 Free', 'chianti_btbold';
    color: #004e8c;
    z-index: 1;
    transform: rotate(-45deg);
}

/**
ROOMS
**/
.roomBoatIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 1;
    padding-bottom: 100px;
    transform: translate(-50%, -50%);
    -webkit-filter: invert(1) contrast(235%);
    filter: invert(1) contrast(235%);
}

.roomSize {
    position: absolute;
    top: 64%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 24px;
}

.roomPeople {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 21px;
}

.smallGrid .roomPeople, .smallGrid .roomSize, .tagungGrid .roomPeople, .tagungGrid .roomSize {
    font-size: 18px;
}

.smallGrid .roomSize {
    top: 68%;
}

.roomText {
    font-size: 15px;
    line-height: 26px;
}

.roomPrize {
    font-family: 'chianti_btbold' !important;
    color: #005091 !important;
    font-size: 22px;
    text-align: right;
    margin-top: 5px;
}

.roomsButtonContainer {
    position: static;
	width: 100%;
    left: 0;
    bottom: 0;
}

.tagungDetail .roomText {
    color: #828282 !important;
}

.tagungDetail .roomPrize {
    color: #005091 !important;
}

.tagungDetail {
    min-height: 200px;
}

.roomGridAngebote {
    border: 1px solid rgba(207, 207, 207, 0.43);
    height: auto;
    min-height: 350px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.roomGridAngebote .vc_gitem-post-data-source-post_title {
	min-height: 4rem;
}

.roomGridAngebote.eventGridAngebote .vc_gitem-post-data-source-post_title {
	min-height: auto;
	margin-bottom: 10px !important;
	margin-top: 20px !important;
}

.roomGridAngebote.eventGridAngebote .price {
  text-align: left !important;
}
  
.roomGridAngebote.eventGridAngebote {
  text-align: left !important;
	min-height: 275px;
}

.roomGridAngebote .vc_gitem-post-data-source-post_excerpt p {
	min-height: 11rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.roomGridAngebote.eventGridAngebote .vc_gitem-post-data-source-post_excerpt p {
	min-height: auto;
}

.roomGridBorder {
    border: 1px solid rgba(207, 207, 207, 0.43);
	min-height: 21rem !important;
    background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: start;
}

.roomGridBorder > div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 21rem !important;
}

.flex-offer > div > .vc_pageable-slide-wrapper {
	
}

.containerWhiteColor .roomGridBorder .roomText {
    color: #828282 !important;
}

.roomGridBorder .roomPrize {
    color: #005091 !important;
}

.roomTypes .roomTitle {
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
}

.roomTypes .roomTitle h2 {
    color: #fff !important;
    font-size: 35px;
    font-family: 'saginaw_bold' !important;
}

.roomTypes .roomPrize {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
}

.roomTypes .vc_btn3-container {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.roomTypeBottom {
    border-bottom: 1px solid #CFCFCF;
    background: #fff;
}

.roomTypeBottom .roomTitle {
    font-family: 'chianti_btbold' !important;
    color: #005091 !important;
    font-size: 22px;
    margin-left: 10px;
}

.roomTypeBottom .roomSize {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    color: #ccc;
    font-size: 20px;
    float: right;
    margin-right: 10px;
}

.roomPeopleBottom {
    color: #ccc;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    font-size: 20px;
    float: right;
    margin-right: 20px;
}

.roomInfoBox h3 {
    color: #fff !important;
    font-family: 'chianti_btbold' !important;
}

.roomInfoBox p {
    color: #fff !important;
    font-family: 'chianti_osf_btroman' !important;
    font-size: 13px;
}

.roomInfoBox .iconText {
    margin-bottom: 15px !important;
}

.roomInfoBox .icons {
    font-size: 24px;
    color: #fff;
    margin-right: 10px;
    padding-top: 0px;
    margin-bottom: 15px !important;
    width: 27px;
}

.roomGroundImage {
    border: 1px solid #CFCFCF;
    height: 420px;
}

.roomGroundImage .vc_column-inner {
    padding: 10px !important;
}

.roomDetailInfo {
    text-align: center;
}

.roomDetailInfo i, .roomDetailInfo p {
    color: #CFCFCF;
    text-align: center;
}

.roomDetailInfo p {
    font-size: 20px;
    font-family: 'chianti_osf_btroman' !important;
}

.roomDetailInfo i {
    font-size: 35px;
}

#start_nicdark_framework {
    color: #666666;
}

.eventGrid {
    height: 300px;
}

.gridFullWidth .roomGridBorder {
    height: 165px;
}

.borderGrundriss .vc_gitem-animated-block {
    border: 1px solid #eaeaea;
    border-bottom: none;
}

.nd_options_customizer_forms .wpcf7-response-output.wpcf7-validation-errors {
    display: block;
    position: absolute !important;
    bottom: -5px;
    left: 30px !important;
    top: auto !important;
    width: 100% !important;
}

.form-group {
    position: relative;
}

/*
FOOTER
*/
#nd_options_footer_4 p {
    text-align: center;
    color: #86919A !important;
}

#nd_options_footer_4 {
    padding-top: 40px;
    text-align: center;
}

#nd_options_footer_4_copyright {
    padding-top: 10px;
    padding-bottom: 5px;
}

#nd_options_footer_4_copyright .nd_options_container {
    border: none !important;
}

#nd_options_footer_4_copyright a, #nd_options_footer_4 a {
    color: #86919A !important;
    cursor: pointer;
}

#nd_options_footer_4_copyright a:hover, #nd_options_footer_4 a:hover {
    color: #fff !important;
}

#nd_options_footer_4_copyright a {
    margin-right: 30px;
    font-size: 13px;
    cursor: pointer;
}

#nd_options_footer_4 i {
    font-size: 25px;
    margin-right: 35px;
}

#nd_options_footer_4 .iconContainer .fas.fa-rss {
    margin-right: 0;
}

#nd_options_footer_4 .iconContainer {
    margin: 0 auto;
    text-align: center;
}

#nd_options_footer_4 #text-5 {
    margin-bottom: 10px !important;
}

/**
MORE INFORMATION BUTTONS
**/
.moreInfo {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
}

/**
Image Buttons
*/
.imageButtonMainContent {
    height: 100%;
    position: initial;
}

.imageButtonMainContent:before {
    padding: 0 !important;
    padding-bottom: 30px !important;
}

.hoverimage {
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.hoverButton {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    margin-top: 55px;
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.padding75 {
    padding-bottom: 75px;
}

.padding45 {
    padding-bottom: 75px;
}

.hoverTextPost {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    opacity: 1;
    transform: translate(-50%, -50%);
    color: #fff !important;
    width: calc(100% - 20px);
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    line-height: 20px;
}

.hoverDatePost {
    position: absolute;
    top: 35%;
    left: 50%;
    text-align: center;
    opacity: 1;
    transform: translate(-50%, -50%);
    color: #fff !important;
    width: calc(100% - 20px);
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.hoverTextPost h2 {
    color: #fff !important;
}

.hoverTextPost i {
    color: #fff;
    font-size: 25px;
}

.hoverText {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    color: #fff !important;
    width: calc(100% - 20px);
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.boxContainerSmall .smallImageContainer .padding75 {
    padding-bottom: 110px;
}

.boxContainerSmall .smallImageContainer .hoverIcon {
    padding-bottom: 185px;
}

.boxContainerSmall .hoverText p {
    line-height: 21px;
}

.boatIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    padding-bottom: 130px;
    transform: translate(-50%, -50%);
    webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    -webkit-filter: invert(1) contrast(235%);
    filter: invert(1) contrast(235%);
}

.hoverText p, .hoverText h2 {
    color: #fff !important;
}

.vc_is-hover .blurBack {
    -webkit-filter: blur(3px); /* Safari 6.0 - 9.0 */
    filter: blur(3px);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.vc_gitem-animate-none .vc_gitem-zone-b {
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.imageButtonMainContent .containerContent:hover .hoverimage, .imageButtonMainContent .containerContent:hover .boatIcon, .imageButtonMainContent .containerContent:hover .hoverButton, .imageButtonMainContent .containerContent:hover .hoverText {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
    cursor: pointer;
}

.imageButtonMainContent .containerContent:hover .nonHoverimage img {
    -webkit-filter: blur(3px); /* Safari 6.0 - 9.0 */
    filter: blur(3px);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.hoverIcon {
    text-align: center;
    padding-bottom: 160px;
}

.hoverIcon i {
    font-size: 35px;
}

.imageButtonsWrapper {
    padding-bottom: 250px;
}

.smallImageContainer .padding75 {
    padding-bottom: 30px;
}

.smallImageContainer .hoverIcon {
    padding-bottom: 120px;
}

/**
360 Badged
*/
.grad360 {
    cursor: pointer;
}

.grad360:before {
    content: "\f01e 360°";
    font-size: 15px;
    white-space: pre;
    position: absolute;
    top: 13px;
    left: 2px;
    font-family: 'Font Awesome 5 Free', 'chianti_btbold';
    color: #fff;
    z-index: 1;
    transform: rotate(-45deg);
    font-weight: bold;
}

.grad360:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-width: 0 0 80px 80px;
    border-style: solid;
    border-color: transparent #FBB03B;
}

.greenMode .grad360:before {
    color: #82AC2D;

}

.greenMode .grad360:after {
    border-color: transparent #FFF3DF;

}

.load360 {
    position: absolute;
    left: 75px;
    top: 30px;
    width: 100px;
    height: 100px;
    cursor: pointer;
}

#overlay360 {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    background: rgba(0, 40, 73, 0.9);
    overflow: scroll;
}

#overlay360 iframe {
    width: 90%;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
}

.overlyContentText {
    max-width: 790px;
    margin: 0 auto;
    color: #fff !important;
    margin-top: 5%;
    width: 80%;
}

.overlyContentText p, .overlyContentText span, .overlyContentText ul, .overlyContentText li {
    color: #fff !important;
}

.hideLink {
    display: none;
}

/**
VIDEO Badged
**/

.videoBefore .vc_gitem-row-position-top:before {
    content: "\f008\00a0Video";
    font-size: 13px;
    position: absolute;
    top: 13px;
    left: 0px;
    font-family: 'Font Awesome 5 Free', 'chianti_btbold';
    color: #fff;
    z-index: 1;
    transform: rotate(-45deg);
    font-weight: bold;
    letter-spacing: 0px;
}

.videoBefore .vc_gitem-row-position-top:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-width: 0 0 80px 80px;
    border-style: solid;
    border-color: transparent #FBB03B;
}

.greenMode .videoBefore:before {
    color: #82AC2D;

}

.greenMode .videoBefore:after {
    border-color: transparent #FFF3DF;

}

.heigh100 {
    height: 100%;
}

.heigh100 .videoImg, .heigh100 .vc_gitem-zone-mini, .heigh100 .vc_gitem-row-position-top {
    height: 100%;
}

/**
BUTTONS
**/
.greyButtonLink {
    width: 100%;
}

.greyButtonLink p {
    width: 100%;
    background: #f8f8f8;
    border: transparent;
    border-radius: 3px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    font-family: 'chianti_btbold' !important;
    width: 100%;
    margin-bottom: 12px;
    border: 1px solid #ccc !important;
}

.greyButtonLink a {
    color: #666666 !important;
    font-size: 18px;
    cursor: pointer;
    font-family: 'chianti_btbold' !important;
    width: 100%;
    padding: 7px 30px !important;
}

.vc_btn3 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    color: #fff !important;
    background-color: #F9B200 !important;
    font-family: 'chianti_osf_btroman' !important;
}

.aparthotel button {
    background-color: #FFF3DF !important;
    color: #82AC2D !important;
    font-family: 'chianti_osf_btroman' !important;
}

.aparthotel .vc_btn3 {
    background-color: #FFF3DF !important;
    color: #82AC2D !important;
    font-family: 'chianti_osf_btroman' !important;
}

/**
FLOW PLAYER
**/
.flowplayer.is-splash {
    width: 100% !important;
    background-size: cover;
    margin: 0;
}

.iconList {
    font-size: 45px;
    color: #fff;
    margin-right: 15px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.iconText {
    width: calc(100% - 40px);
}

.floatLeft {
    float: left;
}

.carrerThumb {
    font-size: 24px;
    color: #004f91;
    transform: rotate(-2deg);
    text-align: center;
}

.carrerThumb i {
    font-size: 45px;
}

/**
BACKGROUND IMAGES
*/
.boatBG:before {
    content: url('/wp-content/themes/hotelbooking/custome/img/boat.jpg');
    position: absolute;
    z-index: 0;
    left: -85px;
    bottom: -28px;
}

.tomateBG:before {
    content: url('/wp-content/themes/hotelbooking/custome/img/tomaten.png');
    position: absolute;
    z-index: 0;
    left: 0px;
    bottom: -60px;
}

.flowerBG:before {
    content: url('/wp-content/themes/hotelbooking/custome/img/flower.png');
    position: absolute;
    z-index: 0;
    left: -3px;
    bottom: -140px;
}

.sleepBG:before {
    content: url('/wp-content/themes/hotelbooking/custome/img/sleep2.png');
    position: absolute;
    z-index: 0;
    right: 50px;
    top: 52px;
    opacity: 0.1;
}

.cheersBG:before {
    content: url('/wp-content/themes/hotelbooking/custome/img/cheers_icon.png');
    position: absolute;
    z-index: 0;
    right: 50px;
    top: 52px;
    opacity: 0.1;
}

.kompassBG:after {
    content: url('/wp-content/themes/hotelbooking/custome/img/kompass.jpg');
    position: absolute;
    z-index: 0;
    right: -120px;
    top: -45px;
}

.kompassBG:after {
    content: url('/wp-content/themes/hotelbooking/custome/img/kompass.jpg');
    position: absolute;
    z-index: 0;
    right: -120px;
    top: -45px;
}

.shrimpBG:after {
    content: url('/wp-content/themes/hotelbooking/custome/img/shrimp.png');
    position: absolute;
    z-index: 0;
    right: 55px;
    bottom: 5px;
}

.shellBG:before {
    content: url('/wp-content/themes/hotelbooking/custome/img/shell_2.png');
    position: absolute;
    z-index: 0;
    left: -120px;
    top: -9px;
}

.shellBG:after {
    content: url('/wp-content/themes/hotelbooking/custome/img/shell_1.png');
    position: absolute;
    z-index: 0;
    right: -80px;
    bottom: -60px;
}

/**
SHADOWS
*/
.shadow {
    box-shadow: 0px 100px 60px #000000;
}

.buttonShadow button, .buttonShadow .vc_btn3 {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16) !important;
}

/**
ROOMSLIDER
*/
#roomSlider .firstSlide {
    width: 65%;
    position: relative;
    left: 35%;
}

#roomSlider .secondSlide {
    width: 65%;
    position: relative;
    top: 100px;
}

.hidePC {
    display: none;
}

/**
LEVITA DESIGN
**/
.levitaDesign h3 {
    color: #1eae9c !important;
}

.levitaDesignA {
    font-size: 14px !important;
    color: #1eae9c !important;
}

.levitaDesignA:hover {
    color: #1c9988 !important;
}

/**
blureBackground
 */
.blureBackground {
    padding-top: 50px;
    padding-bottom: 50px;
}

.blureBackground p {
    color: #fff;
}

/**
bookingWidget
 */
.bookingWidget input {
    width: 88px;
    float: left;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    font-size: 40px;
    color: #fff !important;
    font-family: 'chianti_btbold' !important;
}

.bookingWidget ::placeholder {
    color: #fff !important;
}

.bookingWidget .checkin, .bookingWidget .nights, .bookingWidget .guests {
    background-color: rgba(0, 80, 145, 0.93);
    height: 152px;
    width: 100%;
}

.bookingWidget button {
    width: 100%;
    height: 85px;
    font-size: 28px !important;
    margin-top: 25px;
}

.bookingWidget label {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 21px;
    padding-top: 20px;
    font-family: 'chianti_btbold' !important;
}

.bookingWidgetRoom .checkin, .bookingWidgetRoom .nights, .bookingWidgetRoom .guests {
    height: 120px;
}

.bookingWidgetRoom button {
    height: 120px;
    margin: 0 !important;
}

.monthContainer {
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 15px;
}

.bookingWidgetRoom .vc_col-md-2 {
    display: none !important;
}

.bookingWidgetRoom .vc_col-sm-4 {
    width: 100% !important;
}

.monthContainer i {
    position: relative;
    left: 8px;
    top: -7px;
}

.nights .monthContainer, .guests .monthContainer {
    left: -20px;
}

.nights input, .guests input {
    text-align: right;
    margin-left: 15px;
    position: relative;
    z-index: 2;
}

select {
    width: 100%;
    position: relative;
    z-index: 1;
}

input {
    position: relative;
    z-index: 1;
}

.nd_options_customizer_forms span.wpcf7-not-valid-tip, .nd_options_customizer_forms .wpcf7-response-output.wpcf7-validation-errors {
    background-color: transparent;
    border-width: 0px;
    border-color: #fff;
    border-radius: 3px;
    border-style: solid;
    padding: 6px 0px;
    color: #f00;
    margin: 0px;
    margin-top: 0px;
    font-size: 13px;
    line-height: 20px;
    position: relative;
    z-index: 0;
}

/***
IMAGE SLIDER
**/
.sp-bottom-thumbnails {
    position: absolute !important;
    bottom: 20px;
    left: 50% !important;
    transform: translate(-50%, 0);
}

.sp-selected-thumbnail {
    border: none !important;
}

.sp-thumbnail-container:before {
    background: rgba(0, 50, 90, 0.59);
    content: " ";
    width: 50px;
    height: 50px;
    position: absolute;
}

.sp-selected-thumbnail:before {
    background: rgba(249, 178, 0, 0.61) !important;
}

/**
.levitaDesign .vc_btn3 {
    background-color: #1eae9c !important;
}**/

.b-modal {
    background: rgba(0, 40, 73, 0.85) !important;
}

.mega-model-popup img {
    width: 35px;
}

.mega-model-popup {
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.model-popup-container h2 {
    border: none !important;
    padding-top: 20px !important;
}

.modal-popup-box .model-popup-btn {
    padding: 7px 30px !important;
    cursor: pointer;
    font-family: 'chianti_btbold' !important;
    width: 100%;
    margin-bottom: 12px;
    border: 1px solid #ccc !important;
}

.hideDesktop {
    display: none !important;
}

.ui-datepicker .ui-datepicker-title {
    font-family: Verdana, Arial, sans-serif !important;
    color: #222 !important;
    margin: 0 2.3em !important;
    line-height: 1.8em !important;
    text-align: center !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative !important;
    padding: .2em 0 !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 4px !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 15px !important;
    top: 4px !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute !important;
    background-color: transparent !important;
}

.ui-datepicker .ui-datepicker-prev span {
    background-position: -80px -192px !important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    padding: 0 !important;
}

.ui-datepicker .ui-datepicker-next span {
    background-position: -47px -192px !important;
}

.ui-datepicker-today a.ui-state-active {
    color: #f9b200 !important;
}

.ui-datepicker th {
    font-size: 15px !important;
}

.nd_options_customizer_fonts, .nd_options_customizer_fonts .nd_options_second_font, .nd_options_customizer_fonts p, .nd_options_customizer_fonts a, .nd_options_customizer_fonts select, .nd_options_customizer_fonts textarea, .nd_options_customizer_fonts label, .nd_options_customizer_fonts input, #start_nicdark_framework {
    font-family: 'chianti_osf_btroman';
}

.greenMode .sp-thumbnail-container:before {
    background: rgba(130, 172, 45, 0.72);
    content: " ";
    width: 50px;
    height: 50px;
    position: absolute;
}

.wineGlas .fa.fa-glass:before {
    content: "\f5ce";
}

#overlay360 h1, #overlay360 h2 {
    color: #fff !important;
}

.nd_options_customizer_forms .wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: transparent;
    border-width: 0px;
    border-color: #fff;
    border-radius: 3px;
    border-style: solid;
    margin: 0px;
    margin-top: 10px;
    line-height: 44px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    float: left;
    position: absolute;
    background: rgba(0, 79, 145, 0.79);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    padding: 25px;
    animation: signup-response 0.5s 1;
    -webkit-animation: signup-response 0.5s 1;
    animation-fill-mode: forwards;
    z-index: 9999;
    animation-delay: 4s;
    -webkit-animation-delay: 4s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;
}

@keyframes signup-response {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-webkit-keyframes signup-response {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.bannerHeadline {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.infoUserImg {
    position: absolute;
    bottom: 0;
    right: 25px;
    color: #fff !important;
}

.infoUserImg p {
    color: #fff !important;
}

.grad360:has('no360no'):before {
    background: transparent !important;
}

.carrerBoxes .hoverText {
    top: 61% !important;
}

.carrerBoxes .hoverTextKarriere {
    top: 66% !important;
}

.hoverTextKarriere p {
    line-height: 17px;
}

.floatNone {
    float: none !important;
}

.hidePCReal {
    display: none !important;
}

.hideTabletReal {
    display: block;
}

.karriereLast {
    text-align: center;
    font-size: 60px;
    margin-top: -35px;
}

.longVideo .wpb_wrapper {
    position: relative;
    padding-bottom: 42.25%;
    height: 0;
}

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

.longVideoWidth .wpb_wrapper {
	position: relative;
	padding-bottom: 0%;
	height: auto;
}


.longVideoWidth .wpb_wrapper .flowplayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flowplayer div svg {
    margin-top: auto !important;
}

.polylang_langswitcher .lang-item img {
    width: 21px;
    height: auto;
}

li.lang {
    padding-left: 5px !important;
}

.booked_button {
    position: absolute;
    z-index: 999;
    top: 30px;
    left: 0px;
    width: 300px;
}

.onlyMobile {
    display: none;
}

.showMenuOverlay i {
    font-size: 23px;
}

.showMenuOverlay {
    margin-left: 30px;
}

@media (max-width: 1800px) {
    .navPhone {
        font-size: 13px;
        right: 15px;
    }

    .nd_options_navigation_4 div > ul > li {
        padding-top: 30px !important;
        padding-bottom: 18px !important;
        margin-right: 10px;
        margin-left: 10px;
    }
}

@media (max-width: 1700px) {
    .logoTopBar img {
        width: 120px;
    }

    .navPhone {
        top: 29px;
        font-size: 13px;
        line-height: 20px;
    }

    #topBarRightMenu li {
        padding-right: 10px;
        padding-left: 10px;
    }

    .gastHerz {
		display: none;
        left: 170px;
        width: 80px;
    }

    .nd_options_navigation_4 div li a {
        font-size: 17px !important;
    }

}

@media (max-width: 1650px) {
    .nd_options_navigation_top_header_4 li a {
        font-size: 15px;
    }
}

@media (max-width: 1600px) {
    #topBarRightMenu li {
        padding-right: 8px;
        padding-left: 8px;
    }

    #topBarRightMenu li {
        font-size: 17px;
    }

    #topBarRightMenu li.weather {
        font-size: 17px;
    }
}

@media (max-width: 1560px) {

    .nd_options_navigation_4 div li a {
        font-size: 13px !important;
    }

    #topBarRightMenu li {
        padding-right: 8px;
        padding-left: 8px;
    }

    #homeSlider .tp-bgimg.defaultimg {
        background-position: 0 !important;
    }

    #homeSlider svg {
        width: 80%;
    }

    .flowerBG:before, .ankerBG:after {
        opacity: 0.5;
    }

    .navPhone {
        top: 33px;
        font-size: 11px;
        line-height: 17px;
        right: 11px;
    }

    .nd_options_navigation_4 div li a {
        font-size: 13px !important;
    }

    .logoTopBar {
        float: left;
        margin-left: 17px;
        margin-top: 15px;
    }

    .gastHerz {
        left: 135px;
        width: 80px;
    }

}

@media (max-width: 1450px) {
    .logoTopBar {
        float: left;
        margin-left: 5px;
    }

    .gastHerz {
        left: 125px;
    }

    #topBarRightMenu li.weather {
        font-size: 17px;
    }

    #topBarRightMenu li {
        padding-right: 6px;
        padding-left: 6px;
    }

    .menu {
        float: right;
        height: 72px;
    }

    .nd_options_navigation_4 div > ul > li {
        padding-top: 25px !important;
        padding-bottom: 20px !important;
        margin-right: 0px;
        margin-left: 0px;
    }

    .startBannerText {
        margin-top: 30px !important;
    }

    .homeOrangeText {
        line-height: 90px !important;
    }

    .playVideo a {
        line-height: 90px !important;
    }

    .nd_options_navigation_4 div li a {
        font-size: 15px !important;
    }
}

@media (max-width: 1420px) {

    .logoTopBar {
        float: left;
        margin-left: 30px;
    }

    .gastHerz {
        display: none;
    }

    .sticky_move_down {
        overflow: hidden !important;
    }

    .nd_options_navigation_4 div li a {
        font-size: 13px !important;
    }

    #topBarRightMenu li {
        font-size: 13px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .nd_options_navigation_top_header_4 li a {
        font-size: 13px;
    }

    #homeSlider svg {
        margin-top: -85px !important;
    }
}

@media (max-width: 1350px) {
    .navPhone {
        display: none !important;
    }

    .nd_options_navigation_4 div li a {
        font-size: 12px !important;
    }
}

@media (max-width: 1270px) {

    .nd_options_navigation_4 div li a {
        font-size: 12px !important;
        padding-right: 6px;
        padding-left: 6px;
    }

    #topBarRightMenu li {
        font-size: 13px;
        padding-right: 4px;
        padding-left: 4px;
    }

    .nd_options_navigation_top_header_4 li a {
        font-size: 12px;
    }

    #topBarRightMenu li.weather {
        font-size: 14px;
    }

    #bookingOverlay iframe {
        margin-top: 65px !important;
    }

    .nd_options_navigation_4 div > ul > li {
        margin-right: 5px;
        margin-left: 5px;
    }
}

@media (max-width: 1199px) {

    h1 svg, div svg {
        max-width: 800px !important;
    }

    .roomGrid.vc_col-sm-3 {
        width: 50%;
    }

    .bonny {
        position: relative;
        right: 0px;
        top: -68px;
        z-index: 99;
    }

    .hatIcon {
        top: -92px;
        width: 30%;
        left: 51px;
    }

    .hideDesktop {
        display: block !important;
    }

    .smallContainerWhiteBG {
        min-height: 270px;
        height: 270px;
    }

    .carrerSpace {
        height: 60px !important;
    }

    .carrerBoxes .hoverText {
        top: 51%;
    }

    .carrerBoxes .hoverTextKarriere {
        top: 59%;
    }

    .hoverTextKarriere p {
        line-height: 20px;
    }

    .roomTypeBottom .roomTitle {
        font-size: 18px;
    }

    .roomTypeBottom .roomSize, .roomPeopleBottom {
        font-size: 14px;
    }

    .roomPeopleBottom {
        margin-right: 10px;
    }

    .vc_gitem-zone-b {
        opacity: 1 !important;
    }

    .tp-revslider-slidesli.active-revslide svg path {
        animation: stroke 2s ease-in;
        animation-fill-mode: forwards;
    }

    .iconBoxes .vc_column-inner {
        height: 325px;
    }

    .iconBoxes .wpb_raw_html {
        margin: 0 !important;
    }

    .iconBoxes p {
        font-size: 14px;
        line-height: 22px;
    }

    #bookingSitebar, #couponSitebar {
        display: none;
    }

    body p {
        font-size: 14px;
        line-height: 26px;
    }

    .nd_options_container {
        width: 90% !important;
    }

    .hidePC {
        display: block;
    }

    .hideTablet {
        display: none;
    }

    .margin30Top {
        margin-top: 30px;
    }

    .margin30 {
        margin-bottom: 30px;
    }

    .imgGreyBg {
        height: 130px;
        margin-bottom: 20px;
    }

    .imgGreyBg .wpb_content_element {
        margin-bottom: 0 !important;
    }

    .blankIMG {
        display: none;
        margin: 0 !important;
    }

    .shadow {
        box-shadow: none;
    }

    /**MENU TOPBAR**/
    .menuResponsiveContainer {
        display: block;
        width: 100%;
        left: -100%;
        background-color: rgba(255, 255, 255, 0.93) !important;
        margin-top: 50px;
        padding-top: 0px;
    }

    .nd_options_navigation_4_sidebar div > ul > li {
        width: 100%;
        text-align: center;
        padding: 0px 0px 0px 0px !important;
    }

    .menuResponsiveContainer ul li a {
        color: #005091;
        font-size: 20px;
        text-transform: none;
        padding: 8px 0px;
        font-family: 'chianti_osf_btroman' !important;
    }

    .current_page_item a {
        color: #F9B200 !important;
    }

    .hideCloseMenu {
        display: none;
    }

    .menuResponsiv ul li {
        font-size: 18px;
        color: #fff;
        border-right: 1px solid rgba(255, 255, 255, 0.46);
        min-width: 25px;
        display: inline-block;
        width: calc(93% / 3);
        text-align: center;
        padding-top: 14px;
        padding-bottom: 6px;
        height: 46px;
        margin-top: -3px;
        overflow: hidden;
    }

    .menuResponsiv.open ul li {
        padding-top: 12px;
    }

    .menuResponsiv ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .hideIconMobil {
        display: none;
    }

    .menuResponsiv {
        width: 50%;
        float: left;
        height: 50px;
        background: #fff;
        text-align: left;
        position: relative;
        z-index: 9999;
        overflow: hidden;
        border-bottom: 1px solid #ccc;
    }

    .menuResponsiv a {
        font-size: 30px;
        color: #005091;
    }

    .current_page_item, .menu {
        border: none !important;
        margin-top: 5px !important;
        float: none;
        height: auto;
    }

    .bookingResponsiv {
        width: 50%;
        float: left;
        height: 50px;
        background-color: #fff !important;
        color: #005091;
        position: relative;
        z-index: 9999;
        border-bottom: 1px solid #ccc;
    }

    .nd_options_navigation_4_sidebar {
        text-align: center;
    }

    .logoMenu1 {
        margin-top: 20px;
        width: 50%;
        max-width: 200px;
    }

    .logoMenu2 {
        margin-top: 20px;
        width: 64%;
        margin-bottom: 20px;
        max-width: 200px;
    }

    .closeMenu {
        font-size: 29px;
        color: #005091;
    }

    .bookingResponsiv a {
        color: #005091;
        font-size: 19px;
        position: relative;
        top: 10px;
    }

    .nd_options_navigation_top_header_4 {
        width: 100%;
    }

    #topBarRightMenu {
        float: none;
        overflow: hidden;
    }

    #topBarRightMenu li {
        padding-right: 12px;
        padding-left: 7px;
        text-align: center;
        min-width: 25px;
        width: calc((100% / 6) - 24px);
        position: relative;
        top: -3px;
        height: 26px;
        padding-top: 20px;
    }

    #topBarRightMenu li.lang {
        top: -7px;

    }

    #topBarRightMenu li.weather {
        top: -9px;

    }

    #topBarRightMenu li i {
        font-size: 26px;
    }

    #topBarRightMenu li:last-child {
        border-right: none;
    }

    #topBarRightMenu li span {
        display: none;
    }

    .lws-livetextual {
        display: initial !important;
        padding-left: 2px;
    }

    /**SLIDER**/
    #homeSlider .tp-bgimg.defaultimg {
        background-position: center 0px !important;
    }

    .typed-div-192 span {
        font-size: 90px !important;
    }

    #nd_options_navigation_4_container .nd_options_max_width_280_iphone_port {
        display: none;
    }

    .kompassBG:after {
        display: none;
    }

    #roomSlider .firstSlide {
        width: auto;
        position: relative;
        left: 0;
    }

    #roomSlider .secondSlide {
        width: auto;
        position: relative;
        top: auto;
    }

    .firstSlide .imageButtonMainContent .containerContent .nonHoverimage img {
        box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.48);
    }

    .secondSlide .imageButtonMainContent .containerContent .nonHoverimage img {
        box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.48);
    }

    /**IMAGE BOX**/
    .boxContainer {
        min-height: 265px;
    }

    .imageButtonMainContent .containerContent .nonHoverimage img {
        -webkit-filter: blur(0px) !important;
        filter: blur(0px) !important;
    }

    .boxContainerLarge {
        min-height: 275px;
        margin: 0 !important;
        margin-bottom: 30px !important;
    }

    .boxContainerLarge .wpb_content_element {
        margin: 1px !important;
    }

    .boxContainerLarge .vc_column-inner {
        padding: 0 !important;
    }

    .imageButtonsWrapper {
        padding-bottom: 20px;
    }

    .longIMGContainer {
        min-height: 300px;
        height: 300px;
    }

    .longIMGContainer .vc_column-inner {
        padding: 0 !important;

    }

    .longIMGContainer img {
        height: 270px;
    }

    .imageButtonMainContent .containerContent .hoverimage, .imageButtonMainContent .containerContent .boatIcon,
    .imageButtonMainContent .containerContent .hoverButton, .imageButtonMainContent .containerContent .hoverText {
        opacity: 1;
        cursor: pointer;
    }

    .imageButtonMainContent .containerContent .nonHoverimage img {
        -webkit-filter: blur(3px); /* Safari 6.0 - 9.0 */
        filter: blur(3px);
        transition: all 1s;
		object-fit: cover;
		object-position: center;
    }

    .noPadding .vc_column-inner {
        padding: 0 !important;
    }

    /**SPACES**/
    .height150 {
        height: 40px !important;
    }

    .height50 {
        height: 20px !important;
    }

    /**HEADLINES**/
    h2 {
        font-size: 24px;
        line-height: 37px;
    }

    /**HEADLINE DIVIDER**/
    .headlineDivider {
        width: 100%;
    }

    /**TEXTE**/
    .largeText p {
        font-size: 14px;
        line-height: 26px;
    }

    /**BACKGROUND**/
    .boatBG:before {
        display: none;
    }

    .flowerBG:before, .ankerBG:after {
        display: none;
    }

    .kompassBG:after {
        display: none;
        top: -45px;
    }

    .shellBG:before {
        display: none;
    }

    .shellBG:after {
        display: none;
    }

    /**TESTIMONIALS**/
    .homeTestimonialsSlider .wpmslider-wrapper {
        max-width: 100% !important;
    }

    .containerWhiteColor .testimonial-content p {
        font-size: 14px;
        line-height: 20px;
    }

    .strong-view.modern.controls-type-sides .testimonial-inner {
        padding-left: 24px;
        padding-right: 24px;
    }

    .containerWhiteColor .testimonial-content:before {
        left: 25% !important;
        transform: translate(-50%, 0);
    }

    .strong-view.controls-type-sides:not(.rtl) .wpmslider-prev {
        left: -25px;
    }

    .strong-view.controls-type-sides:not(.rtl) .wpmslider-next {
        right: -25px;
    }

    /**FOOTER**/
    #nd_options_footer_4_copyright a {
        margin-right: 25px;
        font-size: 12px;
        cursor: pointer;
    }

    .bookingWidget label {
        font-size: 15px;
    }

    .bookingWidget input {
        width: 70px;
        font-size: 25px;
    }

    .monthContainer {
        color: #fff;
        font-size: 20px;
        position: relative;
        top: 10px;
    }

    .bookingWidget .checkin, .bookingWidget .nights, .bookingWidget .guests {
        height: 120px;
    }

    .tagungGrid .vc_col-sm-3 {
        width: 50%;
    }

    .bannerSmallText {
        margin-top: 65px !important;
    }

    .bookingOverlay iframe {
        margin-top: 87px;
    }

    .closeOverlay {
        position: fixed;
        right: 25px;
        top: 20px;
    }
}

@media (max-width: 1080px) {
    .smallContainerWhiteBG {
        min-height: 295px;
    }

    h2 {
        font-size: 21px;
        line-height: 33px;
    }

    .carrerSpace {
        height: 35px !important;
    }

    .carrerSpace {
        height: 0px !important;
    }

    h1 svg, div svg {
        margin-top: 80px !important;
    }

    #homeSlider svg {
        margin-top: 200px !important;
    }

    .longIMGContainer img {
        height: 295px;

    }

    .roomPrize {
        font-size: 17px;
    }

    .roomGridBorder {
        height: 320px;
    }

    .sliderHeadlineBig {
        transform: translate(-50%, -30%) !important;
    }

    .boxContainerSmall .smallImageContainer .padding75 {
        padding-bottom: 100px;
    }

    .boxContainerSmall .smallImageContainer .hoverIcon {
        padding-bottom: 170px;
    }

    .iconLink i {
        left: 30px !important;
    }

    .iconBoxes .wpb_raw_code {
        margin: 0 !important;
    }

    .eventgrid h3 {
        font-size: 14px;
        line-height: 15px;
    }

    body .eventgrid p {
        font-size: 14px;
        line-height: 21px;
    }

    .angeboteGrids p {
        font-size: 14px;
        line-height: 26px;
    }

    .roomText {
        font-size: 14px;
        line-height: 21px;
    }

    .iconBoxes .moreInfo {
        bottom: -10px;
    }

    .iconBoxes p {
        line-height: 20px;
    }

    .centerText i {
        font-size: 40px;
    }

    .iconBoxes {
        margin-right: 5px;
        margin-left: 5px;
        width: calc(20% - 10px);
    }

    .iconBoxes .vc_btn3.vc_btn3-size-md {
        font-size: 11px;
    }

    .imageButtonMainContent .hoverText {
        position: absolute;
        top: 56%;
    }

    .boxContainerSmall .hoverText p {
        line-height: 16px;
    }

    input {
        width: 100%;
    }

    input[type="checkbox"] {
        width: auto;
    }
}

@media (max-width: 1024px) {
    .hatIcon {
        top: -60px;
        width: 24%;
        left: 54px;
        transform: rotate(-38deg);
    }

    .specialOffer .vc_col-sm-3 {
        width: 33%;
    }

    .load360 {
        position: absolute;
        left: 20px;
        top: 15px;
        width: 70px;
        height: 70px;
        cursor: pointer;
    }
}

@media (max-width: 990px) {
    .bookingWidget .checkin, .bookingWidget .nights, .bookingWidget .guests {
        background-color: rgba(0, 80, 145, 0.93);
        height: 152px;
        width: calc(25% - 35px);
        float: left;
        margin-left: 10px;
    }

    .greyButtonLink a {
        font-size: 15px;
    }

    .hidePCReal {
        display: block !important;
    }

    .hideTabletReal {
        display: none !important;
    }

    .smallContainerWhiteBG {
        min-height: 200px;
    }
}

@media (max-width: 950px) {
    .hoverButton {
        width: 100%;
    }

    .boxContainerLarge {
        min-height: 235px;
    }

    .carrerTriple h2 {
        font-size: 17px;
        line-height: 37px;
    }

    .roomGridBorder {
        height: 340px;
    }

    .roomsButtonContainer {
        position: relative;
    }

    .roomGrid h3 {
        font-size: 17px;
        line-height: 5px;
    }

    .boxContainerSmall .hoverText p {
        line-height: 12px;
        font-size: 11px;
    }

    .boxContainerSmall .smallImageContainer .padding75 {
        padding-bottom: 78px;
    }

    .boxContainerSmall .smallImageContainer .hoverIcon {
        padding-bottom: 146px;
    }

    .roomTypeBottom .roomTitle {
        font-size: 18px;
        margin-bottom: 0;
    }

    .roomGridInfoRight {
        width: 100% !important;
    }

    .roomTypes .roomTitle h2 {
        font-size: 28px;
    }

    .roomTypes .vc_btn3-container {
        position: absolute;
        top: 71%;
    }

    .roomGrid .roomPeople, .roomGrid .roomSize {
        font-size: 19px;
    }

    .roomGridBorder .vc_btn3-container.vc_btn3-inline {
        position: relative;
        bottom: -5px;
        float: none;
        left: 0;
    }

    .textCenterGrid {
        text-align: left !important;
    }

    .roomInfoBox .iconText {
        margin-bottom: 15px !important;
        width: 100%;
    }

}

@media (max-width: 800px) {
    .page-id-26 .vc_gitem-zone-b .vc_single_image-wrapper {
        display: none;
    }

    .polylang_langswitcher .lang-item {
        width: 100% !important;
    }

    .polylang_langswitcher .lang-item img {
        width: 21px;
        height: auto;
        padding-top: 12px;
    }

    .page-id-26 .vc_gitem-zone-b .roomSize {
        display: none;
    }

    .page-id-26 .vc_gitem-zone-b .roomBoatIcon {
        display: none;
    }

    .page-id-26 .vc_gitem-zone-b .roomPeople {
        display: none;
    }

    .hoverIcon i {
        font-size: 30px;
    }

    #levitasSlider .tp-bgimg {
        background-position: 22% 72% !important;
    }

    #homeAngeboteSlider .tp-bgimg.defaultimg {
        background-position: 75% 0px !important;
    }

    #homeSkySuiteSlider .tp-bgimg.defaultimg {
        background-position: 4% 0 !important;
    }

    #strandhotelSlider .tp-bgimg.defaultimg {
        background-position: 30% center !important
    }

    .erlebnisseGrid .vc_grid-container {
        height: 320px;
    }

    .smallContainerWhiteBG {
        min-height: auto;
        height: 200px;

    }

    .hoverText h2 {
        font-size: 18px;
    }

    .boxContainerSmall .smallImageContainer .hoverIcon {
        padding-bottom: 133px;
    }

    .homeOrangeText {
        line-height: 205px !important;
    }

    .tagungGrid .vc_col-sm-3 {
        float: left !important;
    }

    .iconBoxes {
        margin-right: 10px;
        margin-left: 10px;
        width: calc(20% - 20px);
    }

    .iconBoxes .vc_btn3.vc_btn3-size-md {
        font-size: 14px;
    }

    h1 svg, div svg {
        max-width: 600px !important;
    }

    .centerText i {
        font-size: 50px;
    }

    .iconBoxes {
        width: calc(33% - 20px);
    }

    .iconBoxes .moreInfo {
        bottom: 20px;
    }

    .roomGridBorder .vc_btn3-container.vc_btn3-inline {
        position: relative;
        bottom: auto;
    }

    .roomPrize {
        font-size: 17px;
        float: right;
        margin-left: 10px;
    }

    .roomGridBorder h3 {
        font-size: 16px;
        line-height: 25px;
    }

    .angeboteGrids p {
        font-size: 13px;
        line-height: 23px;
    }

    .eventgrid h3 {
        font-size: 20px;
        line-height: 25px;
    }

    body .eventgrid p {
        line-height: 25px;
    }

    .eventgrid .eventGrid {
        height: 275px;
    }

    .tagungGrid .roomPeople, .tagungGrid .roomSize {
        font-size: 18px;
    }

    .tagungGrid h3 {
        font-size: 20px;
    }

    .tagungGrid .roomBoatIcon {
        position: absolute;
        top: 50%;
    }

    .vc_column_container.vc_col-sm-12 .vc_grid-item.vc_col-sm-3, .vc_column_container.vc_col-sm-12 .vc_grid-item.vc_col-sm-4 {
        width: 50%;
        float: left;
    }

    .bookingWidget label {
        font-size: 20px;
    }

    .hatIcon {
        top: -52px;
        width: 30%;
        left: 0px;
    }

    .bonny {
        position: relative;
        right: 0px;
        top: -68px;
        z-index: 99;
        width: 50%;
        transform: translate(50%);
    }

    .monthContainer {
        top: 15px;
    }

    .bookingWidget input {
        width: 67px;
        font-size: 21px;
    }

    .bookingWidget label {
        font-size: 16px;
    }

    .bookingWidget input {
        margin-left: 15%;
    }

    .roomTypeBottom .roomSize, .roomPeopleBottom {
        display: none;
    }

    .roomTypes .roomTitle h2 {
        font-size: 26px;
    }

    .roomTypes .vc_btn3-container {
        top: 72%;
    }

    .roomTypeBottom .roomTitle {
        float: left;
    }

    .boxContainerLarge .wpb_content_element.mobileSpace {
        margin-right: 10px !important;
        margin-left: 10px !important;
    }

    .roomGridBorder {
        min-height: 285px;
        height: auto;
    }

    h3 {
        font-size: 18px;
        line-height: 25px;
    }

    body p {
        font-size: 13px;
        line-height: 23px;
    }

    .roomPeople, .roomSize {
        font-size: 18px;
    }

    .menuResponsiv a {
        font-size: 26px;
    }

    .imgSlideMobil {
        margin-top: -30% !important;
    }

    .imgSlideMobil2 {
        margin-top: -5% !important;
    }

    .sliderHeadlineBig {
        margin-top: 49% !important;
    }

    #homeSlider .playVideo {
        margin-top: 60% !important;
    }

    .iconBoxes .vc_column-inner {
        height: 290px;
    }

    .rev_slider_wrapper .playVideo a, .homeOrangeText {
        font-size: 15px !important;
    }

    .rev_slider_wrapper .playVideo i {
        font-size: 17px !important;
        position: relative;
        top: 0px;
    }

    .imgGreyBg {
        background: #e6e6e6;
        padding: 18px;
        width: 45%;
        margin-right: 2.5%;
        margin-left: 2.5%;
        height: 130px;
        margin-bottom: 20px;
    }

    .imgGreyBg img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 70%;
    }

    .hideTablet {
        display: block;
    }

    .hideMobil {
        display: none;
    }

    .boxContainerLarge .wpb_content_element {
        margin: 0px !important;
    }

    /**FOOTER**/
    #nd_options_footer_4_copyright a {
        margin-right: 5px;
        font-size: 10px;
        cursor: pointer;
    }

    .typed-div-192 span {
        font-size: 33px !important;
    }

    .startBannerText {
        display: none !important;
    }

    .sleepIcon {
        display: none;
    }

    .specialOffer .roomGridBorder {
        height: 260px;

    }

    .bannerHeadline {
        margin-top: 99px !important;
    }

    .infoBlock3Rows .vc_gitem-zone-b {
        display: none;
    !important;
    }
}

@media (max-width: 767px) {

    #historieCarousel .vc_carousel-slideline {
        width: 500px !important;
    }

    .roomGrid.vc_col-sm-12 {
        float: left !important;
    }

    .hatIcon {
        top: -16px;
        width: 22%;
        left: 102px;
        transform: rotate(-45deg);
    }

    .carrierDouble {
        height: 320px;
    }

    .carrerSpace {
        height: 75px !important;
        float: none;
    }

    .carrerHeadlineSpace {
        height: 75px !important;
        float: none;
    }

    .carrierDouble .vc_column-inner {
        margin-right: 0px !important;
        padding-right: 0px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .shrimpBG:after {
        top: 5px;
        opacity: 0.5;
    }

    .tomateBG:before {
        opacity: 0.5;
    }

    h1 svg, div svg {
        margin-top: 140px !important;
    }

    .bannerSmallText {
        margin-top: 106px !important;
    }

    .b-close {
        right: 0px;
        top: -40px;
        display: block;
    }

    #homeSlider svg {
        margin-top: -85px !important;
    }

    .sleepBG:before, .cheersBG:before {
        display: none;
    }

    .roomGroundImage {
        height: 350px;
        margin-bottom: 40px;
        overflow: hidden;
    }

    .roomGroundImage img {
        max-height: 350px;
        width: auto;
    }

    .roomGroundImage .vc_column-inner {
        padding: 10px !important;
        height: 350px;
    }

    .roomGridBorder {
        height: 222px;
    }

    .roomGrid.vc_col-sm-3 {
        width: 100% !important;
    }

    .boxContainer {
        min-height: 530px;
    }

    .bookingWidget .checkin, .bookingWidget .nights, .bookingWidget .guests {
        width: calc(38% - 35px);
    }

    .locationGrid .vc_col-xs-12 {
        width: 50%;
    }

    .hoverButton {
        width: 100%;
    }

    .roomInfoBox .iconText {
        margin-bottom: 15px !important;
        width: calc(100% - 40px);
    }

    .boxContainerSmall .hoverText p {
        line-height: 12px;
        font-size: 11px;
    }

    .bookingWidget button {
        width: 94%;
        margin-left: 2% !important;
    }

    .bookingWidgetRoom button {
        height: 85px;
    }

    .boxContainerSmall .smallImageContainer .padding75 {
        padding-bottom: 78px;
    }

    .boxContainerSmall .smallImageContainer .hoverIcon {
        padding-bottom: 146px;
    }

    .roomGridSingle {
        width: 33.3333% !important;
        float: left !important;
    }

    .roomGridTypesStudio {
        width: 50% !important;
        float: left !important;
    }

    .newsGrid .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
        width: 50%;
        float: right;
    }

    .carrerBGBlue {
        background-size: cover;
    }

    .textCenterMobile {
        text-align: center;
    }

    .iconText {
        width: 100%;
    }

    .iconList {
        float: none;
    }

    .gastroContainer .boxContainer {
        min-height: 265px;
    }
}

@media (max-width: 750px) {
    .carrerSpace {
        height: 0px !important;
        float: none;
    }
}

@media (max-width: 750px) {
    .carrerSpace {
        height: 50px !important;
        float: none;
    }
}

@media (max-width: 650px) {
	
	.vc_gitem-post-data {
	  margin-top: 15px;
	}
	
	.nicdark_section {
	  float: none !important;
	}

    #homeSlider .centercenter .tp-bgimg.defaultimg {
        background-size: inherit !important;
    }

    #homeSlider .centercenter .sliderHeadlineBig {
        margin-top: 18% !important;
    }

    #homeSlider .centercenter .playVideo {
        margin-top: -5% !important;
    }

    .noMibleEffect .hoverText, .noMibleEffect .hoverimage, .noMibleEffect .hoverButton, .noMibleEffect .boatIcon {
        display: none;
    }

    .mobileBoxMargin {
        margin-bottom: -50px !important;
    }

    .hideMobileOnly {
        display: none;
    }

    .onlyMobile {
        display: block;
    }

    .karriereLast {
        text-align: center;
        font-size: 30px;
        margin-top: -35px;
    }

    .modal-popup-box .model-popup-btn {
        padding: 5px 4px !important;
        cursor: pointer;
        font-family: 'chianti_btbold' !important;
        width: 100%;
        margin-bottom: 12px;
        border: 1px solid #ccc !important;
        font-size: 15px !important;
    }

    .roomGridBorder {
        min-height: auto;
        height: auto;
    }

    .hatIcon {
        top: -21px;
        width: 22%;
        left: 102px;
        transform: rotate(-37deg);
    }

    .carrerSpace {
        height: 0px !important;
        float: none;
    }

    #homeSlider svg {
        margin-top: -45px !important;
    }

    h1 svg, div svg {
        margin-top: 160px !important;
        max-width: 490px !important;
    }

    .roomTypes .roomTitle h2 {
        font-size: 19px;
    }

    .roomTypes .roomTitle {
        top: 27%;
    }

    .roomPrize {
        font-size: 13px;
    }

    .boxContainer {
        min-height: 425px;
    }

    .iconBoxes {
        width: calc(50% - 20px);
    }

    .tagungGrid .vc_col-sm-3 {
        width: 100% !important;
    }

    body .eventgrid p {
        line-height: 20px;
    }

    .specialOffer .roomGridBorder {
        height: 330px;
    }

    .roomGridBorder h3 {
        font-size: 16px;
        line-height: 20px;
    }
}

	.hide-desktop {
		display: none;
	}
	.hide-mobile {
		display: block;
	}

@media (max-width: 600px) {
	
	#checklistid h3.mega-info-title {
		font-size: 18px !important;
	}
	
	#checklistid wpb_wrapper a,
	.checklist a {
		display: flex;
		justify-content: start;
	}
	
	.forcefullwidth_wrapper_tp_banner picture img.rev-slidebg {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.hide-desktop {
		display: block;
	}
	
	.hide-mobile {
		display: none;
	}
	
	.eventgrid .vc_pageable-slide-wrapper {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	
	.eventgrid .vc_grid-item {
	  padding-right: 0px !important;
	}
	
    .smallContainerWhiteBG {
        min-height: auto;
        height: auto;
    }

    #button125 {
        margin-top: -9px !important;
    }

    .hatIcon {
        top: 7px;
        width: 22%;
        left: 53px;
        transform: rotate(-45deg);
    }
}

@media (max-width: 500px) {

    #historieCarousel .vc_carousel-slideline {
        width: 350px !important;
    }

    .nd_booking_container {
        margin-top: 50px;
    }

    .carrerSpace {
        height: 0px !important;
        float: none;
    }

    .specialOffer .roomGridBorder {
        height: auto;
    }

    .longIMGContainer img {
        height: 270px;
    }

    body .specialOffer .roomGridBorder {
        height: auto;
        min-height: 200px;
        padding-top: 0px !important;
    }

    .erlebnisseGrid .vc_grid-container {
        height: auto;
    }

    .longIMGContainer {
        min-height: 270px;
    }

    .smallContainerWhiteBG {
        margin-top: -35px;
    }

    .mypointsMargin {
        margin-bottom: 35px !important;
    }

    .carrerBoxes .hoverText {
        top: 67%;
    }

    .gridFullWidth .postionRelative, .gridFullWidth .postionRelative .scall img {
        height: 230px !important;

    }

    h1 svg, div svg {
        margin-top: 50px !important;
    }

    .bookingWidget input {
        width: 61px !important;
        font-size: 21px;
    }

    .bookingWidget .checkin, .bookingWidget .nights, .bookingWidget .guests {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .bookingWidget button {
        width: 100%;
        margin-left: 0% !important;
    }

    .newsGrid .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
        width: 100%;
        float: none;
    }

    .roomInfoBox .iconText {
        margin-bottom: 15px !important;
        width: calc(50% - 55px);
    }

    .roomGridSingle, .roomGridTypesStudio {
        width: 100% !important;
        float: left !important;
    }

    .locationGrid .vc_col-xs-12 {
        width: 100%;
    }

    .roomGridInfoRight {
        width: 100% !important;
    }

    .roomTypes .roomTitle h2 {
        font-size: 26px;
    }

    .iconBoxes p {
        font-size: 16px;
        line-height: 32px;
    }

    .boxContainerLarge .vc_gitem-zone-c .vc_gitem-row-position-top .vc_gitem-col {
        height: 260px;
    }

    .mobileFull {
        height: auto !important;
        background: #fff;
    }

    .boxContainerLarge.mobileFull .wpb_text_column {
        margin-top: -20px !important;
    }

    .carrierDouble.mobileFull .wpb_text_column {
        margin-top: -60px !important;
    }

    .carrierDouble {
        margin-bottom: 30px;
    }

    body .roomGridBorder {
        height: auto;
        min-height: 250px;
        padding-top: 0px !important;
    }

    .saginaw h1 {
        font-size: 28px;
        line-height: 35px;
    }

    .closeOverlay {
        position: fixed;
        right: 10px;
        top: 10px;
        color: #fff;
        font-size: 30px !important;
        cursor: pointer;
    }

    .price {
        width: 100%;
        text-align: right;
    }

    .vc_column_container.vc_col-sm-12 .vc_grid-item.vc_col-sm-3, .vc_column_container.vc_col-sm-12 .vc_grid-item.vc_col-sm-4 {
        width: 100%;
    }

    .listBorder:before, .listBorder:after {
        border: none;
    }

    .bonny {
        position: relative;
        right: 0px;
        top: -68px;
        z-index: 99;
        width: 100%;
        transform: translate(0%);
    }

    h1 svg, div svg {
        max-width: 300px !important;
    }

    div svg {
        max-width: 300px !important;
    }

    .hatIcon {
        position: absolute;
        top: -14px;
        width: 27%;
        left: 51px;
    }

    .load360:after {
        width: 65px;
        height: 65px;
    }

    .iconBoxes {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    .load360 {
        top: 7px;
    }

    .load360:before {
        font-size: 14px;
        top: 35px;
        left: 9px;
    }

    .spaceTestermonial {
        height: 60px;
    }

    input[type="text"], input[type="email"], input[type="number"], textarea {
        width: 100%;
        font-family: 'chianti_osf_btroman' !important;
    }

    .subHeadline {
        font-size: 10px !important;
        margin-top: 27% !important;
        line-height: 16px !important;
    }

    .roomTypeBottom .roomSize, .roomPeopleBottom {
        display: block;
    }

    .roomPeople, .roomSize {
        font-size: 21px;
    }

    .roomPrize {
        font-size: 20px;
    }

    .roomDetailInfo p {
        font-size: 14px;
    }

    .roomDetailInfo {
        margin-top: 20px;
    }

    .roomInfoBox .iconText {
        margin-bottom: 16px !important;
    }

    .roomInfoBox .vc_col-sm-6 .vc_column-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .roomInfoBox .icons {
        width: 35px;
    }

    .boxContainerLarge .wpb_content_element.mobileSpace {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }

    .roomGrid .vc_gitem-zone-a, .roomGrid .vc_gitem-zone-b {
        width: 100%;
    }

    .roomGrid.roomGridTypes .vc_gitem-zone-a, .roomGrid .vc_gitem-zone-b {
        height: auto !important;
    }

    .roomGridTypesStudio .roomTypes .vc_btn3-container {
        top: 75%;
    }

    .roomGridTypesStudio .roomTypes .roomTitle {
        top: 30%;
    }

    .roomGrid .vc_gitem-zone {
        overflow: visible !important;
    }

    #rev_slider_6_1 .tp-bgimg.defaultimg {
        background-position: right center !important;
    }

    .load360 {
        left: 20px;
    }

    .bannerHeadline {
        font-size: 25px !important;
        margin-top: 50% !important;
        line-height: 61px !important;
    }

    .bannerHeadlineSmall {
        font-size: 25px !important;
        margin-top: 30% !important;
        line-height: 45px !important;
    }

    .bannerHeadlineLevita {
        font-size: 29px !important;
        margin-top: 30% !important;
    }

    .bannerSmallText {
        display: none !important;
    }

    .imgSlideMobil {
        margin-top: -40% !important;
    }

    .imgSlideMobil2 {
        margin-top: -5% !important;
    }

    .sliderHeadlineBig {
        margin-top: 58% !important;
    }

    #homeSlider .playVideo {
        margin-top: 60% !important;
    }

    .boxContainer {
        min-height: 350px;
    }

    .roomPeopleBottom, .roomSize {
        margin-top: -10px;
    }

    .load360 img {
        width: 65px;
    }

    .aktuellessub {
        margin-top: 56% !important;
    }

    .imgGallryGrid .vc_col-sm-3 {
        width: 50% !important;

    }

    .mobileDoublelIne {
        margin-top: 67% !important;
    }

    .mobileDoublelIneLevita {
        margin-top: 53% !important;
    }

    .imageButtonMainContent .hoverText {
        width: 90%;
    }

    .hatIcon {
        position: absolute;
        top: -2px;
        width: 27%;
        left: 23px;
        transform: rotate(-36deg);
    }

    #strandhotelSlider .tp-bgimg.defaultimg {
        background-position: 30% center !important
    }

}

@media (max-width: 375px) {

    #historieCarousel .vc_carousel-slideline {
        width: 320px !important;
    }

    .boxContainerLarge.mobileFull .wpb_text_column {
        margin-top: 40px !important;
    }

    .gastroContainer .boxContainer {
        min-height: 200px;
    }

    .firstSlide .vc_grid, .secondSlide .vc_grid {
        margin-bottom: 30px !important;
    }

    .carrierDouble.mobileFull .wpb_text_column {
        margin-top: -45px !important;
    }

    .longIMGContainer {
        min-height: 225px;
        height: 225px;
    }

    .longIMGContainer img {
        height: 200px;
    }

    .boxContainer {
        min-height: 270px;
    }

    .roomGrid .vc_gitem-zone-a, .roomGrid .vc_gitem-zone-b {
        height: 235px !important;
        width: 100%;
    }

    .hatIcon {
        position: absolute;
        top: 1px;
        width: 27%;
        left: 23px;
        transform: rotate(-32deg);
    }

    .roomTypeBottom .roomTitle {
        font-size: 19px;
    }

    .roomPeopleBottom, .roomSize {
        font-size: 16px;
        margin-top: 6px;
    }

    .iconBoxes p {
        font-size: 16px;
        line-height: 26px;
    }

    body p {
        font-size: 14px;
        line-height: 22px;
    }

    .closeOverlay {
        right: 1px;
        top: 1px;
        font-size: 26px !important;
    }

    h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .modal-popup-box .model-popup-btn {
        font-size: 14px !important;
    }

    .greyButtonLink a {
        font-size: 14px !important;
        padding: 7px 5px !important;
    }
}

@media (max-width: 350px) {
    h2 {
        font-size: 20px;
        line-height: 29px;
    }

    .longIMGContainer img {
        height: 210px;
    }

    .longIMGContainer {
        min-height: 210px;
        height: 210px;
    }

    .smallContainerWhiteBG {
        margin-top: 0px;
    }

    .gastroContainer {
        height: 210px !important;
    }

    .karriereLast {
        text-align: center;
        font-size: 24px;
        margin-top: -35px;
    }
}

@media (max-width: 320px) {

    .longIMGContainer img {
        height: 175px;
    }

    .gastroContainer {
        height: 175px !important;
    }

    .carrierDouble.mobileFull .wpb_text_column {
        margin-top: 0px !important;
    }

    .boxContainerLarge.mobileFull .wpb_text_column {
        margin-top: 0px !important;
    }

    .longIMGContainer {
        min-height: 175px;
        height: 175px;
    }

    .firstSlide .vc_grid, .secondSlide .vc_grid {
        margin-bottom: 30px !important;
    }

    .lws-livetextual {
        font-size: 12px;
    }

    .greyButtonLink a {
        font-size: 16px !important;
    }

    .modal-popup-box .model-popup-btn {
        font-size: 16px !important;
    }

    .hoverText {
        top: 58%;
    }

    .padding75 {
        padding-bottom: 95px;
    }

    .hoverIcon {
        padding-bottom: 175px !important;
    }

    .boxContainerSmall .hoverText p, .hoverText p {
        line-height: 13px;
        font-size: 12px;
    }

    .bannerHeadline {
        font-size: 35px !important;
        margin-top: 30% !important;
        line-height: 55px !important;
    }

    .bannerHeadlineSmall {
        font-size: 25px !important;
        margin-top: 30% !important;
        line-height: 45px !important;
    }

    .bannerHeadlineLevita {
        font-size: 24px !important;
        margin-top: 30% !important;
    }

    .roomTypes .roomTitle h2 {
        font-size: 27px;
    }

    .roomPrize {
        font-size: 16px;
    }

    .roomTypeBottom .roomTitle {
        font-size: 16px;
    }

    .roomTypeBottom .roomSize {
        font-size: 13px;
    }

    .roomPeopleBottom {
        font-size: 13px;
        margin-right: 10px;
    }

    .roomPeople, .roomSize {
        font-size: 19px;
    }

    .roomGridBorder {
        height: auto;
    }

    .roomGrid .vc_gitem-zone-a, .roomGrid .vc_gitem-zone-b {
        height: 197px !important;
    }

    .vc_btn3-container.floatLeft {
        float: none;
    }

    .boxContainer {
        min-height: 265px;
    }

    .menuResponsiv ul li {
        margin-right: -1px;
    }

    #topBarRightMenu li {
        padding-right: 14px;
        padding-left: 4px;
    }

    .menuResponsiveContainer ul li a {
        font-size: 18px;
        padding: 4px 0;
    }

    #topBarRightMenu li i {
        font-size: 20px;
    }

    #nd_options_navigation_4_top_header .nd_options_container {
        width: 100% !important;
    }

    #topBarRightMenu li {
        font-size: 17px;
        padding-right: 10px;
        padding-left: 7px;
        text-align: center;
        min-width: 25px;
        padding-top: 24px;
        width: calc((100% / 6) - 22px);
    }

    .boxContainer {
        min-height: 194px;
    }

}