@charset "utf-8";
/* CSS Document */

body {font-family: 'harmansimple';}

.respic {
	width:100%;
	margin:auto;
	height:auto;
}
.respic2 {
	width:100%;
	margin:auto;
	height:auto;
}

.trenner { 
	width:100%; 
	margin:auto;
	height:10px;
	padding-top:20px;
	margin-top:0px;
	margin-bottom:0px;
	border-bottom:1px solid #666; 
	clear:both;
}
@media screen and (max-width: 1280px) {
.hidebox {display:none;}
}

/* MENÜ ----------------------------------------------------------- */

.menu {  
  display:none;
}

@media screen and (max-width: 1280px) {    
.menu {
  display:block;
  position: absolute;
  top: 20px;
  right: 2%;
  height: 46px;
  width: 46px;
}
menu {
animation: fadeInAnimation ease 1.5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
  0% {
  opacity: 0;
  }
  100% {
  opacity: 1;
  }
  }      
   
}
    
.menu-link {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}

.hamburger-icon {
 position: absolute;
  width: 30px;
  height: 14px;
  margin: auto;
  left: 0;
  top:15px;
  right: 0;
  bottom: 1px;
}

.hamburger-bar {
  background-color: #000;
  height: 2px;
  width: 100%;
  border-radius: 10px;
  position: absolute;
  left: 0;
  transition: all 0.25s ease-in-out;
}

.hamburger-bar-2 {
  top: 0;
  bottom: 0;
  margin: auto;
}

.hamburger-bar-3 {
  bottom: 0;
}

.menu.open .hamburger-bar-1 {
  transform: translateY(7px) translateY(-50%) rotate(45deg);
}

.menu.open .hamburger-bar-2 {
  opacity: 0;
}

.menu.open .hamburger-bar-3 {
  transform: translateY(-7px) translateY(50%) rotate(-45deg);
}

.menu-overlay {
  background-color: #1eb3ad;
  color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  text-align: center;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.menu-overlay.open {
  opacity: 1;
  visibility: visible;
}

.prompt {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
}

nav {
    position: absolute;
    height: 80%;
    top: 20%;
    font-size: 50px;
    font-family: 'harmansans', serif;
    font-weight: 400;
    text-align: center;
}

.menublock {
  display:block; margin:auto;margin-top:0px;
}
.menublocklink {
  font-size:24px; color:#fff; display:block; margin-top:8px;
}


/* CUSTOM --------------------------------------------------------- */

.bannerstartbox_tortuga {
background-image: url('/media/banner.tortuga_start.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 60vh;
}

.bannerstartbox_breskens {
background-image: url('/media/banner.breskens_start.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 60vh;
}

.bannersubpage {
  width:100%; position:top; display:table; clear:both; z-index:1;
}
@media screen and (max-width: 800px) {
.bannersubpage {
  width: 100%;
    position: top;
    padding-top: 70px;
    display: table;
    clear: both;
}
}

.bannerfont {
padding-top:180px; 
padding-left:5%;
}
.startwhite {
color:#fff; 
font-size:26px; 
font-family: 'harmansans';
}
.starttitle {
color:#d2de82; 
line-height: 90px; 
font-size:100px; 
font-family: 'harmansimple';
}

.bannerfont_breskens {
padding-top:200px; 
padding-left:5%;
}
.startwhite_breskens {
color:#ccdeb7; 
font-size:26px; 
font-family: 'harmansans';
}
.starttitle_breskens {
color:#fff;
line-height: 100px; 
font-size:100px; 
font-family: 'harmansans';
}


@media screen and (max-width: 1350px) {

.bannerstartbox_tortuga {
height: 70vh;
}

.bannerfont {
padding-top:140px; 
padding-left:4%;
}
.startwhite {
color:#fff; 
font-size:22px; 
font-family: 'harmansans';
}
.starttitle {
color:#d2de82; 
line-height: 75px; 
font-size:80px; 
font-family: 'harmansimple';
}

.bannerfont_breskens {
padding-top:140px; 
padding-left:5%;
}
.startwhite_breskens {
color:#ccdeb7; 
font-size:22px; 
font-family: 'harmansans';
}
.starttitle_breskens {
color:#fff;
line-height: 75px; 
font-size:80px; 
font-family: 'harmansans';
}

}

@media screen and (max-width: 800px) {

.bannerstartbox_tortuga {
height: 55vh;
}
.bannerfont {
padding-top:140px; 
padding-left:4%;
}
.startwhite {
color:#fff; 
font-size:20px; 
font-family: 'harmansans';
}
.starttitle {
color:#d2de82; 
line-height: 55px; 
font-size:60px; 
font-family: 'harmansimple';
}

.bannerstartbox_breskens {
height: 60vh;
}
.bannerfont_breskens {
padding-top:140px; 
padding-left:4%;
}
.startwhite_breskens {
color:#ccdeb7; 
font-size:20px; 
font-family: 'harmansans';
}
.starttitle_breskens {
color:#fff;
line-height: 60px; 
font-size:55px; 
font-family: 'harmansans';
}

}

.startbutton_breskens {
          padding: 10px 15px 8px 15px;
          background-color: #8a77b5;
          letter-spacing: 0px;
          text-transform: uppercase;
          font-family: 'harmansans';
          font-weight: normal;
          font-size:26px;
          line-height: 26px;
          color: #fff;
          border-radius: 7px;
        }

.startbutton {
          padding: 10px 15px 8px 15px;
          background-color: #fff;
          letter-spacing: 0px;
          text-transform: uppercase;
          font-family: 'harmansans';
          font-weight: normal;
          font-size:26px;
          line-height: 26px;
          color: #1eb3ad;
          border-radius: 7px;
        }

    .startbutton_blue {
          padding: 10px 15px 8px 15px;
          background-color: #1eb3ad;
          letter-spacing: 0px;
          text-transform: uppercase;
          font-family: 'harmansans';
          font-weight: normal;
          font-size:24px;
          line-height: 24px;
          color: #fff;
          border-radius: 7px;
        }
    .startpfeilbutton {
        width:60px;
        height:auto;
    }

@media screen and (max-width: 1280px) {


  .startbutton_breskens {
          font-size:20px;
          line-height: 24px;
        }

  .startbutton {
          font-size:20px;
          line-height: 24px;
        }
  .startbutton_blue {
          font-size:20px;
          line-height: 24px;
        }
      .startpfeilbutton {
        width:40px;
        height:auto;
    }
}


       body {
            animation: fadeInAnimation ease 1.5s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }  
    
        .topbarmenu {
            position:fixed; width:100%; height:90px; background-color:#fff; z-index:10000;
        }
        .logosize {
            width:320px; float:left; margin-top:-60px;
        }
        .sprachposition {
            margin-top:0px; padding-right:1.5%; float:right;
        }
        @media screen and (max-width: 1280px) {
        .topbarmenu {
            position:fixed; width:100%; height:70px; background-color:#fff;
        }  
        .logosize {
            width:220px; float:left; margin-top:-30px;
        }
        }
        @media screen and (max-width: 800px) {
        .sprachposition {
            margin-top:10px; padding-right:1.5%; float:right;
        }
        }       



/* scroll-loading effect ---------------------------------------------------------------------------------------------*/

.hidden {
     opacity:0;
}
.visible {
     opacity:1;
}

/*----- BASIC EFFECTS ------------------------------------------------------------------------------------------------*/

::selection 		{background: #efefef; color: #2d2d2d; }
::-moz-selection 	{background: #efefef; color: #2d2d2d; }
		
/* Custom Header -----------------------------------------------------------------------------------------------------*/

.footerbild		{width:100%; max-width:1600px; margin:auto; height:auto;}

.footer			{background-color:#000; font-size:18px; width:100%; height:auto; min-height:350px; margin:auto; color:#fff; text-transform:uppercase;}
@media screen and (max-width: 1400px) {
.footer	        {font-size:14px; padding-top:20px; min-height:250px;}
}
@media screen and (max-width: 1200px) {
.footer	        {font-size:14px; padding-top:10px; min-height:500px;}
}
@media screen and (max-width: 600px) {
.footer			{padding-top:20px; min-height:850px;}
}

.footer a 		{color:#fff;}
.footer a:hover {color:#ccc;}
.footer table   {color:#fff;}
.foohead 		{}

/* MENU ------------------------------------------------------------------------------------------------------------- */

.topmenu {
	position:fixed; 
	z-index:100;
	width:100%; 
	height:40px; 
	background-color:#000; 
	padding:10px 15px 5px 15px; 
	text-align:right; 
	font-size:14px; 
  font-family: 'harmansimple';
	color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.menubox {
	margin:auto; 
	background-color: #fff; 
	margin-bottom:20px; 
	width:100%; 
	top:10px;
	max-width:1600px;
}
@media screen and (max-width:1280px) {
.menubox {
	display:none;
}
}

.menuline {
	positione:relative;
	width:100%;
	float:left;
	margin-bottom:14px;
	margin-top:-5px;
	clear:both;
}

.menuline ul {
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:right;
	width:100%;
}

.menuline li {
	margin:auto;
	display:block;    
	margin-top:0px;
	list-style:none;
	padding-left:20px;
	padding-right:20px;
	display:inline;
}

.menuline a {
	margin:auto;
	display:inline;
	padding:0px;
	background-color:#fff;
	text-align:left;
	-webkit-transition: .5s all ease-out;
	-moz-transition: .5s all ease-out;
	transition: .5s all ease-out;
	color:#000;
	letter-spacing:1px;
	text-decoration: none;
	text-transform:uppercase;
	font-family: 'harmansans';
	font-size:20px;
	outline:0;
}
@media screen and (max-width: 1600px) {
	.menuline a {
	font-size:17px;
	}
	.menuline li {
	padding-left:20px;
	padding-right:20px;
	}
}

@media screen and (max-width: 1400px) {
	.menuline a {
	font-size:15px;
	font-family: 'harmansans';
	}
	.menuline li {
	padding-left:15px;
	padding-right:15px;
}
}

@media screen and (max-width: 1200px) {
	.menuline a {
	font-size:14px;
	font-family: 'harmansans';
	}
	.menuline li {
	padding-left:10px;
	padding-right:10px;
}
}

.menuline a:hover, .menuline a:focus {
	color:#7ac525;
	outline:0;
}

.menuline .rex-current {
    color: #7ac525;
    outline: 0;
}
.menuline .rex-active {
    color: #7ac525;
    outline: 0;
}

@media screen and (max-width: 1600px) {

	.menuline2 li {
	padding-left:15px;
	padding-right:15px;
	}
}


.text-center				{text-align:center;}
.text-left 					{text-align:left;}
.text-right					{text-align:right;}
.text-justify       {text-align:justify;}

/*----- ACCORDION -------------------------------------------------------------------------------------------------------*/

.accordionmaster {
  margin-top:6px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  -webkit-box-sizing: border-box;
  width:100%; 
  padding-left:40px;
}
.accordionmaster2 {
  margin-top:6px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  -webkit-box-sizing: border-box;
  width:100%; 
  padding-left:0px;
}

.acbox1 {
  width:100%; 
  display:block; 
  height:30px;
  padding:12px; 
  padding-bottom:0px;
  text-align:left;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
}
.aclink {
  width:100%; 
  display:block; 
  font-size:24px; 
  cursor:pointer; 
  color:#1d1d1b;
}
.aclink2 {
  width:100%; 
  display:block;
  padding:0px; 
  font-size:24px;
  cursor:pointer; 
  color:#1d1d1b;
}
.aclink3 {
  display:none; 
  width:100%; 
  padding-left:7px; 
  cursor:pointer;
  font-size:24px; 
  color:#1d1d1b;
}
.aclink4 {
  font-size:24px; 
  display:block; 
  cursor:pointer; 
  color:#1d1d1b;  
  padding-left:7px; 
  padding-top:0px;
}
.aclink:hover, .aclink2:hover, .aclink3:hover, .aclink4:hover {
  color:#dcc6c8;
}

.acicon1 {
  float:right; 
  width:22px; 
  height:22px;
}
.acicon2 {
  float:right; 
  width:22px; 
  height:22px; 
  padding-top:0px; 
  padding-right:7px;
}
.accontent {
  display:block;
  width:100%;
  margin-top:-23px; 
  padding:15px; 
  height:40px;
  text-align:left;
  background-color: #fff; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.actext {
  display:none; 
  text-align:left;
}
.details {
  float:left; 
  display:block;
  clear:both; 
  margin-bottom:30px;
}
.detail1 {
  float:left; 
  width:150px;
}
.detail2 {
  float:left; 
  width:150px;
  clear:both;
}
.detail3 {
  float:left; 
}
.acfooter {
  clear:both;
  border-bottom:2px solid #B1B3B4; 
  width:100%;
  height:30px;
}
.acfooter_text1 {
  float:left; 
  color:#B1B3B4;
}
.acfooter_text2 {
  float:left; 
  color:#1A171B; 
  margin-left:3%;
}
.acfooter_text3 {
  float:right;
  color:#E2001A;
}

/* --- */

div .tabbox  {
  margin-left:-40px;
  background:#transparent;
  z-index:6;
}

.tabs ul {
  width:100%;
  margin:0;
  padding:0;
}

.tabs li {
  margin-left:40px;
  list-style:none;
  display:inline;
  margin:0;
  padding:0;
}

.tabs a {
  padding:2%;
  display:inline-block;
  background:#ccc;
  color:#fff;
  text-decoration:none;
  width:35%;
  margin-bottom:5px;
}

.tabs a.active {
  background:#e20019;
  color:#fff;
}


/* TYPO ------------------------------------------------------------------------------------------- */


h1							{font-family: 'harmansans'; font-size:34px; font-weight:normal; letter-spacing:1px; line-height:32px; color:#4d4c4c; margin:0; padding:0;}
h2 							{font-family: 'harmansans'; font-size:34px; font-weight:normal; letter-spacing:1px; line-height:32px; color:#4d4c4c; margin:0; padding:0;}
h3 							{font-family: 'harmanscript'; font-size:22px; line-height:32px; color:#4d4c4c; margin:0; padding:0; margin-top:-15px; }
h4  						{font-family: 'harmansans';font-size:22px; font-weight:normal; line-height:24px; color:#93c01f; margin:0; padding:0; margin-top:0px;}
h5  						{font-family: 'harmansimple'; font-size:14px; line-height:18px; font-weight:normal; color:#7ac525; margin:0; padding:0; margin-top:0px;}

p 							{font-family: 'harmansimple'; font-weight:normal; font-size:24px; line-height:32px; color:#000000; -moz-hyphens: auto; hyphens: auto;}

a 							{color:#93c01f; text-decoration:none;font-family: 'harmansans';  font-size:24px;
							-webkit-transition: .5s all ease-out; -moz-transition: .5s all ease-out; transition: .5s all ease-out;
							opacity: 1.0; filter: alpha(opacity=100);}
a:hover						{text-decoration:none; opacity: 0.7; filter: alpha(opacity=70);}
strong 						{font-weight:normal; font-family: 'harmansans'; font-size:24px;}

@media screen and (max-width:1200px) {
h1							{font-family: 'harmansans';  font-size:26px; line-height:28px; color:#4d4c4c; letter-spacing:1px;  margin:0; padding:0;}	
h2 							{font-family: 'harmansans';  font-size:26px; line-height:28px; color:#4d4c4c; letter-spacing:1px;  margin:0; padding:0;}
h3 							{font-family: 'harmanscript'; font-size:18px; line-height:24px; color:#4d4c4c; margin:0; padding:0; margin-top:-15px; }
p 							{font-family: 'harmansimple'; font-size:20px; line-height:24px; color:#000000; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
a 							{font-size:20px;}
strong          {font-weight:normal; font-family: 'harmansans'; font-size:24px;}

}

@media screen and (max-width:800px) {
h1              {font-family: 'harmansans';  font-size:24px; line-height:26px; color:#4d4c4c; letter-spacing:1px;  margin:0; padding:0;}  
h2              {font-family: 'harmansans';  font-size:22px; line-height:26px; color:#4d4c4c; letter-spacing:1px;  margin:0; padding:0;}
h3              {font-family: 'harmanscript'; font-size:18px; line-height:20px; color:#4d4c4c; margin:0; padding:0; margin-top:-15px; }
p               {font-family: 'harmansimple'; font-size:18px; line-height:24px; color:#000000; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
a               {font-size:16px;}
strong          {font-weight:normal; font-family: 'harmansans'; font-size:18px;}

}

/* KONTAKTFORM ------------------------------------------------------------------------------------------*/

form {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  border: 0;
  max-width: 80rem;
}
form fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
form fieldset legend {
  display: none;
}
form .form-group {
  margin-top: 7px;
}
form label {
  display: block;
  margin: 0px;
  width: 100%;
  cursor: pointer;
  font-family: 'harmansans';
  text-transform:uppercase;
  letter-spacing:1px;
  color:#333;
  font-size: 13px;
}
form input {
  float:left;	
  width: 100%;
  outline: 0;
  border: 2px solid white;
  padding: 10px 20px 10px 10px;
  margin-bottom:10px;
  font-size: 18px;
  line-height: 28px;
  border: 2px solid #ececec;
  font-family: 'harmansimple';
  background-color:#ececec; 
  color:#6d7a78;
  border-radius:5px;
}
form input input:focus, form input textarea:focus {
  border: 2px solid #ccc;
  background-color:#fff;
  color:#222;
}
form input:focus {
  border: 2px solid #fff;
  color:#222;
  background-color:#fff;
}
form select {
  width: 99.7%;
  outline: 0;
  border: 2px solid #00622e;
  padding: 3.5px 7px;
  font-size: 15px;
  line-height: 14px;
  font-family: 'harmansimple';
   border-radius:5px;
}
form select input:focus, form select textarea:focus {
  border: 2px solid #00622e;
  outline:0;
}
form select:focus {
  border: 2px solid #00622e;
  outline:0;
}
form button {
  font-size: 22px;
  line-height: 24px;
  background: #93c01f;
  color: white;
  padding: 10px 20px 10px 20px;
  margin-top: 14px;
  text-align:center;
  outline: none;
  cursor: pointer;
  width:100%;
  font-family: 'harmansans';
  letter-spacing:2px;
  border:0px solid #fff;
  border-radius:5px;
}
form button:hover, form button:focus {
  background: #1eb3ad;
  border:0px solid #1eb3ad;
  color:#fff;
}
form button:active {
  border:0px solid #1eb3ad;
  background: #1eb3ad;
  color:6d7a78;
}
form textarea {
  width: 100%;
  outline: 0;
  border: 0px solid white;
  padding: 10px 20px 10px 10px;
  font-size: 18px;
  line-height: 28px;
  color:#6d7a78;
  font-family: 'harmansimple';
  background-color:#ececec;
  border-radius:5px;
}
form textarea input:focus, form textarea textarea:focus {
  border: 2px solid #fff;
  background-color:#fff;
  color:#222;
}
form textarea:focus {
  border: 0px solid #fff;
  background-color:#fff;
  color:#222;
}

form input[type=checkbox] {
	float:left;
	margin-right:20px;
	width:20px;
	height:20px;
	font-size:20px;
	display:inline;
	border:1px solid #000;
}

form input[type=radio] {
	float: left;
	width: 40px;
	margin-top: 5px;
	margin-left: -13px;
	
}

.yform form .form_warning label li {
  color: #ccc;
}
.alert-danger li {color:#ce0d80;}
.alert-danger li:last-child {color:#ce0d80;}

.has-error form input {
    border-bottom: 2px solid #ce0d80;
}