@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Balthazar&display=swap');

#boote img, #boats .object img {
  border-radius: 15px;
}

.halb {padding-top: 15px; font-size: 0.8rem;font-weight: bold;}
.lucky-video {width: 100%;border-radius: 20px;}
.overlay-logo {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);width: 50%;}

.floating-menu{z-index:999;right:0;position:fixed;display:inline-block;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.main-menu{margin:0;padding-left:0;list-style:none;font-size: 18px;}
.main-menu li a{display: flex;flex-direction: row;padding:20px;color: #eaeaea;position:relative;-webkit-transition:none;-o-transition:none;transition:none;right: -170px;line-height: 1;}
.main-menu li a:hover{color:#eaeaea;right:0;-webkit-transition: .8s;-o-transition: .8s;transition: .8s;}
.main-menu span {padding-left:20px}
.ripple i {color: #eaeaea;font-size: 20px;;text-align: center;width: 24px;}
.ripple img {text-align: left;width: 30px;margin: 0 2px 0 3px;}
.menu-bg {position: absolute;width: 100%;height: 100%;z-index: -1;top: 0;left: 0;-webkit-transition: .1s;-o-transition: .1s;transition: .1s;}
.ripple{position:relative;overflow:hidden;transform:translate3d(0,0,0);display: block;padding: 20px;color: #fff;-webkit-transition: none;-o-transition: none;
transition: none;margin: 10px 0;background:#dd5b33;border-color: #dd5b33;border-style: solid;border-width: 0px 0px 0px 0px;}

:root {--app-height: 100%;}

.videofix {position: fixed;overflow: hidden;z-index: 0;object-fit: cover;width: 100%;height: var(--app-height);top: 0;left: 0;}
.videojet {position: relative;overflow: hidden;z-index: 1;object-fit: cover;width: 100%;height: 546px;top: 0;left: 0;border-radius: 20px;}

#myVideo {background-size: cover;background-position: 50% 50%;position: absolute;margin: auto;width: 100%;height: var(--app-height);right: -100%;bottom: -100%;top: -100%;left: -100%;object-fit: cover;z-index: -100;}

#jetskisVideo {background-size: cover;background-position: 50% 50%;position: absolute;margin: auto;width: 100%;height: 650px;right: -100%;bottom: -100%;top: -100%;left: -100%;object-fit: contain;z-index: -100;}

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

/* Grid */
body {font-family: 'Rubik', sans-serif;font-size: 15px;font-weight:400;text-align: left;background-color: #fff; color: #555;letter-spacing:0.5px;}
:focus, :active{outline: none;border: 0;}
::selection {background: #1F3954; color:#fff;/* WebKit/Blink Browsers */}
::-moz-selection {background: #1F3954; color:#fff;/* Gecko Browsers */}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
select {-moz-appearance: none;-webkit-appearance: none;padding: 5px;border: 0px;}
select::-ms-expand {display: none;}
button:focus {outline:0 !important;}
img {max-width: 100%;}

/* Fonts */
p {line-height: 1.5;margin: 15px 0;text-align:left;}
p a {text-decoration: none;}
h1,h2,h3,h4,h5,h6 {font-family: 'Rubik', sans-serif;color:#1F3954;font-weight:300;line-height: 1.5;margin:0;text-align: left;}
.h1, h1 {font-size: 26px;text-align: left;margin: 0;padding: 0px 0 30px;font-weight: 500; letter-spacing: 1px;text-transform: uppercase;}
.h2, h2 {font-size: 26px;text-align: left;margin: 0;padding: 0px 0 30px;font-weight: 500; letter-spacing: 1px;text-transform: uppercase;}
.h3, h3 {font-size: 13px;margin: 15px 0;padding: 0px;letter-spacing: 1px;font-weight: 500;text-align:center;text-transform: uppercase;color:#fff;}
.h4, h4 {font-size: 20px;font-weight: 500;color: #004B5C;letter-spacing: 1px;line-height: 1.2;padding-top: 15px;text-transform: uppercase;}
.h5, h5 {font-size: 24px;margin: 0;color: #fff;letter-spacing: 0.5px;font-weight: 500;line-height:1.2}
.h6, h6 {font-size: 16px;margin: 0px;padding: 0px;letter-spacing: 0.5px;color: #fff;}

a,a:hover,a:focus {color:#1F3954;text-decoration: none;}
.web-ref {text-decoration: underline;;}

.clear {clear:both;}

hr {border-top: 1px solid #ba8;}
/* Alignements */
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

/* Navigation */
.nav-link {color:#fff;font-size:16px;padding: 20px 0 20px 10px;border-top: 1px solid #0ab3ab;}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {color:#fff;}
button.navbar-toggler {margin: 0;color: #fff;width: 0;height: 0;border: 40px solid transparent;border-top: 80px solid #DD5B33;border-bottom: 0;position: fixed;top: 0;right: 50px;z-index: 1;}
.navbar-toggler i{position: fixed;top: 15px;font-size: 20px;right: 80px;}
.navbar-toggler:focus {box-shadow: 0 0 0 0rem;}
#offcanvasNavbar {background: #00A19A !important;}
.nav-item.current {font-weight: bold;}
.navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-brand:visited {margin:0;max-width:250px;}
a:hover.nav-link  {color:#333;}
.nav-item {text-align: left;}
nav span {display: block;font-size: 14px;}
.nav-link.active  {font-weight:bold;;}
.nav-link:focus  {color: #333;}
.nav-link:hover {color: #333;}
.navigationbar {background-image: linear-gradient(to bottom, rgb(0, 75, 92), 5%, rgba(200,200,200,0))}
.childpage .nav-link {padding-left:25px;}

/* Lists & Blockquotes */
ul {list-style: none; padding: 0;margin-bottom: 0;}
blockquote {border-left: 10px solid #ccc; padding-left: 30px; margin: 30px 0px 30px 50px;font-family: 'Balthazar', serif;color: #333;font-size: 30px;font-weight: 400;}

/* Buttons */
html input[type=button] {background-color: #1F3954;color: #fff;display: inline-block;margin:20px 0 0;padding: 10px 45px;letter-spacing: 1px;text-transform: uppercase;cursor: pointer;font-size: 13px;font-weight: 600;border-radius: 10px;}
.button {background: rgba(0,0,0,0.2);color: #fff;display: inline-block;margin:0;padding: 15px 50px;letter-spacing: 1px;cursor: pointer;font-size: 14px;font-weight: 500;border-radius: 15px;border: 1px solid #fff;}
.button:hover, .button:focus, .btn-primary:focus {;color:#fff;}
.fa-arrow-down {color:#DD5B33;font-weight:600;}
.fa-arrow-right {color:#DD5B33;font-weight:600;}
.button-fleet {background: #00979A;color: #fff;display: inline-block;margin: 30px 0 0 0;;padding: 10px 40px;letter-spacing: 2px;cursor: pointer;font-size: 14px;font-weight: 500;border-radius: 15px;}

/* Form */
.form-input-wrapper {padding: 0 0 8px;}
.form-control {padding: 5px 15px;font-size: inherit;height: auto;border-radius: 8px;border: 0;color: #999;font-weight: 300;}
.form-control:focus {color: #999;background-color: #fff;outline: 0;box-shadow: 0 0 0 0rem transparent;}
.form-label {display: none;}
label {color:#fff;}
label.inline {color: #999;font-size:10px;}
.form-honeybear {visibility: hidden;position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px,1px,1px,1px);}
.form-textarea-wrapper {padding: 0 0 8px;}
input[type="checkbox"] {;margin-right: 5px;}
.button.btn.btn-primary.btn-lg {float: right;margin-top: -30px;background: #399383;border:0;    z-index: 1;position: relative;padding: 10px 20px;}

/* Cookies */
.cc-color-override--29957753.cc-window {background-color: #1F3954;}
.cc-window.cc-floating {max-width: 100%;    width: 100%;}
.cc-bottom {bottom: 0em;}

/* Sections */
.logo {padding: 15px;display: block;max-width: 250px;margin: 0 auto;}
#inicio .logo {max-width:max-content;}
.content {position: absolute;bottom:60px;left: 50%;transform: translateX(-50%);}

#services {padding: 50px 0 70px;background: #004B5C;text-align:center;margin-top: 100vh;}
#services p {text-align:center; font-size:13px;color:#fff;width: 80%;display: block;margin: 0 auto;}
#services  i {color:#DD5B33;font-size:18px;}

#boote {padding: 150px 0 100px 0;background: #fff;}
#boote p {color:#00A19A; font-size:16px;text-transform: uppercase;margin-top:0px;margin-bottom:30px;}
#boote a {position: relative;display:block;}
#boote .banner {background: #00A19A;padding: 15px 25px;position: absolute;right: 0;color: #fff;top: 10%;text-transform: uppercase;border-radius: 10px 0px 0px 10px;font-weight: 600;letter-spacing: 2px;}

#jetski {padding: 120px 0;background:#F5F7F8;}

#kunden {padding: 0;text-align: center;position: relative;color:#fff;background: #004B5C;}
.titel {text-align:left;text-transform: uppercase;font-weight:600;padding-top:0.8vw;}
.text {text-align:left;font-style:italic;  }
.name {text-align:right;}
.review {padding: 45px;}
.blue {background: #004B5C;}
.green {background: #00979A;}
.review {padding:2vw; font-size:0.8vw;}
.titel {font-size:1vw;}
.name {font-size:0.8vw;}

#dienstleistungen {padding: 150px 0;background: #fff;}
#dienstleistungen .col-12, #dienstleistungen .col-sm-6, #dienstleistungen .col-md-4 {position: relative;margin-bottom:30px;}
#dienstleistungen .col-12 h5 {font-size: 32px;}
#dienstleistungen .col-12 h6 {font-size: 21px;}
#dienstleistungen .col-12 img, #dienstleistungen .col-sm-6 img, #dienstleistungen .col-md-4  img {width: 100%;}
.titelbox {position: absolute;bottom: 20px; left: 30px;}

#shuttle {padding: 150px 0;background: #fff;}
#shuttle img {border-radius:20px;}
#shuttle h3 {font-size: 20px;text-align: left;margin: 0 0 25px;color: #00979A;}
#shuttle h2 {margin-top: 80px;}
#shuttle .green {margin-top:30px;}

#gallery {padding:0;background: #fff;}
.gallery {width:11.11%;padding:0.25%; float:left;background: #fff;}
.sl-overlay {background: #fff;opacity: 0.95 !important;}
.sl-wrapper .sl-image .sl-caption {display:none !important;}

#captain {padding: 150px 0;clear: both;background: #fff;}
.captain {background-image: linear-gradient(to top, #004B5C 0%, #00A19A 100%);color: #fff;padding:30px;border-radius:20px;}
.captain img {display: block;margin: 0 auto 30px;}
.lucky {padding:0px 0 0px 60px;background-image: url(/user/pages/bilder/krake.png);background-repeat: no-repeat;background-position: top center;}
.lucky p {font-size: 16px;line-height: 1.8;text-align: justify;padding: 15px 0;}
.lucky img {display: block;margin: 0 auto ;}
.callus, .callus:hover, .callus:visited, .callus:focus {background: #DC5B33;font-size: 18px;margin-top: 20px;display: block;color: #fff;padding: 15px;border-radius: 10px;}
.whatsapp, .whatsapp:hover, .whatsapp:visited, .whatsapp:focus {background: #25D366;padding: 15px;border-radius: 10px;margin-top: 20px;display: block;color: #fff;font-size: 18px;}
em {color: #ddd;font-size: 15px;margin-bottom: 46px;display: block;}

footer {clear: both;padding: 100px 0;background:#004B5C;color:#fff;}
footer a, footer a:hover, footer a:visited, footer a:focus {color:#fff;}
.footerlogo img {width:200px;margin:50px auto;display:block;}

.thankyoubox p {text-align:center;}
.links p {line-height: 1.7;}
.social {font-size: 47px;padding-right: 20px;}
.mapimage {margin-top: 15px;border-radius: 10px;}
footer h4 {font-size: 18px;font-weight: 500;color: #fff;letter-spacing: 0;line-height: 1.5;padding: 0 0 15px;text-transform: none;}

.desktop {display:block;}
.mobile {display:none;}
	
/* Unterseiten */

#underpage h5 {color:#333;}

#breadcrumbs {padding-bottom:25px;}
.whitepagelogo {margin: 0 auto 50px;display: block;}

#boats {padding: 150px 0 100px 0;background: #fff;margin-top: 100vh;}
#boats p {color:#00A19A; font-size:16px;text-transform: uppercase;margin-top:0px;margin-bottom:30px;}

#mallorca {padding: 100px 0 100px 0;background: #EBEBEB;margin-top: 100vh;}
#mallorca h1, #catering h1, #watersport h2 {padding: 0;}

#catering {padding: 100px 0 100px 0;background: #EBEBEB;margin-top: 100vh;}
#watersport {padding: 0px 0 100px 0;background: #EBEBEB;}

.textbox h2 {font-size:15px;padding:0;color: #00A19A;}
.textbox em {color:#3D3D3D; margin-bottom: 15px;display: block;}
.textbox {background: #fff; padding: 30px; margin-top: 30px; border-radius:20px;}

#faq {padding: 100px 0 100px 0;background: #EBEBEB;margin-top: 100vh;}

#fleet-carousel {padding: 25px 0 0;background:#EBEBEB;}
#fleet-carousel video {max-width: 100%;border-radius: 20px;position:relative;}
#fleet-gallery {padding: 50px 0 0;background:#EBEBEB;margin-top: 100vh;}
#fleet-gallery img {border-radius:10px;}
.video {position:relative;}
.fleet-title {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);margin: 0;padding: 0;line-height: 1;font-size: 70px;color: #fff;opacity: 1;width:max-content;font-weight: 600;
letter-spacing: 1px;text-transform: uppercase;text-shadow: 1px 1px 2px #555;}

#description {background: #EBEBEB;padding: 15px 0 100px;}
#description h1 {padding-bottom: 0px;}
#description h4 {font-size: 14px;padding: 0 0 50px;color: #999;}

.box h2 {font-size:15px;padding:0;color: #00A19A;}
.box {background: #fff; padding: 30px; margin-bottom: 30px; border-radius:20px; color: #333;}
.box .row {padding: 2px 0;}
.preise p {font-size: 10px;}
.grey {background: #EBEBEB;}
.white {color: #fff;}

.flotte {padding: 100px 0 50px;}
.greenbox {background: #004B5C; padding: 70px;color:#fff;position:relative;background-image: url(/user/pages/bilder/krake-opacity1.png);background-repeat: no-repeat;background-position: right bottom;} 
.greenbox h2 {color:#fff;padding-bottom: 15px;}
.greenbox ul {list-style: inherit;padding: revert;margin-bottom: inherit;}

#form {display:block;}
#form h2 {color:#878787; text-transform:none;font-weight:400;}
#form h3 {font-size: 26px;text-align: left;margin: 0;padding: 20px 0;font-weight: 600; letter-spacing: 1px;text-transform: uppercase;color:#3b3b3b;}
#form .form-control {background-color: #EBEBEB;padding:15px;font-size: 15px;}
.checkboxes {margin: 0px 15px 15px 0px ;;display: block;float: left;min-width:100px;}
.radio input {margin-right:15px;}
.checkboxes label {font-size:15px; color: #3D3D3D;}
.checkbox {margin: 0 15px 0 0px ;display: block;float: left;}
.checkbox .inline {font-size:15px;}
.form-spacer p {margin: 0;font-size: 11px;color: #878787;}
#form .privacy {margin: 15px 5px 30px 0px;}
#form label.inline {font-size:15px;color: #3b3b3b;}
#form .button {width:100%;background: #399383;border: 0;position: relative;padding: 10px 20px;}

#fragen {background: url(/user/pages/bilder/fragen-antworten.jpg) #1F3954;background-repeat: no-repeat;background-size: cover;min-height: calc(100vh - 155px);background-position: center;}
#fragen h1 {color:#fff;}
#fragen p{color:#fff;text-shadow: 0px 0px 5px #000;}
#fragen a{text-shadow: none;}
#antworten {padding: 100px 0;}

.accordion-panel {background: #fff;padding: 0 30px;}
#ui-id-1 {border:none;}
.accordion-item__title {border-top: 1px solid #ebebeb;background: #fff;margin:0;padding: 30px 0;text-align: left;font-weight: normal;cursor: pointer;}
.accordion-item__content {width:100%;}
.ion-ios-plus-outline::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f055";margin-right: 10px;color: #00A19A;}
.ion-ios-minus-outline::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f056";margin-right: 10px;color: #00A19A;}

#underpage {padding: 50px 0;}
#underpage h1,#underpage h2  {font-size: 26px;padding:0;}
#underpage ul {list-style: initial;padding: 0 0 0 2rem;margin-bottom: initial;}

.thankyoubox {padding: 100px 0;}

.thankyoubox h1 {text-align:center;}

.contactbar {position:fixed; bottom: 0; width:100%; background-image: linear-gradient(to top, #004B5C 0%, #00979A 100%);; padding: 0;height: 60px;z-index:10005;}
.contactbar {display:none;}
.contactbar:active, .contactbar:focus {}
.icons {width:25%; float:left; color:#fff; font-size: 20px; text-align:center;padding-top:15px;}
.contactbar .fa-whatsapp {font-size: 24px;}
.icons:active, .icons:focus {}
.icons:nth-last-child(1){border-right: 0px;}
.icons span {color: #fff;font-weight:400;}
.contactbar a,.contactbar a:hover,.contactbar a:focus{color:#fff;}
a.contact-desktop {background: transparent;color: #00A19A;text-align: center;display: inline-block;margin: 0;max-width: 100%;padding: 5px 10px;font-weight: 400;position: absolute; top: 10px;left: 50%;transform: translate(-50%);font-weight:400;}
a.contact-desktop:hover, a.contact-desktop:focus {background: #00A19A}


@media screen and (max-width:575px){
	body {font-size:12px}
	h1 {font-size:16px;}
	h2 {font-size:16px;}
	h3 {font-size: 18px;letter-spacing: 1px;margin-bottom: 30px;}
	h4 {font-size: 16px;padding-top: 10px;}
	h5 {font-size: 6vw;}
	h6 {font-size: 4vw;}
	.navbar-nav {padding-bottom:60px;}
	.button {padding: 10px 20px;font-size: 14px;white-space: nowrap;}
	#boote {padding: 30px 0 00px;margin-top: calc(100vh - 60px);}
	#boote p {font-size: 12px;}
	#boats {padding: 30px 0 00px;margin-top: calc(100vh - 60px);}
	#boats p {font-size: 12px;}
	#boote .banner {font-size:10px;padding: 10px 10px;}
	.videojet {height: 280px;margin-bottom: 30px;}
	#jetski {padding: 30px 0 30px;}
	.review {padding:4vw; font-size:3vw;}
	.review img {display: none;}
	.titel {padding-top:0px;font-size:3vw;}
	.name {padding-top:0px;font-size:3vw;}
	#faq {padding-bottom:100px;}
	.faq-box {padding:20px;}
	#services {display:none;}
	.carousel-inner {width:100%;}
	.button.btn.btn-primary.btn-lg {margin-top: -30px;}
	input[type="checkbox"] {margin-right: 2px;}
	label.inline {font-size:9px;}
	footer {padding: 0px 0 120px;}
	.address p {font-size:16px;}
	#fragen h1 {color:#1F3954;}
	#fragen p {color: #fff;text-shadow: 0px 0px 10px #000;}
	#antworten {padding:50px 0;}
	#kunden .col-md-6:nth-child(2) .row {display: -webkit-flex;-webkit-flex-direction: row-reverse;display: flex;flex-direction: row-reverse;}
	#kunden .col-md-6:nth-child(5) .row {display: -webkit-flex; -webkit-flex-direction: row-reverse; display: flex; flex-direction: row-reverse;}
	.gallery {width:33.33%;}
	#dienstleistungen {padding: 50px 0 30px;}
	#shuttle {padding: 50px 0 30px;}
	#shuttle h2 {margin-top:30px}
	.lucky {padding:60px 0;}
	.lucky p {font-size:14px; line-height:1.5;padding:0;}
	#captain {padding:50px 0 0;}
	.captain {padding:20px;}
	.box {font-size:11px; padding:15px;}
	.fleet-title {font-size: 30px; }
	#fleet-carousel video {border-radius: 10px;}
	#fleet-gallery {padding: 30px 0 0;}
	#fleet-gallery img {border-radius: 10px;}
	.checkboxes label {font-size: 13px;}
	.checkboxes {min-width:70px;}
	#form label.inline {font-size: 13px;}
	#form h3 {padding: 15px 0; font-size: 20px;}
	#breadcrumbs{font-size:12px;}
	.form-spacer p {font-size:10px;}
	.contactbar {display:block;}
	#inicio .logo {max-width: 250px;}
	.flotte {padding: 30px 0;}
	.greenbox {padding:22px;}
	.captain .callus, .captain .callus:hover, .captain .callus:visited, .captain .callus:focus {font-size: 4.05vw;}
	.captain .whatsapp, .captain .whatsapp:hover, .captain .whatsapp:visited, .captain .whatsapp:focus {font-size: 4.7vw;}
	.textbox { padding:15px;}
	.textbox h2 {font-size: 14px;}
	.textbox em {font-size: 13px;}
	#mallorca {padding: 50px 0;}
	#catering {padding: 50px 0;}
	.box .col-2 {padding: 0 5px;}
}

@media screen and (min-width:576px) and (max-width:767px){
	body {font-size:12px}
	h1 {font-size:16px;}
	h2 {font-size:16px;}
	h3 {font-size: 18px;letter-spacing: 1px;margin-bottom: 30px;}
	h4 {font-size: 16px;padding-top: 10px;}
	h5 {font-size: 18px;}
	h6 {font-size: 12px;}
	.navbar-nav {padding-bottom:60px;}
	.button {padding: 10px 20px;font-size: 14px;white-space: nowrap;}
	#boote {padding: 30px 0 00px;margin-top: calc(100vh - 60px);}
	#boote p {font-size: 12px;}
	#boats {padding: 30px 0 00px;margin-top: calc(100vh - 60px);}
	#boats p {font-size: 12px;}
	#boote .banner {font-size:10px;padding: 10px 10px;}
	.videojet {display:none;}
	#jetski {padding: 30px 0 30px;}
	.review {padding:4vw; font-size:3vw;}
	.review img {display: none;}
	.titel {padding-top:0px;font-size:3vw;}
	.name {padding-top:0px;font-size:3vw;}
	#faq {padding-bottom:100px;}
	.faq-box {padding:20px;}
	#services {display:none;}
	.carousel-inner {width:100%;}
	.button.btn.btn-primary.btn-lg {margin-top: -30px;}
	input[type="checkbox"] {margin-right: 2px;}
	label.inline {font-size:9px;}
	footer {padding: 60px 0 120px;;}
	#fragen h1 {color:#1F3954;}
	#fragen p {color: #fff;text-shadow: 0px 0px 10px #000;}
	#antworten {padding:50px 0;}
	#zustellung {background-position: left;}
	#kunden .col-md-6:nth-child(2) .row {display: -webkit-flex;-webkit-flex-direction: row-reverse;display: flex;flex-direction: row-reverse;}
	#kunden .col-md-6:nth-child(5) .row {display: -webkit-flex; -webkit-flex-direction: row-reverse; display: flex; flex-direction: row-reverse;}
	.gallery {width:33.33%;}
	#dienstleistungen {padding: 50px 0 30px;}
	#shuttle {padding: 50px 0 50px;}
	#shuttle h2 {margin-top:30px}
	.lucky {padding:60px 0;}
	.lucky p {font-size:14px; line-height:1.5;padding:0;}
	#captain {padding:50px 0 0;}
	#fleet-carousel video {border-radius: 10px;}
	#fleet-gallery {padding: 30px 0 0;}
	#fleet-gallery img {border-radius: 10px;}
	.checkboxes label {font-size: 13px;}
	.checkboxes {min-width:70px;}
	#form label.inline {font-size: 13px;}
	#form h3 {padding: 15px 0; font-size: 20px;}
	#breadcrumbs{font-size:12px;}
	.form-spacer p {font-size:10px;}
	.contactbar {display:block;}
	.content {display:none;}
	#inicio .logo {max-width: 250px;}
	.flotte {padding: 30px 0;}
	.greenbox {padding:22px;}
	.captain .callus, .captain .callus:hover, .captain .callus:visited, .captain .callus:focus {font-size: 3vw;}
	.captain .whatsapp, .captain .whatsapp:hover, .captain .whatsapp:visited, .captain .whatsapp:focus {font-size: 3vw;}
	.textbox { padding:15px;}
	.textbox h2 {font-size: 14px;}
	.textbox em {font-size: 13px;}
	#mallorca {padding: 50px 0;}
	#catering {padding: 50px 0;}
}

@media screen and (min-width:768px) and (max-width:991px){
	body {font-size:14px;}
	h5 {font-size: 17px;}
	#captain h5 {font-size: 24px;}
	h6 {font-size: 10px;}
	#services p {width:100%;}
	#boote .banner {font-size:10px;padding: 10px 10px;}
	.videojet {height:289px;}
	.review {padding:2vw; font-size:1.5vw;}
	.review img {display: none;}
	.titel {padding-top:0px;font-size:1.5vw;}
	.name {padding-top:0px;font-size:1.5vw;}
	.button.btn.btn-primary.btn-lg {margin:0}
	footer .mobile {display:none!important;}
	.links { display:none;}
	.footerlogo {display:none;}
	.address p {line-height: 1.85;}
	.cc-window {font-size:12px;}
	#kunden .col-md-6:nth-child(3) .row {display: -webkit-flex;-webkit-flex-direction: row-reverse;display: flex;flex-direction: row-reverse;}
	#kunden .col-md-6:nth-child(6) .row {display: -webkit-flex;-webkit-flex-direction: row-reverse;display: flex;flex-direction: row-reverse;}
	#kunden .col-md-6:nth-child(5) .row {display: -webkit-flex;-webkit-flex-direction: row-reverse;display: flex;flex-direction: row-reverse;}
	.box {font-size:12px; padding:20px;}
	.greenbox h2 {font-size:20px;}
	.greenbox {font-size: 12px;padding: 30px;}
	.lucky {padding: 60px 0;}
	.gallery {width: 33.33%;}
	.textbox{padding:15px;}
	.textbox em {font-size:10px;}
}


@media screen and (min-width:992px) and (max-width:1200px){
	body {font-size:14px;}
	h5 {font-size: 16px;}
	.videojet {height:391px;}
	.review {padding:1.5vw; font-size:1vw;}
	.review img {display: none;}
	.titel {padding-top:0px;font-size:1vw;}
	.name {padding-top:0px;font-size:1vw;}
	footer .form {width:40%;}
	.footerlogo {display:none;}
	.button.btn.btn-primary.btn-lg {margin-top: -30px; padding: 10px 15px;}
	.navbar {font-size: 13px;}
	.greenbox h2 {font-size:20px;}
	.greenbox {font-size: 12px;padding: 40px;}
	.captain .callus, .captain .callus:hover, .captain .callus:visited, .captain .callus:focus {font-size: 12px;}
	.captain .whatsapp, .captain .whatsapp:hover, .captain .whatsapp:visited, .captain .whatsapp:focus {font-size: 13px;}
	.address p {line-height: 1.45;}
	.textbox{padding:20px;}
	.textbox em {font-size:14px;}
	.captain {padding:20px;}
	em {margin-bottom: 10px;}
	.lucky {padding: 0px 0 0px 20px;}
	#shuttle {padding: 50px 0}
	#shuttle h2 {margin-top:0;}
	#shuttle h3 {font-size: 16px;}
	#shuttle .green {margin-top:20px;}
}

@media screen and (min-width:1201px) and (max-width:1399px){
	body {font-size:16px;}
	.videojet {height:469px;}
	.review {padding:1.5vw; font-size:1vw;}
	.titel {padding-top:0px;font-size:1vw;}
	.review img {display: none;}
	.name {padding-top:0px;font-size:1vw;}
	footer p {font-size: 14px;}
	footer .links p {line-height:1.4;}
	.footerlogo img {margin: 25px 0;}
	.button.btn.btn-primary.btn-lg {margin-top: -35px; padding: 10px 15px;}
	.captain .callus, .captain .callus:hover, .captain .callus:visited, .captain .callus:focus {font-size: 16px;}
	.social {display:none;}
	.address p {line-height: 1.75;}
	.topbar {font-size:12px;letter-spacing: 0.5px;}
	#shuttle h2 {margin-top:15px;}
}

@media screen and (min-width:1400px) and (max-width:1600px){
	.review {padding:1.5vw; font-size:1vw;}
	.titel {padding-top:0px;font-size:1vw;}
	.name {padding-top:0px;font-size:1vw;}
}


@media screen and (min-width:1400px){
	.footerlogo img {margin: 50px 0;}
}

@media screen and (max-width:319px) {
	body {font-size:12px;}
}

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

@media screen and (orientation: portrait) {
	#startseite {min-height: 60vh}
	#fragen {min-height: 60vh}
}

@media (max-width: 767px) {
	.navbar-toggler i {position: relative;top: auto;bottom: auto;right: auto;color: #fff;}
	.navbar-toggler {text-align: center;font-size: 24px;padding-top: 15px;}	
	button.navbar-toggler {border: 30px solid transparent;border-top: 0;border-bottom: 60px solid #DD5B33;top:auto;bottom: 0;right: 0px;z-index: 1;display:none;}
	/*#myVideo {height:calc(100vh - 60px)}
	.videofix {height:calc(100vh - 60px)}*/
	.content {bottom: 100px;}
	.desktop {display: none;}
	.mobile {display:block;}
    .icons .language-selector .dropdown-menu {top: -118px;width: 80px;height: auto;border-radius: 0;--bs-dropdown-min-width: none;background: #dd5b33;color: #fff;text-align: center;}
	.dropdown-menu li {padding:10px 0;font-size: 20px;}
	.language-selector .btn {font-size: 20px;padding: 0;margin: -2px 0 0 0;line-height: 1;color: #fff;}	
	.carousel-indicators [data-bs-target]{border-radius: 50%;width: 8px;height: 8px;}
	.carousel-indicators [data-bs-target] {background-color:#333;}
	.carousel-indicators{bottom:-20px;margin-bottom:-10px;}
	.floating-menu {display:none;}
	.cc-window.cc-bottom {bottom: 60px;}
}