<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de" >
<head>
<base href="https://brodersen-sylt.de/kontakt" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="Jan" />
<meta name="generator" content="Joomla! - Open Source Content Management - Version 3.9.6" />
<title>Gästehaus Brodersen - Kontakt</title>
<link href="https://brodersen-sylt.de/component/search/?Itemid=232&format=opensearch" rel="search" title="Suchen Gästehaus Brodersen" type="application/opensearchdescription+xml" />
<link href="/templates/joomlage0097-scene/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<link href="/plugins/system/jce/css/content.css?1f826ef89972ba991eeffa2547aee4db" rel="stylesheet" type="text/css" />
<link href="https://brodersen-sylt.de/modules/mod_dj_easy_contact/assets/mod_dj_easy_contact.css" rel="stylesheet" type="text/css" />
<link href="https://brodersen-sylt.de/modules/mod_dj_easy_contact/assets/style1.css" rel="stylesheet" type="text/css" />
<script type="application/json" class="joomla-script-options new">{"csrf.token":"68093b5c5214c4cf8eed9145ce8b9f87","system.paths":{"root":"","base":""}}</script>
<script src="/media/jui/js/jquery.min.js?1f826ef89972ba991eeffa2547aee4db" type="text/javascript"></script>
<script src="/media/jui/js/jquery-noconflict.js?1f826ef89972ba991eeffa2547aee4db" type="text/javascript"></script>
<script src="/media/jui/js/jquery-migrate.min.js?1f826ef89972ba991eeffa2547aee4db" type="text/javascript"></script>
<script src="/media/system/js/caption.js?1f826ef89972ba991eeffa2547aee4db" type="text/javascript"></script>
<script src="/media/system/js/mootools-core.js?1f826ef89972ba991eeffa2547aee4db" type="text/javascript"></script>
<script src="/media/system/js/core.js?1f826ef89972ba991eeffa2547aee4db" type="text/javascript"></script>
<script src="/media/system/js/mootools-more.js?1f826ef89972ba991eeffa2547aee4db" type="text/javascript"></script>
<!--[if lt IE 9]><script src="/media/system/js/html5fallback.js?1f826ef89972ba991eeffa2547aee4db" type="text/javascript"></script><![endif]-->
<script src="/media/jui/js/bootstrap.min.js?1f826ef89972ba991eeffa2547aee4db" type="text/javascript"></script>
<script src="/media/system/js/punycode.js?1f826ef89972ba991eeffa2547aee4db" type="text/javascript"></script>
<script src="/media/system/js/validate.js?1f826ef89972ba991eeffa2547aee4db" type="text/javascript"></script>
<script type="text/javascript">
jQuery(window).on('load', function() {
new JCaption('img.caption');
});
(function($){
$(document).ready(function(){
$("#dj-easy-contact-form-96 .button.submit").click(function(event){
event.preventDefault();
var form = $(this).parents("form").get(0);
var isValid = document.formvalidator.isValid($(this).parents("form").get(0));
if (isValid) {
DJEasyContactSubmit96();
return;
}
});
window.DJEasyContactSubmit96 = function(){
var form = $("#dj-easy-contact-form-96");
form.trigger("submit");
};
$("#dj-easy-contact-form-96").submit(function(event){
event.preventDefault();
var form = $(this);
var formData = form.serialize();
jQuery.ajax({
type: "POST",
async: false,
url : form.action,
data : formData
}).done(function(response) {
if(response=="OK"){
if(0 == "4"){
jQuery( ".modal-body .modal-dj-easy-contact-message" ).append( "<div class='alert alert-success'><button type='button' data-dismiss='alert' class='close'>×</button><div>Vielen Dank für Ihre Nachricht.</div></div>" );
jQuery( ".modal-body .modal-dj-easy-contact-message .alert-error" ).remove();
jQuery( ".modal-body .dj-simple-contact-form" ).hide();
jQuery( "#modal-dj-easy-contact-box .close, .modal-backdrop" ).click(function() {
jQuery( ".modal-dj-easy-contact-message .alert" ).remove();
jQuery( ".modal-body .dj-simple-contact-form" ).show();
});
} else{
alert("Vielen Dank für Ihre Nachricht.");
jQuery( "#system-message-container .alert" ).remove();
}
form.find(".dj-simple-contact-form-row input, .dj-simple-contact-form-row textarea").each(function(posi, input){
jQuery(input).val("");
jQuery("input[type='checkbox']").prop("checked", false);
});
}else{
alert(response);
}
}).fail(function(xhr, status, error) {
if (error != "") {
alert(error);
} else {
alert("Etwas ist schief gelaufen. Bitte versuchen Sie es erneut.");
}
});
});
if(0 == "4"){
jQuery(".dj-easy-contact-modal-button").on("click", function(e) {
e.preventDefault();
jQuery("html, body").animate({scrollTop: 0}, 500);
});
// copy messages from message container to modal
modalBody = jQuery(".modal-body");
var submitBtn = modalBody.find(".dj-simple-contact-form .button");
submitBtn.click(function(event){
var msgCont = jQuery("#system-message-container");
var msgContDiv = jQuery("#system-message-container div");
if (msgContDiv.length > 0) {
var rvMsgCont = jQuery(".modal-body .modal-dj-easy-contact-message");
rvMsgCont.html(msgCont.html());
msgCont.html(" ");
}
});
// modal fix for email label
var emailField = modalBody.find(".dj-simple-contact-form-row.email");
if (emailField.length > 0) {
if (jQuery(".dj-simple-contact-form .email input").val().length == 0) {
jQuery(".dj-simple-contact-form .email input").addClass("empty-email-field");
}
jQuery( "#modal-dj-easy-contact-box, .dj-simple-contact-form.button" ).click(function() {
if (jQuery(".dj-simple-contact-form .email input").val().length == 0) {
jQuery(".dj-simple-contact-form .email input").addClass("empty-email-field");
} else {
jQuery(".dj-simple-contact-form .email input").removeClass("empty-email-field");
}
});
}
}
});
})(jQuery);
</script>
<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomlage0097-scene/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomlage0097-scene/css/typo.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomlage0097-scene/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomlage0097-scene/css/font-awesome.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomlage0097-scene/css/animate.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomlage0097-scene/css/nexus.css" type="text/css" />
<!-- Font weight required for Headings and Titles -->
<link href='https://fonts.googleapis.com/css?family=Raleway:400,300,200,100,500,700,800,900,600' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato:400,300,100,700,900' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<link rel="stylesheet" href="/templates/joomlage0097-scene/css/responsive.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Coming Soon:300,400" />
<style type="text/css">
/*-------------------------------------------------------------*/
/*---------------Start Global Parmameters Styling--------------*/
/*-------------------------------------------------------------*/
/*--Set Template Width--*/
.wrapper960 {width:86%;}
/*--Set Body Color and spacer--*/
body, .spacer{background-color:#ffffff;}
/*--Set HTML Background Image--*/
body, .spacer{background-color: transparent !important;}
html{
background: url(/images/bilder_tobi/_01A0432-3.JPG) no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/*--End Background Image--*/
/*--Body font size--*/
body{font-size: 15px}
/* Fonts Selected */
body, input, button, select, textarea {font-family:Coming Soon }
h2{font-family:Coming Soon }
.module h3, .module_menu h3{font-family:Coming Soon; }
#hornav{font-family:Coming Soon }
.logo-text a{font-family:Coming Soon !important;}
/*-------------------------------------------------------------*/
/*----------------------Buttons Styling------------------------*/
/*-------------------------------------------------------------*/
/*--Styles Button Color--*/
.content_vote .btn, .btn.dropdown-toggle, .pager.pagenav a, .pager a,
.btn-primary, span.content_vote input.btn, .btn,
.input-append .add-on, .input-prepend .add-on,
.btn.active, .btn:active, .btn:hover,.pagination ul,.readmore a.btn{background-color: #4d4d4e; border-color: #4d4d4e; }
#main span.content_vote input.btn{background-color: #4d4d4e !important;}
/*buttons text, icons carets color styling*/
#main a.btn, #main a:hover.btn, button.btn, .pagenav, #main a.pagenav, #main a:hover.pagenav, #main ul.pager li.previous a, #main ul.pager li.next a, i, span.content_vote input.btn, .btn{color: #ffffff !important;}
.caret{border-top: 4px solid #ffffff !important;}
#main div#editor-xtd-buttons.btn-toolbar div.btn-toolbar a.btn,span.add-on{color: #ffffff !important; background-color: #4d4d4e !important;}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {background-color: #4d4d4e !important;}
/*--Print/Email Button Group Styling--*/
.btn-group a.btn, .btn-group > .btn, .btn-group > .dropdown-menu{background-color: #f5f5f5 !important; border-color: #f5f5f5 !important;}
/*--Print/Email Button Group icons,caret,text color styling--*/
div.btn-group a.btn i,div.btn-group ul.dropdown-menu li a i, #main div.btn-group ul.dropdown-menu li a, #main div.btn-group ul.dropdown-menu li a:hover{color: #2d2d2d !important;}
div.btn-group a.btn span.caret{border-top: 4px solid #2d2d2d !important;}
div.btn-group a.btn span.icon-cog{color: #2d2d2d !important;}
/*-------------------------------------------------------
)
