[class*="hint--"]::after{background:#f2f2f2;color:#303030;padding:10px;font-size:13px;font-family:"Open Sans";line-height:12px;white-space:nowrap;text-shadow:none;box-shadow:4px 4px 8px rgba(0,0,0,0.15)}
body{font-size:15px}
input,textarea,select{font-size:13px}
.ab9437{margin:10px 20px}
#fmeldung{margin:18px 0 0 20px;display: block}
.footer-main .nav-top ul{padding:4px 0 6px}
.hint--always.hint--right::after,.hint--always.hint--right::before{-webkit-transform:translateX(12px);-moz-transform:translateX(12px);transform:translateX(12px)}
.ab30574{padding:0}
#Art{display:none}
.myCheckbox{font-size:15px;color:#000}
.styled{margin-bottom:10px}
.lito{margin-top:0;height:32px}
.search-block-1{width:50%;float:left;display:inline-block;box-sizing:border-box}
.search-block-2{width:50%;float:left;display:inline-block;box-sizing:border-box}
.search-block-3,.search-block-4{width:25%;float:left;display:inline-block;box-sizing:border-box}
.f-left,.f-right{position:relative;bottom:0}
a.map-trigger::before{border:none}
.sortierentext,.sucheabstand{margin:10px 15px}
.sortierentext{padding-bottom:20px}
#loading{width:100%;height:100%;position:absolute;display:block;z-index:99}
.claramenu a{vertical-align:middle;padding-top:5px}
.merken a{display:none}
.lothar{margin-bottom:0!important}
::placeholder{opacity:1 !important}
:-moz-placeholder{opacity:1 !important}
::-webkit-input-placeholder{opacity:1 !important}
:-ms-input-placeholder{opacity:1 !important}
.:-moz-placeholder{opacity:1 !important}
.telefonnummer{text-decoration:none}
.fa.fa-heart{padding:10px;cursor:pointer}										 
#additionalFilter2{font-size: 12px;margin: 10px 3px 0 0}
#seitex{box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important}
.reisezeitraum,.ausstattung,.kriterien{color:#D97621;font-weight:600;padding:5px 0 0}
.ausstattung{margin-top:15px}
.header-banner h2{font-weight:400!important}
#tot-found{background-color:#FFFDFB!important}
.fc-big-top{padding:10px 0 40px}
.row.special-message2{display:block;font-size:15px!important;overflow:visible;border:1px solid #d2d2d2;padding:10px;margin:20px 0 500px;line-height:28px;box-sizing:border-box}
.row.special-message{display:block;font-size:15px!important;overflow:visible;border:1px solid #d2d2d2;padding:10px;margin:20px 0 0;line-height:28px;box-sizing:border-box}
.col-1-3.center-text{padding-top:5px}
.buttonloeschen:hover{border:none;transition:all .25s ease;color:#222}
.buttonloeschen::before{content:'\f00d';font-family:'FontAwesome';margin-right:5px;color:#222}
.buttonloeschen{font-size:14px;display:inline-block;text-align:left;font-family:"Open Sans",sans-serif;vertical-align:middle;cursor:pointer;padding:8px 0;margin:5px 0;width:auto;border-radius:0;letter-spacing:0;font-weight:400;color:#000;background-color:transparent;line-height:16px;border-color:transparent;border:none;text-transform:none}
#additionalFilterText{cursor:pointer;color:#fff;font-size: 12px;margin:10px 3px 0 0}
#additionalFilter{width:100%;text-align:right;margin-right:5px;display:block}
#additionalFilterText::before{font-family:'FontAwesome';content:'\f1de';margin-right:5px}
.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all{background:none;border:none!important;font-weight:400!important;color:#333!important}
.VueStar__decoration{display:none!important}
.bookmarks--add-button--icon-div{color:#fff;z-index:1}
.bookmarks--add-button--icon-div .fa-heart::before{color:inherit;font-size:22px}
.bookmarks--button--root{position:relative}
.bookmarks--button--count{display:none;position:absolute;border-radius:20px;background-color:red;top:-3px;left:10px;width:10px;height:10px;text-align:center}
.bookmarks--button--count-text{font-size:9px;color:#fff}
.bookmarks--add-button--root{position:absolute;right:90px;top:-25px}
.merkenicon2{color:#666;text-decoration:none}
.merkenicon2::before{font-family:FontAwesome;content:"\f004";margin-right:7px;font-size:14px;color:#df7920}
a.map-trigger::before{font-family:FontAwesome;content:"\f041";margin:0;color:#c96f20;text-decoration:none!important;font-size:18px;display:inline-block;border:none;padding:5px 11px;background-color:transparent}
a.map-trigger{text-decoration:none;font-size:14px;color:#c96f20;border:1px solid #d2d2d2;padding:11px 20px 11px 8px;background-color:transparent;width:auto;line-height:30px}
.fa.fa-calendar.mobil,.fa.fa-map-marker.mobil{float:right;color:#fff;background-color:#06060645;border:none;font-size:22px;padding:0;width:35px;height:35px;text-align:center;vertical-align:middle;line-height:32px}
.fa.fa-calendar.mobil{margin-right:8px}
.fa.fa-calendar.custom,.fa.fa-map-marker.custom{color:#dc7b27;background-color:transparent;border:solid 1px #d6d6d6;padding:10px 15px;font-size:18px}
.fa.fa-calendar.custom{margin-right:10px}
.googlemapbutton{text-decoration:none;font-size:13px;color:#c96f20;border:none;padding:0;background-color:transparent;width:auto}
.lotte2.lazy{width:430px;height:287px;display:block}
.calendar-icon{background-size:15px 15px;filter:grayscale(100%);background-position:95% 50%}
.styled{margin-bottom:15px}
.select{margin-top:0;min-width:90%;height:32px} 
button#sb{width:100%;border:none;padding:7px 0;margin: 4px 0}
.ab82468{padding:0 20px}
.main-content{margin-top:-90px!important}

#additional-options{background-color:#fff;padding:20px;margin-bottom:10px}
.anzahl-gesamt{margin-right:3px;color:#717070;font-size:18px;font-weight:600}
.fazit{display:inline-block;padding:0;color:#888;font-size:18px;font-weight:300}
.ui-datepicker-current{display:none}
a.merkenicon2{height:70px;padding:35px 0 0 15px;display:inline-block;position:relative;text-decoration:none;font-size:14px;color:#666}
#app{width:220px;padding:0;margin:0 0 15px}
.highlight-selected-date span.ui-state-default{font-weight:600!important;color:#fff!important;background-color:#4d964c!important}
td.highlight-selected-date a.ui-state-default{font-weight:600!important;background-color:#4d964c;color:#fff!important}
td.ui-datepicker-unselectable.ui-state-disabled.highlight-selected-date{opacity:1!important;padding:1px!important;font-weight:600!important;color:#fff!important}
.col-full.header-banner.heroshot{background-image:linear-gradient(rgba(0,0,0,0.09),rgba(0,0,0,0.2)),url(https://www.las-islas-reisen.de/bilder/strand-meer-neu-3.jpg)}
.suchenbox{margin:20px 20px 25px;border:1px solid;border-color: rgba(0, 0, 0, 0.1);box-shadow:none;background-color:rgba(0, 0, 0, 0.20)}
#sortierenbox{margin:15px 20px 0}
#seitex{margin:0 auto;margin-top:0;background-color:transparent;color:#1a1a1a;position:relative}
.main-content{margin-top:-150px!important}
button#sb {font-size: 14px;text-transform:none;letter-spacing:.1px}


.VueStar__ground {-webkit-tap-highlight-color: rgba(0,0,0,0)}

    .kal {
        width: 100%;
    }
    #modal-calendar {
        height: 60%
    }
    #modal-calendar-content {
        height: 100%;
        overflow-y: auto;
    }

    .modal a.close-modal{
        top: 2.5px !important;
        right: 2.5px !important;
    }
    .VueStar__icon {
        z-index: 1 !important;
    }
    .image {
        opacity: 1;
        display: block;
        width: 100%;
        height: auto;
        transition: all 0.3s ease-in-out 0s;
        backface-visibility: hidden;
    }
    .hover-background {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #e67e22;
        transition: all 0.4s ease-in-out 0s;
    }

    @media only screen and (min-width: 767px) {
        .hover-background {
            max-width: 430px;
        }

        .xyz {
            max-width: 430px;
        }
    }

    .blocker {
        z-index: 3 !important;
    }

 .middle {
				   
        position: absolute;
				 
        left: 35%;
        text-align: center;
        display: none;
									
									  
								 
									 
    }

    .mobile-image-button {
        display: none;
    }

    @media only screen and (max-width: 767px) {
        .hide-on-xs {
            display: none !important;
        }
		
		.select{width:100%}
		
        .mobile-image-button {
            display: block !important;
            position: absolute !important;
            bottom: 8px !important;
            right: 8px !important;
            z-index: 2 !important;
        }
    }

    .container:hover .hover-background {
        opacity: 0.5;
    }
    .middle-touch {
        opacity: 1;
    }
    .hover-background-touch {
        opacity: 0.5
    }
	
	a.buttonhasi2:hover {

    background-color: #FFF;
    border: 1px solid #fff;
    color: #d87218;
    transition: all .25s ease;

}


.buttonhasi2 {
    background-color: transparent;
	border: 1px solid #fff;
    font-family: 'Open Sans';
    font-size: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    padding: 10px;
    width: 90%;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0;

}



option[value=pup],option[value=pdo] { 
 font-family: 'Open Sans';
font-size: 15px;
}
.col-1-2.center-text {
    margin-top: 10px;
}

#sort {
    padding:4px;
	text-align: right;
    font-size: 14px;
    margin:3px 6px 0 0;
    background: transparent;
    color:#666;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	font-family: 'Open Sans';
    cursor:pointer;
    width: 200px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #sort {padding-right:18px}
}

#sort-label {
    position:relative;
    margin-right: 10px;
    background: transparent;
}
#sort-label:after {
    content:"\f107";
    font-family: "FontAwesome";
    font-size: 15px;
    color:#777;
    right:8px; top:5px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}
#sort-label:before {
    content:'';
    right:4px; top:0px;
    width:23px; height:18px;
    position:absolute;
    pointer-events:none;
    display:block;
}




@media only screen and (min-width:960px){
div.row.farbe1 div.col-1-2:nth-child(1) {width: 46.5%}
.zerogrid .col-1-2 {width: 53%}
.col-1-3.center-text {padding-top:7px}
.ab-category {margin: 15px 0}
#map2{margin:10px 0;box-sizing:border-box}
#sortierenbox {margin:0}
.suchenbox {margin: 20px 0 25px}
.nav-logo > img {margin: 22px auto 20px}
.header-banner{height:300px}
.header-banner h1{font-size:38px;padding-bottom:10px}
.header-banner h2{font-size:16px;letter-spacing:.2px}
.header-banner .content-text{top:50%!important}
}

@media only screen and (max-width:767px) {
#Termin,#Schlafzimmer,#Badezimmer{margin-bottom:10px}
div.xbild div.abxxx div.col-1-2 {width:100%}
.search-block-1{padding-right:10px}
.buttonhasi2{background-color: #FFF;border: 1px solid #fff;color: #d87218;transition: all .25s ease;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.fa.fa-info-circle{display:none}
.form-control {width: 100%;box-sizing: border-box}
#Personen {margin-bottom: 15px}
.header-banner .content-text{top:55%!important}
}


/* Tablets z.B. Ipad */
@media only screen and (min-width:767px) and (max-width:959px) {
.header-banner .content-text {top: 58% !important}
.header-banner h1{font-size: 36px;padding-bottom:5px}
}


@media only screen and (max-width:959px) {
.bookmarks--add-button--root{right:72px;top:-27px}
#map2{margin:5px 20px 0}
}

@media only screen and (min-width:479px) {
#karte-mobile{display:none}
.ausstattung {margin-top: 35px;color: #232222}
#additional-options {background-color: transparent;padding: 20px 0; margin-bottom: 10px;}
#Region {width: 100%}
}

@media only screen and (max-width:479px) {
.abplatz{margin-top:10px}
.fa.fa-info-circle{display:none}
.search-block-1,.search-block-2,.search-block-3,.search-block-4{width:50%}
#sort-label{margin-right:0}
#sortierenbox select{width:215px!important;border:1px solid #d2d2d2;padding:8px;text-align:left}
#sort-label::after {right:10px;top:6px}
.col-1-3.center-text{text-align:center;padding-bottom:0 0 20px 0;margin:0 0 20px}
#sort{margin:0}
#Personen {margin-bottom: 15px}
#sortierenbox{margin:0 16px}
.map-wrapper{width:inherit}
.buttonloeschen::before{color:#D97621}
#Termin, #Schlafzimmer, #Badezimmer{margin-bottom: 15px}
button#sb{margin:5px 0}
.select{height:32px;margin-bottom:0}
#karte-desktop{display:none}
.ui-datepicker{width:80%;margin-top:5px}
#Termin{width:100%}
.form-control {width:100%;box-sizing: border-box;height:35px}
.header-banner h1{font-size:24px;padding-bottom:0}
.main-content {margin-top:-55px !important}
.header-banner .content-text{top:70%!important}
.suchenbox{margin:20px 20px 0;background-color: rgba(224, 224, 224, 0.35)}
#additionalFilterText{color:#777}
#additional-options {background-color:transparent;padding:5px 0 5px}
#map2{margin: 5px 15px 0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
}