<!--
{
 searchDetails(
 offers: [\"d03be036c8b9a416\"]
 
 preferences: {
 currency: EUR
 language : de_DE
 trackingTag : \"f61\"
 }) {
 nodes {
 id
title
originalTitle
bedrooms 
bathrooms 
geoLocation { lat lon }
location {name }
computedAddress {country province city streetAddress postalCode }
type 
amenities 
guests 
texts  {arrivalDescription houseRulesDescription checkInInstructions specialCheckInInstructions }
petFriendly
size 
link 
description 
objectDescription 
distance {center water ski}
 price {
 total
 perNight
 duration
 currency
 }
 images {
 medium
 large
 }
 }

}
}stdClass Object
(
    [id] => d03be036c8b9a416
    [title] => The Mara by AvantStay | Rooftop Ocean Views + Pool + Spa | Walk to Beach + Galleries + Restaurant
    [originalTitle] => The Mara by AvantStay | Rooftop Ocean Views + Pool + Spa | Walk to Beach + Galleries + Restaurant
    [bedrooms] => 1
    [bathrooms] => 1
    [geoLocation] => stdClass Object
        (
            [lat] => 33.52983
            [lon] => -117.77225
        )

    [location] => stdClass Object
        (
            [name] => Laguna Beach
        )

    [computedAddress] => stdClass Object
        (
            [country] => US
            [province] => Orange County
            [city] => Laguna Beach
            [streetAddress] => Agate Street 260
            [postalCode] => 92651
        )

    [type] => HOTEL
    [amenities] => Array
        (
            [0] => PETS_ALLOWED
            [1] => POOL
            [2] => POOL_SHARED
            [3] => TV
            [4] => AIR_CONDITIONING
            [5] => INTERNET
            [6] => KIDS_ENTERTAINMENT
            [7] => WHIRLPOOL
            [8] => HAIRDRYER
            [9] => HEATING
            [10] => PARKING
            [11] => KING_SIZE_BED
            [12] => BEACH_ACCESS
            [13] => FIRE_EXTINGUISHER
            [14] => SMOKE_ALARM
            [15] => LINEN
            [16] => TOWELS
        )

    [guests] => 
    [texts] => 
    [petFriendly] => 1
    [size] => 27
    [link] => https://www.hometogo.de/search/5460aea9e5f1b?campaign=api/all/a/lemsterpoortmedia/5460aea9e5f1b//f61/d03be036c8b9a416&pricetype=totalPrice&partner=lemsterpoortmedia&tag=f61&at=api&id=d03be036c8b9a416@f@a
    [description] => 
    [objectDescription] => 
    [distance] => stdClass Object
        (
            [center] => 
            [water] => 150
            [ski] => 
        )

    [price] => stdClass Object
        (
            [total] => 1225
            [perNight] => 175
            [duration] => 7
            [currency] => EUR
        )

    [images] => Array
        (
            [0] => stdClass Object
                (
                    [medium] => //cdn.hometogo.net/medium/v1/cf3/f79/7d85e413297b42870d7df765f4.jpg
                    [large] => //cdn.hometogo.net/large/v1/cf3/f79/7d85e413297b42870d7df765f4.jpg
                )

            [1] => stdClass Object
                (
                    [medium] => //cdn.hometogo.net/medium/v1/f27/f68/340849f239b970808971b90cce.jpg
                    [large] => //cdn.hometogo.net/large/v1/f27/f68/340849f239b970808971b90cce.jpg
                )

            [2] => stdClass Object
                (
                    [medium] => //cdn.hometogo.net/medium/v1/f8b/904/b3ac918fd4ec77c25541ba46e3.jpg
                    [large] => //cdn.hometogo.net/large/v1/f8b/904/b3ac918fd4ec77c25541ba46e3.jpg
                )

            [3] => stdClass Object
                (
                    [medium] => //cdn.hometogo.net/medium/v1/d33/210/a7bacea94c16dee2baa71006b2.jpg
                    [large] => //cdn.hometogo.net/large/v1/d33/210/a7bacea94c16dee2baa71006b2.jpg
                )

            [4] => stdClass Object
                (
                    [medium] => //cdn.hometogo.net/medium/v1/712/167/0c35285403359d985d154bd0b5.jpg
                    [large] => //cdn.hometogo.net/large/v1/712/167/0c35285403359d985d154bd0b5.jpg
                )

            [5] => stdClass Object
                (
                    [medium] => //cdn.hometogo.net/medium/v1/a0e/2d4/e11b7883b31647fdeca96395f0.jpg
                    [large] => //cdn.hometogo.net/large/v1/a0e/2d4/e11b7883b31647fdeca96395f0.jpg
                )

        )

)

-->
<!DOCTYPE html>
<html lang="de">
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, min-width=400">
<title>The Mara by AvantStay | Rooftop Ocean Views + Pool + Spa | Walk to Beach + Galleries + Restaurant - Hotel mieten online buchen - Wattenmeer.com</title>
<meta name="description" content="The Mara by AvantStay | Rooftop Ocean Views + Pool + Spa | Walk to Beach + Galleries + Restaurant - Hotel Traumwohnung aus über 5.000 Ferienwohnungen und Ferienhäuser am Wattenmeer suchen, direkt von privat oder über den Reiseveranstalter buchen. Vermieter profitieren von einfacher Verwaltung und hoher Verbreitung - wattenmeer.com" />
<meta name="keywords" content="" />
<link rel="canonical" href="https://www.wattenmeer.com/ferienhaeuser-ferienwohnungen/?fewoID=d03be036c8b9a416" />
<base href="https://www.wattenmeer.com/" />
<link rel="shortcut icon" href="https://www.wattenmeer.com/template/favicon.ico" />

<link href="https://www.wattenmeer.com/template/css/bootstrap.css" type="text/css" rel="stylesheet">

<link href="https://www.wattenmeer.com/template/css/bootstrap-slider.css" type="text/css" rel="stylesheet">
<link href="https://www.wattenmeer.com/template/css/boating24.css" type="text/css" rel="stylesheet">
<link href="https://www.wattenmeer.com/template/css/fewo-info.css" type="text/css" rel="stylesheet">
<link href="https://www.wattenmeer.com/template/css/calendar.css" type="text/css" rel="stylesheet">
  
<style>
#heroImage {
	background-image: url('https://www.wattenmeer.com/template/images/header_02_high.jpg')
}
</style></head>
  <body>
<script src="https://www.wattenmeer.com/template/js/jquery-1.11.3.min.js"></script>
<script src="https://www.wattenmeer.com/template/js/bootstrap.js"></script>
<script src="https://www.wattenmeer.com/template/js/bootstrap-slider.min.js"></script>
<script src="https://www.wattenmeer.com/template/js/viewport-min-width.js"></script>

	
<script type="text/javascript" src="/template/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="/template/bootstrap-datepicker/css/bootstrap-datepicker.min.css" type="text/css" media="all" />

<link rel="stylesheet" href="https://www.wattenmeer.com/template/colorbox/example1/colorbox.css" media="screen">
<script src="https://www.wattenmeer.com/template/colorbox/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="https://www.wattenmeer.com/template/script_neu.js"></script>

<link rel="stylesheet" type="text/css" href="https://www.wattenmeer.com/template/jquery.autocomplete.css" media="screen" />
<script type="text/javascript" src="https://www.wattenmeer.com/template/jquery.autocomplete.pack.js"></script>
<script type="text/javascript">
function formatItem(row) {
return "" + row[1] + "";
}
$(document).ready(function() {
$("#autocomplete").autocomplete("/ac.php", { 
minChars:3, 
matchSubset:1, 
matchContains:1,
cacheLength:0, 
max:10,
clickFire:true,
formatItem:formatItem, 
selectOnly:1,
selectFirst:false,
scroll:false
});

$("#autocomplete").autocomplete().result(function(){
var search = $("#autocomplete").val();
$("#autocomplete").addClass('ac_loading');
//$('input[name="boatCountry"]').val(search);
$.get('/ac.php?q2=' + search, function(data) {
var arr = data.split('|');
//alert(arr[1]);
$("#autocomplete").val(arr[1]);
$("#autocomplete2").val(arr[0]);
$("#autocomplete").removeClass('ac_loading');
});
});

var search = '';
if(search != "")
{
$.get('/ac.php?q2=' + search, function(data) {
var arr = data.split('|');
//alert(arr[1]);
$("#autocomplete").val(arr[1]);
$("#autocomplete2").val(arr[0]);
$("#autocomplete").removeClass('ac_loading');
});
}

});
</script>


<header>
<div class="container-fluid">
<section id="topmeta" class="row">
<div id="loginbox" class="pull-right loginbox">
<div class="container-fluid">
<ul>
<li><a href="/kontakt/"><span class="fa fa-envelope-o" aria-hidden="true"></span>  Kontakt</a></li>
<li><a href="/anbieten/"><span class="fa fa-address-card-o" aria-hidden="true"></span> F&uuml;r Vermieter</a></li>
<li><a href="https://www.webplanner.de/login/" target="_blank"><span class="fa fa-key" aria-hidden="true"></span> Login</a></li>
</ul>
</div>
</div>
</section>

<section id="logo" class="row">
<div class="col-xs-12 col-sm-3 col-md-3  logoarea">
<a href="/"><img src="/template/images/wattenmeer-logo.png" alt="wattenmeer Logo" class="logo"></a>
</div>
<div class="col-xs-12 col-sm-9 col-md-9 text-left claim">
<ul class="headernav">
<li class="page_item page-item-1151 page_item_has_children current_page_ancestor current_page_parent"><a href="https://www.wattenmeer.com/">Unterkünfte</a></li>

<li class="page_item page-item-1149"><a href="http://www.edition-wattenmeer.de/shop/" target="_blank">Shop</a></li>
</ul>
</div>

</section>
</div>

<section id="heroImage" >
<div id="searchFormWrapper">

<section id="searchForm" class="container-fluid">

<div class="stickyLogo">
<a href="/"><img src="/template/images/wattenmeer-logo.png" alt="Wattenmeer Logo"></a>
</div>
<form class="zoekboek form-inline text-nowrap" action="/ferienhaeuser-ferienwohnungen/" method="get" enctype="multipart/form-data" onsubmit="$('#autocomplete').prop('disabled', true);">
<div class="form-group inputLocation"> 
<div class="input-group">
<input name="loc" id="autocomplete" value="Laguna Beach" class="form-control" placeholder="Wohin?" type="text">
<input name="loc2" id="autocomplete2" value="5ba9dcf36be66" class="form-control" type="hidden">
<label class="">
<span class="fa fa-map-marker" aria-hidden="true" rel="tooltip" title="Location"></span>
</label>
</div>
</div>

<span class="input-daterange">
<div class="form-group startDate">
<div class="input-group" >   
<input name="beginDate" value="" class=" form-control hasDatepicker" placeholder="von"  id="dp1484726705563" type="text">
<label class="">
<span class="fa fa-calendar" aria-hidden="true" rel="tooltip" title="Startdatum" style="pointer-events:none"></span>
</label>  
</div>
</div>
<div class="form-group endDate"> 
<div class="input-group" >  
<input name="endDate" value="" class=" form-control hasDatepicker" placeholder="bis"  id="dp1484726705564" type="text">
<label class="">
<span class="fa fa-calendar" aria-hidden="true" rel="tooltip" title="Enddatum" style="pointer-events:none"></span>
</label>

</div>
</div>
</span>
<div class="form-group selectPersons">
<select name="personen" class="form-control">
<option value="">Personen</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >mehr als 8</option>
</select>   
<label class="">
<span class="fa fa-user" aria-hidden="true" rel="tooltip" title="Personen" style="pointer-events:none"></span>
</label>  
</div>
	
	
<div class="form-group selectPersons"> 
<button value="Suchen" class="btn btn-fewogreen btn-lg" type="submit">Suchen</button>
</div>
	
</form>
	
</section>
</div>
</section>

</header>
<main>
<div class="articlebody articlebox--white--shadow waitdiv" style=" display:none;position:absolute; width:auto; padding:20px;z-index:1111; left:30%; margin-top:60px"><img src="/fewo/images/loading.gif" align="absmiddle" /><br /></div>
<div class="container-fluid">

	<div class="row">
<section id="sectionDetail">
<div class="heading spacer">
<div class="title"><h3 class="colorblue"><a href="https://www.wattenmeer.com/ferienhaeuser-ferienwohnungen/?loc2=5ba9dcf36be66"><span class="fa fa-search"></span>Zur&uuml;ck zur Liste</a>  <span class="fa fa-angle-double-left"></span> <a class="lasche-aktiv-link" href="https://www.wattenmeer.com/ferienhaeuser-ferienwohnungen/?fewoID=d03be036c8b9a416&loc2=5ba9dcf36be66">Hotel</a></h3></div>
<hr style="width: 100%; left: 0px;">
</div>
<aside class="hidden-xs col-sm-5 col-md-3">
<section class="searchfilter"> 
<header><h4>Suche anpassen</h4></header>
<div class="articlebody articlebox--white--shadow">
<form class="form-horizontal">

<div class="form-group">
<div class="col-xs-12">
<h3>Anzahl R&auml;ume:</h3>
<div class="list-radiobox spacer" data-toggle="buttons">
<input type="hidden" name="rooms" class="rooms" value="">

<label class="btn btn-numberbox btn-xs ">
<input type="radio" name="room" class="room" value="1" onchange="$('.rooms').val($('.active .room').val());$('.form-horizontal').submit();">
<span>1</span>
</label>

<label class="btn btn-numberbox btn-xs ">
<input type="radio" name="room" class="room" value="2" onchange="$('.rooms').val($('.active .room').val());$('.form-horizontal').submit();">
<span>2</span>
</label>

<label class="btn btn-numberbox btn-xs ">
<input type="radio" name="room" class="room" value="3" onchange="$('.rooms').val($('.active .room').val());$('.form-horizontal').submit();">
<span>3</span>
</label>

<label class="btn btn-numberbox btn-xs ">
<input type="radio" name="room" class="room" value="4" onchange="$('.rooms').val($('.active .room').val());$('.form-horizontal').submit();">
<span>4+</span>
</label>

<!--label class="btn btn-numberbox btn-xs ">
<input type="radio" name="room" class="room" value="5" onchange="$('.rooms').val($('.active .room').val());$('.form-horizontal').submit();">
<span>5+</span>
</label-->

</div>
</div>
</div>
<hr>
<div class="form-group" style="display:none">
<div class="col-xs-12">
<h3>Personen:</h3>
<input id="persons2" type="text" data-slider-ticks="[1, 2, 3, 4, 5, 6, 7, 8]" data-slider-ticks-snap-bounds="30" data-slider-value="2" data-slider-ticks-labels='["1", "2", "3", "4", "5", "6", "7", "8+"]'/>
</div>
</div>
<hr style="display:none">
<div class="form-group">
<div class="col-xs-12 spacer-bottom">
<h3>Preis pro Woche:</h3>
<b id="preiswocheVal">30 - 1500</b>
<input name="preiswoche" id="preiswoche" data-slider-id='preiswocheSlider' data-slider-tooltip="hide" type="text" data-slider-min="30" data-slider-max="1500" data-slider-step="1" data-slider-value="[30,1500]" /></div>
</div>
<hr>
<div class="form-group">
<div class="col-xs-12">
<h3>Objekttyp</h3>

<ul class="list-unstyled list-checkbox spacer20" >
<li data-toggle="buttons"><label class="btn btn-checkbox btn-xs active"><input name="type[]" value="Ferienhaus" type="checkbox" checked onchange="$('.form-horizontal').submit();"><span class="fa fa-check"></span></label> Ferienhaus</li>
<li data-toggle="buttons"><label class="btn btn-checkbox btn-xs active"><input name="type[]" value="Ferienwohnung" type="checkbox" checked onchange="$('.form-horizontal').submit();"><span class="fa fa-check"></span></label> Ferienwohnung</li>
<li data-toggle="buttons"><label class="btn btn-checkbox btn-xs active"><input name="type[]" value="Zimmer" type="checkbox" checked onchange="$('.form-horizontal').submit();"><span class="fa fa-check"></span></label> Zimmer</li>


</ul>

</div>
</div>
<hr>
<div class="form-group" style="display:none">
<div class="col-xs-12 ">
<h3>Ausstattung</h3>

<ul class="list-unstyled list-checkbox spacer20" >

</ul>
</div>
</div>

<div class="form-group" style="display:none">
<div class="col-xs-12 spacer">
<button class="btn btn-fewogreen btn-block" name="submit" type="submit">Suche aktualisieren</button>
<button class="btn btn-default btn-block spacer" name="reset" type="reset">Zurücksetzen</button>
</div>
</div>

</form>
<script>

$(".form-horizontal").submit(function(event)
{
event.preventDefault();
$str2 = $('.zoekboek').serialize();
$str = $(this).serialize();
//alert($str + '&'+ $str2);
laden($str + '&'+ $str2 + '','','');
window.scrollTo(0,0);
});


$('#persons2').slider({
formatter: function(value) {
return 'Current value: ' + value;
},
tooltip: 'hide'
});
$("#persons").on("slide", function(slideEvt) {
$("#personsSliderVal").text(slideEvt.value);
});

$("#persons2").slider({
ticks: [1, 2, 3, 4, 5, 6, 7, 8],
ticks_labels: ['1', '2', '3', '4', '5', '6', '7', '8+'],
ticks_snap_bounds: 30
});

$("#preiswoche").slider({
ticks: [30,1500],
ticks_labels: ['30 &euro;', '1500 &euro;']
});
$("#preiswoche").on("slide", function(slideEvt) {
var preiswoche = slideEvt.value+' ';
preiswoche = preiswoche.replace(",", " - ")
$("#preiswocheVal").text(preiswoche);
});
$("#preiswoche").on("slideStop", function(slideEvt) {
$(".form-horizontal").submit();
});
</script>
</div>


</section>

</aside>
<div class="col-xs-12 col-sm-7 col-md-9 "><!-- MIDDLE -->
<div class="ajaxinhalt">
<script type="text/javascript">

</script>
<!--b class="suche">The Mara by AvantStay | Rooftop Ocean Views + Pool + Spa | Walk to Beach + Galleries + Restaurant - Hotel</b-->
<!--div class="backlink"><a href="https://www.wattenmeer.com/ferienhaeuser-ferienwohnungen/?loc2=5ba9dcf36be66"><span class="fa fa-search"></span>Zur&uuml;ck zur Liste</a>  <span class="fa fa-angle-double-left"></span> <a class="lasche-aktiv-link" href="https://www.wattenmeer.com/ferienhaeuser-ferienwohnungen/?fewoID=d03be036c8b9a416&loc2=5ba9dcf36be66">Hotel</a></div-->
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-8 fotos">
<section id="detailFotos" class="fullheight">
<span class="articlebox--ribbon left blue">
<h3>The Mara by AvantStay | Rooftop Ocean Views + Pool + Spa | Walk to Beach + Galleries + Restaurant</h3>
Laguna Beach
</span>

<div id="carousel-custom" class="carousel slide" data-ride="carousel">

<div class="carousel-outer">

<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active" style="white-space:nowrap"><img src="//cdn.hometogo.net/medium/v1/cf3/f79/7d85e413297b42870d7df765f4.jpg" alt="foto0" style="display:inline-block"></div><div class="item" style="white-space:nowrap"><img src="//cdn.hometogo.net/medium/v1/f27/f68/340849f239b970808971b90cce.jpg" alt="foto1" style="display:inline-block"></div><div class="item" style="white-space:nowrap"><img src="//cdn.hometogo.net/medium/v1/f8b/904/b3ac918fd4ec77c25541ba46e3.jpg" alt="foto2" style="display:inline-block"></div><div class="item" style="white-space:nowrap"><img src="//cdn.hometogo.net/medium/v1/d33/210/a7bacea94c16dee2baa71006b2.jpg" alt="foto3" style="display:inline-block"></div><div class="item" style="white-space:nowrap"><img src="//cdn.hometogo.net/medium/v1/712/167/0c35285403359d985d154bd0b5.jpg" alt="foto4" style="display:inline-block"></div><div class="item" style="white-space:nowrap"><img src="//cdn.hometogo.net/medium/v1/a0e/2d4/e11b7883b31647fdeca96395f0.jpg" alt="foto5" style="display:inline-block"></div>
</div>

<!-- Controls -->
<a class="left carousel-control" href="#carousel-custom" data-slide="prev">
<span class="fa fa-angle-left"></span>
</a>
<a class="right carousel-control" href="#carousel-custom" data-slide="next">
<span class="fa fa-angle-right"></span>
</a>
</div>

<!-- Indicators -->
<ol class="carousel-indicators mCustomScrollbar">
<li data-target="#carousel-custom" data-slide-to="0" class="active"><img src="//cdn.hometogo.net/medium/v1/cf3/f79/7d85e413297b42870d7df765f4.jpg" alt="foto0" style="width:106px; height:80px" width="106" height="80"></li><li data-target="#carousel-custom" data-slide-to="1"><img src="//cdn.hometogo.net/medium/v1/f27/f68/340849f239b970808971b90cce.jpg" alt="foto1" style="width:106px; height:80px" width="106" height="80"></li><li data-target="#carousel-custom" data-slide-to="2"><img src="//cdn.hometogo.net/medium/v1/f8b/904/b3ac918fd4ec77c25541ba46e3.jpg" alt="foto2" style="width:106px; height:80px" width="106" height="80"></li><li data-target="#carousel-custom" data-slide-to="3"><img src="//cdn.hometogo.net/medium/v1/d33/210/a7bacea94c16dee2baa71006b2.jpg" alt="foto3" style="width:106px; height:80px" width="106" height="80"></li><li data-target="#carousel-custom" data-slide-to="4"><img src="//cdn.hometogo.net/medium/v1/712/167/0c35285403359d985d154bd0b5.jpg" alt="foto4" style="width:106px; height:80px" width="106" height="80"></li><li data-target="#carousel-custom" data-slide-to="5"><img src="//cdn.hometogo.net/medium/v1/a0e/2d4/e11b7883b31647fdeca96395f0.jpg" alt="foto5" style="width:106px; height:80px" width="106" height="80"></li>
</ol>
</div>

<div style="clear:both;"></div>
</section>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 details">
<section id="detailData" class="fullheight">
<h2>The Mara by AvantStay | Rooftop Ocean Views + Pool + Spa | Walk to Beach + Galleries + Restaurant</h2>
<!--h4></h4-->
<!--h4>Laguna Beach</h4-->
<h4 class="city">Laguna Beach</h4>
<p></p>

<h3>Objekt:</h3>
<ul class="list-unstyled data">
<li><label>Typ</label><span class="numbers colorblue">Hotel</span></li>
<li><label>Gr&ouml;&szlig;e</label><span class="numbers colorblue">27m<sup>2</sup></span></li>
<li><label>Badezimmer</label><span class="numbers colorblue">1</span></li>
<li><label>Schlafzimmer</label><span class="numbers colorblue">1</span></li>

<li class="special spacer10">Haustiere: ja</li>
</ul>
<hr>
<h3>Ausstattung:</h3><ul class="list-inline equipment"><li><span class="fa fa-tv" data-toggle="tooltip" data-placement="top" title="Fernseher"></span></li><li><span class="fa fa-wifi" data-toggle="tooltip" data-placement="top" title="Internet"></span></li><li><span class="fa fa-snowflake-o" data-toggle="tooltip" data-placement="top" title="Klimaanlage"></span></li></ul>

<button class="btn btn-lg btn-fewogreen spacer" onclick="fancypopup('https://www.hometogo.de/search/5460aea9e5f1b?campaign=api/all/a/lemsterpoortmedia/5460aea9e5f1b//f61/d03be036c8b9a416&pricetype=totalPrice&partner=lemsterpoortmedia&tag=f61&at=api&id=d03be036c8b9a416@f@a')">Buchung</button>
</section>
</div>
</div>

<ul class="nav nav-tabs nav-justified">
<li role="presentation" class="" style="display:none"><a href="#beschreibung" aria-controls="beschreibung" role="tab" data-toggle="tab">Beschreibung</a></li>
<li role="presentation" class="" style="display:none"><a href="#hausinfo" aria-controls="hausinfo" role="tab" data-toggle="tab">Hausinfo</a></li>
<li role="presentation" class="active"><a href="#lage" aria-controls="lage" role="tab" data-toggle="tab">Karte</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane " id="beschreibung" style="display:none"><h3>Beschreibung</h3>
<div class="fewoDesc"></div>
</div>
<div role="tabpanel" class="tab-pane " id="hausinfo" style="display:none"><h3>Hausinfo</h3>

</div>
<div role="tabpanel" class="tab-pane active" id="lage"><h3>Karte</h3>
<div style="border:0; background:transparent url('/fewo/images/loading.gif') no-repeat scroll left top; width:100%;; height:600px;" marginwidth="1" marginheight="1" border="0" frameborder="0" scrolling="no" data-src="/fewo/map/index.php?portal=wattenmeerfewoID=d03be036c8b9a416&mode=miframe&fewoID=d03be036c8b9a416&loc2=5ba9dcf36be66" class="awmp-map awmp-gmap" ></div>
</div>

</div>


</div>
</div>
</section>
</div>

<script type="text/javascript">
function laden(url, data, ziel)
{
var d = new Date();
zufall = d.getTime();

if(typeof ziel == 'undefined') ziel = '';

if(ziel != 'cal') window.location.href = '/ferienhaeuser-ferienwohnungen/?' + url;

//if(ziel == '')$("h3.colorblue").html('<span class="fa fa-search"></span>Ihre Suchergebnisse');

$(".ajaxinhalt"+ziel).prepend('<div class="articlebody articlebox--white--shadow" style="position:absolute; width:auto; padding:20px;z-index:1111"><img src="/fewo/images/loading.gif" align="absmiddle" /><br /></div>');
$(".ajaxinhalt"+ziel+" .resultbox").html('');
$.ajax({
type:'GET',
url:"/ferienhaeuser-ferienwohnungen/loader.php",
data:url,
dataType:'html',
timeout:5500,
success: function(d,s){
$('.ajaxinhalt' + ziel).html(d);
if(ziel == '')window.scrollTo(0,0);
},
error: function(o,s,e){
$('.ajaxinhalt' + ziel).html('<div class="articlebody articlebox--white--shadow" style="position:absolute; width:auto; padding:20px;z-index:1111"><img src="/fewo/images/loading.gif" align="absmiddle" />' + 'Fehler ' + s + '</div>');
window.location.href = '/ferienhaeuser-ferienwohnungen/?' + url;
},
ajaxError: function(o,s,e){
$('.ajaxinhalt' + ziel).html('<div class="articlebody articlebox--white--shadow" style="position:absolute; width:auto; padding:20px;z-index:1111"><img src="/fewo/images/loading.gif" align="absmiddle" />' + 'AJAX-Fehler' + o + '<br />' + s + '<br />' + e + '<br /></div>');
window.location.href = '/ferienhaeuser-ferienwohnungen/?' + url;
},
complete: function(xhr, statusText) {
if(xhr.status != 200)
{
$('div.ajaxinhalt' + ziel).html('<div class="articlebody articlebox--white--shadow" style="position:absolute; width:auto; padding:20px;z-index:1111"><img src="/fewo/images/loading.gif" align="absmiddle" /><br /></div>' + '<div class="nojs"><div class="nojskop">Fehler</div>' + xhr.status + ' ' + statusText + '</div>');
window.location.href = '/ferienhaeuser-ferienwohnungen/?' + url;
}
}
});
if(ziel == '')window.scrollTo(0,0);
return false;
}
</script>
<script type="text/javascript">
function myresize()
{
var width = $('#detailFotos .carousel-inner .item').width();
var height = width*3/4;
$('#detailFotos .carousel-inner .item').css('height',height+'px');
$('#detailFotos .carousel-inner .item').css('line-height',height+'px');
$('#detailFotos .carousel-inner .item img').css('max-height',height+'px');
//alert(width);
var height2 = 0;

/*$.each( $('.carousel-inner .item img'), function( key, value ) {
var theImage = new Image();
theImage.src = $(value).attr("src");
//var imageWidth = theImage.width;
var imageHeight = theImage.height;
if(imageHeight > 50 && imageHeight > height2)height2 = imageHeight;
});
if(height2 > 50 && height2 < height)
{
height2 = height2+20;
$('.carousel-inner .item').css('height',height2);
$('.carousel-inner .item img').css('max-height',height2);
}*/
var highest_element = 0;
$('.fullheight').each(function() {
if($(this).height()+50 > highest_element) highest_element = $(this).height()+50;
});
$('.fullheight').css('min-height', highest_element+'px');

/*var highest_element = 0;
$('.fullheight2').each(function() {
if($(this).height() > highest_element) highest_element = $(this).height();
});
$('.fullheight2').css('min-height', highest_element+'px');
*/
}

window.onload = function () {
myresize();

}
window.onresize = function () {
myresize();
}
</script>


</div>
</main>

<footer>
<section id="footerMenus" class="container-fluid">
<div class="container">
<div class="row">
<section class="col-md-3 col-sm-3 footernav">
<h3>Navigation</h3>
<ul class="list-unstyled">
<li><a href="/">Startseite</a></li>
<li><a href="/ferienhaeuser-ferienwohnungen/">Suchen &amp; Buchen</a></li>
<li><a href="/anbieten/">Unterkunft anbieten</a></li>
</ul>
</section>
<section class="col-md-6 col-sm-6 footernav">
<h3>Ferienhaus und Ferienwohnung online buchen!</h3>
<p>Finden Sie hier Ihre Traumwohnung am Strand mit Meerblick, f&uuml;r Ihre Familie eine sch&ouml;ne Ferienanlage mit Pool.</p>
</section>
<section class="col-md-3 col-sm-3 footernav">
<h3>Unternehmen</h3>
<ul class="list-unstyled">
<li><a href="/kontakt/impressum.php">Impressum</a></li>
<li><a href="/kontakt/agb.php">AGB</a></li>
<li><a href="/kontakt/datenschutz.php">Datenschutz</a></li>
<li><a href="/kontakt/">Kontakt</a></li>
</ul>
</section>
</div>
</div>
</section>
<div class="clearfix"></div>
<section id="footerMeta" class="container-fluid">
<div class="container">
<div class="row text-center">
<small>&copy;  Wattenmeer.com</small>
<ul class="legal">
</ul> 
</div>
</div>
</section>
</footer>
<script type="text/javascript">
$(document).ready(function() {
$('.input-daterange').datepicker({startDate: "today", orientation: "bottom auto", locale: "de",language: "de", format: "dd.mm.yyyy" ,autoclose:true,assumeNearbyYear:true,weekStart:1,disableTouchKeyboard:true });

$('#dp1484726705563').on('changeDate',function() {
$('#dp1484726705564').datepicker('show');
});

$(".zoekboek").submit(function(event) {
$("article").hide();
$(".waitdiv").show();
$(".ajaxinhalt").hide();
});
});
</script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
})
</script>
	
	
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
	
})
</script>
<script>
$(document).ready(function () {
$(".navbar-toggle").on("click", function () {
$(this).toggleClass("active");
});
});
</script>

<script>
// cache the element
var $navBar = $('#searchFormWrapper');

// find original navigation bar position
var navPos = $navBar.offset().top+160;

// on scroll
$(window).scroll(function() {
	
if($(window).width()>767) {
// get scroll position from top of the page
	var scrollPos = $(this).scrollTop();

// check if scroll position is >= the nav position
if(scrollPos >= navPos) {
$navBar.addClass('fixed-search');
$('main').css('padding-top', 220);
} else {
$navBar.removeClass('fixed-search');
$('main').removeAttr('style');
}
} else {
$navBar.removeClass('fixed-search');
$('main').removeAttr('style');
}
});
</script>

<script type="text/plain" data-type="application/javascript" data-name="googleAnalytics">
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-7531623-15', 'auto');
  ga('set', 'anonymizeIp', true);
  ga('send', 'pageview');
</script>
<script src="/klaro-consent/config.js?1.1.7"></script>
<script src="/klaro-consent/klaro-no-css.js?1.1.7"></script>
<link rel="stylesheet" href="/klaro-consent/klaro.css?1.1.7">
<script src="/klaro-consent/awmp/script.js?1.1.7"></script>
<link rel="stylesheet" href="/klaro-consent/awmp/style.css?1.1.7">
</body>
</html>