/* Theme Name: Billey Child Theme URI: http://billey.thememove.com/ Author: ThemeMove Author URI: http://thememove.com/ Version: 1.0.0 Template: billey Text Domain: billey-child Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready */ @import url("css/fonts.css"); /* Anpassung für Sonderabfrage für das Formular auf der Kontaktseite */ .contact_form_contact_page select{ color: #656A6C !important; font-family: Open Sans !important; font-size: 16px !important; font-weight: 300 !important; cursor: pointer; } .elementor-widget-liegeplaetze_button{ width: auto !important; max-width: auto; align-self: flex-end;} .custom-ctabutton.liegeplatzbutton{display:inline-block; font-weight: 400; font-family: Open Sans; border: 1px solid #5dbcd2; font-size: 12px; line-height: 1; background-color: #5dbcd2; color: white; display: inline-block; text-transform: uppercase; text-align: center; padding: 12px 24px; height:auto; width: 100%; margin-bottom: 0; } form#yachtsearch .searchbuttonwrapper{float:right; position: static !important; ;} form#yachtsearch{padding-bottom:0 !important } .searchbuttonbox{margin-bottom:25px !important;} html div button.resetbutton { padding:0 14px; margin: 15px 0 0 0 ; border-right: 4px solid #fff; text-align: center; background-color: #c7cfd5; color: #fff; text-transform: uppercase; min-height: 36px; cursor: pointer; line-height: 34px; } .praeferenzen ul li, .yachtintro span, .merkliste-sharer ul li a, .merkliste-sharer button{font-weight: 400 !important; } html .billey-accordion .accordion-content{font-size:14px !important;} .custom-ctabutton.backbutton{padding:12px 24px; height: auto; letter-spacing: initial; border:0px;} .custom-ctabutton.backbutton:hover{background-color:#5dbcd2; border:0px;} h1, h2, h3, h4, h5, h6, th, [class*="hint--"]:after, .elementor-accordion .elementor-tab-title a, .elementor-counter .elementor-counter-title{ font-family: 'Open Sans'; font-weight:300} .elementor-widget-text-editor{ font-family: 'Open Sans'; } body, .gmap-marker-wrap { color: #656a6c; font-family: Open Sans; font-size: 14px; font-weight: 400; letter-spacing: 0em; line-height: 1.78; } .nlinfoxbox .elementor-field-group-newsletter_typ, .nlinfoxbox .elementor-field-group-nl_typ, .nlinfoxbox #infonltyp{display:block;} #matomo-optout-form{margin-bottom:30px;} #contact-wrapper-box .heading-description p{} html .elementor-section.elementor-section-boxed>.elementor-container { max-width: 1200px; } .flex-rows3 .elementor-row .elementor-column{width:33%; margin-bottom:50px;} .flex-rows3 .elementor-row{flex-wrap:wrap; } @media screen and (max-width: 768px) { .flex-rows3 .elementor-row .elementor-column{width:50%; } } @media screen and (max-width: 480px) { .flex-rows3 .elementor-row .elementor-column{width:100%; margin-bottom:15px;} .flex-rows3{margin-bottom:85px !important;} } html div.cdsROW.narrow{width:100%; margin:10px 0;} html .cdsROW .cdsLocName a {text-decoration: none; margin-top:5px; display:block;} .elementor-868 .elementor-element.elementor-element-e79ba8a .link-icon{font-size:30px;} html .elementor-widget-tm-social-networks ul li{width:50px; } html .tm-social-networks ul{width:100%;} .col-md-6.top-bar-left{width:180px; max-width:180px;} .col-md-6.top-bar-right{max-width:calc(100% - 180px); width:calc(100% - 180px); flex-grow: 1; padding-right:80px;} .top-bar-inner .container{padding-right:0;} @media screen and (max-width: 1280px) { .page-top-bar ul{margin-right:15px;} } .special-highlight{position: absolute; color:white; top:5px; left:10px; font-size:24px;} @media screen and (max-width: 768px) { .contact-informations-form{margin-bottom:50px;} html .elementor-19834 .elementor-element.elementor-element-33f208bb > .elementor-element-populated.elementor-element-populated{padding-left:15px;} /* FOOTER ANPASSUNG */ .elementor-element-49276f93 .elementor-row .elementor-col-25{width:50%;} /*ANPASSUNG STARTSEITE*/ #index_finders .elementor-column{width:50%;} } @media screen and (max-width: 550px) { /* FOOTER ANPASSUNG */ .elementor-element-49276f93 .elementor-row .elementor-col-25{width:100%;} /*ANPASSUNG STARTSEITE*/ #index_finders .elementor-column{width:100%;} } @media screen and (max-width: 1199px) { html .page-mobile-popup-logo img{width:120px;} } html .page-close-mobile-menu{color:#656a6c;} /* Responsive header Überschriften */ .tm-modern-heading.mb_modern_heading h1{ font-family: "modernline", Sans-serif; font-size: 50px; font-weight: 300; color: #FFFFFF; } .tm-modern-heading.mb_modern_heading h1 span{ font-size: 50px; font-weight: 300; text-transform: uppercase; color: #FFFFFF; font-family: "Open Sans"; } @media (max-width:480px) { .tm-modern-heading.mb_modern_heading h1{font-size:25px;} .tm-modern-heading.mb_modern_heading h1 span{font-size:25px;} .tm-modern-heading.mb_modern_heading { max-width: 80%; margin: auto; } } /* BUCHUNGSABLAUF */ @media screen and (max-width: 1100px) { html body div.buchungsablauf-button{width: 50% !important;} html body div.buchungsablauf-button .elementor-button-wrapper a.elementor-button-link.elementor-button.elementor-size-sm{width:100%;} html body div.buchungsablauf-button div.elementor-widget-container{margin-top:5px !important;} } /*********************************************/ /* SPRACHWECHSLER MENÜ */ /*********************************************/ .page-mobile-menu-content .langswitcher{padding-top:50px;display:inline-block;width:49%;text-align:center} .page-mobile-main-menu .menu__container > li + li.langswitcher > a{border:0;} .langswitch{display:inline-block; margin-left:60px; } .langswitch a{padding-right:30px; display:inline-block; position: relative} .langswitch a:hover:after{content:'';position:absolute;left:auto;right:0;bottom:0;height:1px;width:0;-webkit-transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;background:currentColor} /* MENÜ ANPASSUNGEN FÜR YACHTKATEGORIEN */ .menu-item-title img{display:block; margin-bottom:5px;} #mobile-menu-primary .menu-item-title img{display:none;} .desktop-menu .sm li.yacht-menu-item{text-align: center; display:inline-block; width:calc(25% - 16px); margin-top:5px;} .desktop-menu .yacht-menu-parent-item .sub-menu.children.simple-menu.sm-nowrap{max-width:900px !important; width:50vw !important;} .desktop-menu .sm-simple .simple-menu li.yacht-menu-item a { padding: 8px 0 8px 8px; } .desktop-menu .sm-simple .simple-menu li.yacht-menu-item:first-of-type {margin-left:22px;} .desktop-menu .sm-simple .simple-menu li.yacht-menu-item:last-of-type{margin-right:22px;} html .page-mobile-main-menu .children a { font-size: 14px; color: rgba(255,255,255,1); } html .page-open-mobile-menu .burger-icon-top:before, html .page-open-mobile-menu .burger-icon-top:after, html .page-open-mobile-menu .burger-icon-bottom:before, html .page-open-mobile-menu .burger-icon-bottom:after{background-color:#656a6c; opacity: 1;} /* FORMULARANPASSUNG YACHTTYP */ .elementor-field-group-newsletter_typ, .elementor-field-group-nl_typ, #infonltyp{display:none;} html body .elementor-location-footer a{color:white;} .debug-table{display:none;} .clear{clear:both;} /* HEADER ANPASSUNGEN */ html .header-01 .menu--primary a { font-size: 14px !important; font-weight: 400 !important; line-height: 1.4; color: #656a6c !important; text-transform: uppercase; } html .header-01.header-dark .header-icon, html .header-01.header-dark .wpml-ls-item-toggle{color:#656a6c;} html .page-header.headroom--not-top .menu--primary > ul > li > a{ color: #656a6c !important;} @media screen and (max-width: 900px) { .top-bar-inner{display:none;} } /* ALLGEMEINE ANPASSUNGEN DES HAUPTTHEMES */ html .elementor-widget-tm-tabs .billey-tab-title a{font-weight:300} .elementor-widget-button .elementor-button{background-color:#5dbcd2;} /* FILTERDARSTELLUNG FÜR BEACH CLUBS, HÄFEN UND BUCHTEN */ #beachclubfilter, #hafenfilter, #buchtfilter, #routenfilter{margin-left:15px !important;} #beachclubfilter, #hafenfilter, #buchtfilter, #routenfilter{margin:0px 0 10px 0 } #beachclubfilter, #hafenfilter, #buchtfilter, #routenfilter{border:0; padding:0; } #beachclubfilter label, #hafenfilter label, #buchtfilter label, #routenfilter label{font-size:12px; border-right:1px solid white; background-color:#ccc; color:white; text-transform: uppercase; padding:9px 15px; cursor: pointer; height: 38px; display: inline-block;} #beachclubfilter input, #hafenfilter input, #buchtfilter input, #routenfilter input{display:none;} #beachclubfilter label.currentfilter, #hafenfilter label.currentfilter, #buchtfilter label.currentfilter, #routenfilter label.currentfilter{background-color:#5dbcd2;} .beachclubfilter-wrapper, .buchtenfilter-wrapper, .hafen-uebersicht-wrapper, .routen-uebersicht-wrapper{max-width:1200px; margin:0 auto 100px auto; } @media screen and (max-width: 860px) { #beachclubfilter, #routenfilter{display:flex; flex-wrap:wrap;} #beachclubfilter label, #routenfilter label{width:calc(50% - 10px); text-align: center; margin:5px;} #beachclubfilter, #routenfilter{margin:0 15px 15px 15px} } /* INHALTSDARSTELLUNG FÜR BEACH CLUBS */ .beachclub-content{display:flex; flex-wrap:wrap;} .beachclub-content h3{text-transform: uppercase; font-size:14px;} .beachclub-content h2{text-transform: uppercase; font-size:18px;} .beachclub-box{width:33%; box-sizing: border-box; padding:15px; } .beachclub-box img{width:100%; height:auto; margin:25px 0;} .beachclub-icons i{display:inline-block; margin-right:5px; width:18px;} @media screen and (max-width: 860px) { .beachclub-box{width:50% ; padding:15px; } } @media screen and (max-width: 560px) { .beachclub-box{flex: 0 100%; box-sizing: border-box; padding:0px; } } /* INHALTSDARSTELLUNG FÜR BUCHTEN */ .buchten-content{display:flex; flex-wrap:wrap;} .buchten-box{flex: 0 33.33%; box-sizing: border-box; padding:15px; } .buchten-box h3{text-transform: uppercase} .buchten-box img{width:100%; height:auto; margin:25px 0;} @media screen and (max-width: 540px) { .buchten-box{flex: 0 100%; box-sizing: border-box; padding:15px; } } /* INHALTSDARSTELLUNG FÜR HÄFEN */ .hafen-uebersicht-content-wrapper{display:flex; flex-wrap:wrap;} .hafen-uebersicht-content-wrapper .single-hafen{flex: 0 33%; box-sizing: border-box; padding:15px; } .hafen-uebersicht-content-wrapper .single-hafen img{width:100%; height:auto; margin:25px 0;} .hafen-uebersicht-content-wrapper .single-hafen h3, .hafen-uebersicht-content-wrapper .single-hafen h4{text-transform: uppercase;} .hafen-uebersicht-content-wrapper .single-hafen ul{padding-left:20px;} @media screen and (max-width: 768px) { .hafen-uebersicht-content-wrapper .single-hafen{flex: 0 50%; box-sizing: border-box; padding:15px; } } @media screen and (max-width: 480px) { .hafen-uebersicht-content-wrapper .single-hafen{flex: 0 100%; box-sizing: border-box; padding:15px; } } /* INHALTSDARSTELLUNG FÜR ROUTEN */ .routen-uebersicht-content-wrapper{display:flex; flex-wrap:wrap;} .routen-uebersicht-content-wrapper .single-route{flex: 0 33%; box-sizing: border-box; padding:15px; } .routen-uebersicht-content-wrapper .single-route img{width:100%; height:auto; margin:25px 0;} .routen-uebersicht-content-wrapper .single-route h3, .routen-uebersicht-content-wrapper .single-route h4{text-transform: uppercase;} .routen-uebersicht-content-wrapper .single-route ul{padding-left:20px;} @media screen and (max-width: 768px) { .routen-uebersicht-content-wrapper .single-route{flex: 0 50%; box-sizing: border-box; padding:15px; } } @media screen and (max-width: 480px) { .routen-uebersicht-content-wrapper .single-route{flex: 0 100%; box-sizing: border-box; padding:15px; margin-bottom: 25px;} .routen-uebersicht-content-wrapper .single-route .custom-ctabutton {margin-bottom:0;} .routen-uebersicht-content-wrapper .single-route img{margin-top:0;} html #routenfilter {display:flex; flex-wrap: wrap; margin:0 15px 15px 15px !important;} html #beachclubfilter{display:flex; flex-wrap: wrap; margin:0 0px 15px 0px !important; column-gap:10px; row-gap:10px} #beachclubfilter label{width:calc(50% - 5px); margin:0 !important} #routenfilter label{flex: 0 calc(50% - 10px); margin:5px; box-sizing: border-box; text-align: center; } } /*********************************************/ /* ELEMENTOR CUSTOM HEADER */ /*********************************************/ html body .yachtdetail_main_img{ height:80vh; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;} html body .yachtdetail_main_img .headline-wrapper{max-width:1200px; width:90%; margin:auto; padding: 0%} html body .yachtdetail_main_img h1 span{font-family: "modernline"; font-size: 50px; font-weight: 300; text-transform: none; color: #FFFFFF; display:block;} html body .yachtdetail_main_img h1 {font-size: 50px; font-weight: 300; text-transform: uppercase; color: #FFFFFF; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.3); position: absolute; top:45%; } html body.page-template-page-yachtfinder .yachtdetail_main_img{ height:40vh; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } html body.page-template-page-yachtfinder h1{top:10vh; } @media screen and (max-width: 1024px) and (max-height: 1366px) { html body .yachtdetail_main_img{height:30vh;} } @media screen and (max-width: 1366px) and (max-height: 1024px) { html body .yachtdetail_main_img{height:50vh;} html body .yachtdetail_main_img h1{top:20vh;} } @media screen and (max-height: 768px) { html body .yachtdetail_main_img{height:50vh;} html body .yachtdetail_main_img h1{top:20vh; } html body.page-template-page-yachtfinder .yachtdetail_main_img{height:50vh;} html body.page-template-page-yachtfinder h1{top:10vh; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { html body .yachtdetail_main_img{height:40vh !important; min-height:400px;} html body.page-template-page-yachtfinder .yachtdetail_main_img{height:30vh !important; min-height:300px;} html body.page-template-page-yachtfinder .yachtdetail_main_img h1, html body.page-template-page-yachtfinder .yachtdetail_main_img h1 span{top: 10vh !important;} /*html body.page-template-page-yachtfinder .my-yacht-searchform{margin-top:-15vh !important;}*/ html body .yachtdetail_main_img h1, html body .yachtdetail_main_img h1 span{top:20vh !important; font-size:40px !important;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { html body .yachtdetail_main_img{height:40vh !important; min-height:400px;} html body .yachtdetail_main_img h1, html body .yachtdetail_main_img h1 span{top:15vh !important; font-size:40px !important; } html body.page-template-page-yachtfinder .yachtdetail_main_img{height:40vh !important; min-height:300px;} html body.page-template-page-yachtfinder .yachtdetail_main_img h1, html body.page-template-page-yachtfinder .yachtdetail_main_img h1 span{top: 10vh !important;} /*html body.page-template-page-yachtfinder .my-yacht-searchform{margin-top:-20vh !important;}*/ } @media screen and (max-height: 480px) { html body .yachtdetail_main_img{height:50vh;} html body .yachtdetail_main_img h1, html body .yachtdetail_main_img h1 span{top:10vh; font-size:40px;} html body.page-template-page-yachtfinder .yachtdetail_main_img{height:60vh;} } @media screen and (max-width: 420px) and (max-height: 740px) { html body .yachtdetail_main_img{height:50vh;} html body .yachtdetail_main_img h1, html body .yachtdetail_main_img h1 span{top:20vh; font-size:30px;} } @media screen and (max-width: 375px) and (min-height: 800px) { html body .yachtdetail_main_img{height:50vh;} html body .yachtdetail_main_img h1, html body .yachtdetail_main_img h1 span{top:20vh; font-size:30px;} html body.page-template-page-yachtfinder h1{top:8vh; } } @media screen and (width: 375px) and (height: 667px) { html body.page-template-page-yachtfinder h1{top:8vh; } } @media screen and (width: 667px) and (height: 375px) { html body.page-template-page-yachtfinder .yachtdetail_main_img h1, html body.page-template-page-yachtfinder .yachtdetail_main_img h1 span{top:8vh; font-size:35px; } html body.page-template-page-yachtfinder .yachtdetail_main_img{height:60vh;} } @media screen and (max-width: 411px) and (min-height: 823px) { html body .yachtdetail_main_img{height:50vh;} html body .yachtdetail_main_img h1, html body .yachtdetail_main_img h1 span{top:20vh; font-size:30px;} } @media screen and (width:320px) and (height: 568px) { html body.page-template-page-yachtfinder .yachtdetail_main_img h1{top:8vh;} } @media screen and (width:411px) and (height: 823px) { html body.page-template-page-yachtfinder .yachtdetail_main_img h1{top:8vh;} } @media screen and (width:812px) and (height: 375px) { html body.page-template-page-yachtfinder .yachtdetail_main_img h1{top:8vh;} html body.page-template-page-yachtfinder .yachtdetail_main_img{height:70vh;} } @media screen and (width:568px) and (height: 320px) { html body.page-template-page-yachtfinder .yachtdetail_main_img h1{top:8vh;} html body.page-template-page-yachtfinder .yachtdetail_main_img{height:70vh;} } @media screen and (width:640px) and (height: 360px) { html body.page-template-page-yachtfinder .yachtdetail_main_img h1{top:8vh;} html body.page-template-page-yachtfinder .yachtdetail_main_img{height:70vh;} } @media screen and (width:360px) and (height: 640px) { html body.page-template-page-yachtfinder .yachtdetail_main_img h1{top:8vh;} html body.page-template-page-yachtfinder .yachtdetail_main_img{height:50vh;} } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { html body .yachtdetail_main_img{height:60vh;} html body .yachtdetail_main_img h1, html body .yachtdetail_main_img h1 span{top:10vh; font-size:30px;} } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { html body .yachtdetail_main_img{height:50vh;} html body .yachtdetail_main_img h1, html body .yachtdetail_main_img h1 span{top:10vh; font-size:30px;} } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { html body .yachtdetail_main_img{height:60vh;} html body .yachtdetail_main_img h1, html body .yachtdetail_main_img h1 span{top:20vh; font-size:30px; } html body.page-template-page-yachtfinder .yachtdetail_main_img h1{top:8vh;} html body.page-template-page-yachtfinder .yachtdetail_main_img{height:50vh;} } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { html body .yachtdetail_main_img{height:40vh;} html body .yachtdetail_main_img h1, html body .yachtdetail_main_img h1 span{top:10vh; font-size:30px; } html body.page-template-page-yachtfinder .yachtdetail_main_img h1{top:8vh;} html body.page-template-page-yachtfinder .yachtdetail_main_img{height:50vh;} } /*********************************************/ /* ELEMENTOR LEAFLET / MAP ANPASSUNG */ /*********************************************/ /* LEAFLET ANPASSUNGEN ROUTEN */ html .leaflet-container a.leaflet-popup-close-button{top:10px; right:10px; color:#333; font-weight:300} html .leaflet-popup-content-wrapper{font-family: Open Sans !important; border-radius:0px; text-align: left} html .leaflet-popup-content-wrapper .headline{text-transform: uppercase; font-family: "Open Sans", Sans-serif; font-size: 16px; font-weight: 300;} html .leaflet-touch .leaflet-bar{border:0px} .leaflet-bar a.leaflet-control-zoom-in, .leaflet-bar a.leaflet-control-zoom-in:hover, .leaflet-bar a.leaflet-disabled, .leaflet-bar a.leaflet-control-zoom-out, .leaflet-bar a.leaflet-control-zoom-out:hover{font-size:16px !important; background-color: transparent !important; color:white !important; border:0px solid white !important;} .leaflet-bar a.leaflet-control-zoom-in, .leaflet-bar a.leaflet-control-zoom-in:hover{border-bottom:0px !important;} Html .leaflet-popup-content-wrapper{color:#656a6c;} html .leaflet-popup-content-wrapper a{border: 1px solid #5dbcd2; font-size: 12px; line-height: 1; background-color: #5dbcd2; color: white; width: 200px; display: inline-block; text-transform: uppercase; text-align: center; padding: 12px 24px;} html .leaflet-popup-content-wrapper a.whitelink{text-align: left; color:#656a6c; padding:12px 0; background-color: white; border:0; text-decoration: underline; font-size:14px; width:auto;} /* LEAFLET ANPASSUNGEN BÜROKARTE */ #bueromap{height: 500px; width:100vw;} #bueromap .leaflet-popup{padding:0px; margin:0; width:auto !important; } #bueromap .leaflet-popup-content{margin:0; width:auto !important;} #bueromap .leaflet-popup-content-wrapper{padding:0;} .map-contact .bueromap-wrapper{width:600px;} html .map-contact .leaflet-popup-content-wrapper .headline{font-size:18px;} .bueromap-wrapper{width:520px;} .bueromap-wrapper .bueromap-image{ width:40%; float:left;} .bueromap-wrapper .bueromap-image img{width:100%; height:auto;} .bueromap-content-wrapper{width: 60%; float:left; padding:20px 20px 0 20px; font-size: 14px; line-height: 20px;} .bueromap-wrapper.mutlikarte.noimg .bueromap-content-wrapper{width:calc(100% - 40px)} /* CLUBKARTE */ .clubmap .leaflet-popup-content-wrapper{width:250px; padding:0px;} .clubmap .leaflet-popup-content-wrapper .leaflet-popup-content{margin:0} .clubmap .headline{line-height:22px;} .clubmap .club-location{text-transform: uppercase; display:block; margin-top:15px; font-weight:300} .clubmap .club-data-wrap{padding:20px 20px 20px 20px;} html div.clubmap a.leaflet-popup-close-button{background-color:white; height:20px; width:20px; text-align: center; padding:4px !important; line-height:12px;} .tagescharterrouten .bueromap-wrapper{max-width:750px !important; width:90vw;} /*********************************************/ /* ELEMENTOR YACHTFINDER ELEMENT */ /*********************************************/ .yachtfinderbox-elementor{padding:20px 25px; width:calc(100% - 50px); display:block; border: 1px solid #eee} .yachtfinderbox-elementor h3{text-transform: uppercase;} .yachtfinderbox-elementor img{width:100%; height:auto; display:block; -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);} .yachtfinderbox-elementor:hover img{ width: 100%; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .yachtfinderbox-elementor .custom-ctabutton{text-align: left;} .yachtfinderbox-elementor .hide-overflow{overflow:hidden; margin-bottom:15px;} @media screen and (max-width: 900px) { .yachtfinderbox-elementor{ width:100%;} } @media screen and (max-width: 768px) { .yachtfinderbox-elementor{margin-bottom:100px; width:100%;} } @media screen and (max-width: 560px) { .yachtfinderbox-elementor{margin:auto 0 0 0px; width:calc(100% - 50px); } .yachtfinderbox-elementor .custom-ctabutton{width:100%; text-align: center;} } /*********************************************/ /* ELEMENTOR TABELLEN ELEMENT */ /*********************************************/ .custom_table th{font-weight:400; background:rgba(0, 0, 0, 0.01);} table.custom_table tr:nth-child(2n) td { background: none; } /*********************************************/ /* ELEMENTOR CUSTOM CTA BUTTONS */ /*********************************************/ @media (max-width:480px) { .lpctabuttonfull a{width:100% !important;} } .elementor-button-wrapper a.elementor-button-link.elementor-button.elementor-size-sm, .custom-ctabutton{font-weight:400; font-family:Open Sans; border:1px solid #5dbcd2; font-size:12px; line-height:1; background-color:#5dbcd2; color:white; display:inline-block; text-transform: uppercase; text-align: center; padding: 12px 24px; } .custom-ctabutton:hover, .custom-ctabutton:active, .custom-ctabutton:focus{color: white !important;} .custom-ctabutton.light{background-color:#c1999b; border:1px solid #c1999b; margin-left:50px; } @media (max-width:480px) { .custom-ctabutton.light{margin-left:20px} .lpcta .elementor-button-wrapper a.elementor-button-link.elementor-button.elementor-size-sm{display:block;} } @media (max-width:435px) { .custom-ctabutton,.custom-ctabutton.light{width:80%;display:block;margin:0 0 25px;vertical-align:top;line-height:1} } /*********************************************/ /* ELEMENTOR ELEMENT YACHT SUGGESTION */ /*********************************************/ .outputbox{border:1px dashed black; margin-bottom:30px; padding:10px 20px;} .outputbox.fixed{position: fixed; top:200px; right:0%; width:350px; background-color:white; border:2px dashed #5dbcd2;} .outputbox strong{font-weight:600; margin-top:30px; display:block;} .yachtangebote{position: relative} html body .yachtangebote h2{margin-bottom:0; font-family: "Open Sans", Sans-serif; font-size: 30px; font-weight: 300; text-transform: uppercase; color: #656a6c; margin-bottom: 5px;} .yachtangebote p{text-transform: uppercase} .yacht-suggestionwrapper{display:flex; justify-content: space-between; padding: 0; margin: 0 0 100px 0; list-style: none;} .yachtswidget h2.yachtswidget__label-heading{font-family: "Open Sans", Sans-serif; font-size: 30px; font-weight: 300; text-transform: uppercase; color: #656a6c; margin-bottom:5px; } .yachtswidget__content__heading{margin-bottom:30px; font-size: 13px; font-weight: 500; text-transform: uppercase; line-height: 1.31em; letter-spacing: 2px; } .yachtswidget{padding:0 0px; } .yacht-suggestion{ flex-basis: 23%; position: relative;} .yacht-suggestion img{width:100%; height:auto; margin-bottom:25px;} .yacht-suggestion h3{text-transform: uppercase; } .yacht-suggestion-image{position: relative;} .yacht-suggestion-image .eventtype { position: absolute; bottom: 2px; } .yacht-suggestion a{position: static; top:375px; margin-bottom:15px;} .yacht-suggestion .elementor-button{border-radius:0;} @media (max-width:900px) { .yacht-suggestionwrapper{display:block;} .yacht-suggestion a{position: static; top:375px; margin:15px 0;} .yacht-suggestion{width:48%; padding:1%; display:inline-block; vertical-align: top;} .yacht-suggestion h3{margin-bottom:0; height: auto; font-size:16px;} } @media (max-width: 480px) { .yacht-suggestion { flex-basis: 48%; padding: 1% 1% calc(1% + 68px) 1%; vertical-align: top; } .yacht-suggestion .elementor-button-wrapper{bottom:0; position: absolute} } /*********************************************/ /* YACHTFINDER SUCHMASKE */ /*********************************************/ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus{z-index:9999}.ui-controlgroup-vertical>.ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc(100% - 2.4em)}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:0 0;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-widget-header a{color:#333}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button{color:#454545;text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_555555_256x240.png)}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* TABS */ #searchtabs, #searchtabs h3, div.searchfield-wrapper input{font-size:14px; text-transform: uppercase} #searchtabs.ui-widget, div.searchfield-wrapper input{font-family: Open Sans; } #searchtabs.ui-widget.ui-widget-content, #searchtabs .ui-tabs-panel{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0; border:0px;} #searchtabs .ui-tabs-nav{float:left; width:25%;} #searchtabs .ui-tabs-nav li{display:block; width:100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0 } #searchtabs ul.ui-widget-header, #searchtabs ul li.ui-tabs-tab.ui-tab{background-color: transparent; border:0px;} #searchtabs ul li.ui-widget-header{border:0px;} html body div#searchtabs .ui-tabs-nav.ui-corner-all li:nth-child(1){border-bottom:3px solid #5dbcd2 !important;} #searchtabs .ui-tabs-nav a{display:block; width:100%; font-size:20px; padding:15px 25px 15px 0; cursor: pointer; font-weight:300; text-transform: uppercase; font-family: Open Sans; white-space: normal;} #searchtabs .ui-tabs-panel{float:left; width:75%;} #searchtabs {margin-top:5%;} #searchtabs .ui-tabs-nav a{color:#bcbcbc;} #searchtabs .ui-tabs-nav .ui-tabs-active a{color:#656a6c;} #searchtabs .ui-tabs .ui-tabs-panel{padding-top:0;} .yachtsearchnavigation{position: relative} .yachtsearchnavigation .revierbutton span{display:block;} .yachtsearchnavigation.mobile ul.custommenue li:hover ul{position: static; display:inline-block; padding-left:0; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; width:100%; margin-top:30px; } .yachtsearchnavigation.mobile ul.custommenue li:hover ul li{display:block; width:100%; animation: moveleft 0.2s ; position: relative; animation-timing-function: linear; padding:10px 15px;} .revierbutton{ color: #656a6c; font-family: Open Sans; font-size: 14px; font-weight: 400; letter-spacing: 0em; line-height: 1.78; text-transform: uppercase; text-align: left; cursor: pointer; } .revierbutton span{ padding:15px 10px 14px 20px;} .revierbutton.disabled{background-color:#f3f3f3;} .custommenue .uppercase, .custommenue .uppercase ul li.uppercase{text-transform: uppercase;} .custommenue .uppercase ul li{text-transform: none;} .custommenue.open{display:block;} .custommenue{padding-left:0; position: relative; width:100%; display:none; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; animation: movedown 0.2s ; animation-timing-function: linear; margin-top:0; } .custommenue li{display:block; background-color:white; padding:10px 15px; border-bottom:1px solid #ddd;} .custommenue li ul{display:none;} .custommenue li ul li{ padding:5px 10px;} .custommenue li{position: relative;} ul.custommenue li:hover{background-color:#efefef;} ul.custommenue li:hover ul{position: absolute; left:100%; top:0; display:inline-block; padding-left:0; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; } ul.custommenue li:hover ul li{display:block; width:200px; animation: moveleft 0.2s ; position: relative; animation-timing-function: linear; padding:10px 15px;} ul.custommenue li input{display:none;} ul.custommenue li label{cursor:pointer; display: block; width: 100%;} ul.custommenue li:hover ul li label{cursor: pointer; display:block;} fieldset.removestyle{border:1px solid #ddd; position: relative; padding:0; margin:0;} .fly{position: absolute; z-index: 99; width:calc(100% + 2px); border:0px solid white; margin-top: -1px; left:-1px; display:none;} .custommenue li i{position: absolute; right:10px; color:white !important; top:5px; color:#656a6c; right:18px; width:35px;} .reviertoggler{background-color:#c7cfd5; color:white; padding:10px; position: absolute; right: 18px; top: 10px; width: 35px; height: 35px; text-align: center; display:block;} .yachtsearchnavigation.mobile .custommenue li:hover i.fa-chevron-right:before{content:"\f078";} .removestyle.form-col2.first{margin-right:2%;} .removestyle.form-col2{width:49%; float:left; margin-top:15px;} #cabins, #persons{display:none; margin-top:25px;} #cabins.visible, #persons.visible{display:block;} .price-selector, .crew-selector, .charter-selector{margin-top:25px;} .price-selector fieldset, .crew-selector fieldset, .charter-selector fieldset{border:0px; padding:0px; margin:0px 0 0 0; display:flex; flex-wrap: nowrap; } .price-selector fieldset input, .crew-selector fieldset input, .charter-selector fieldset input{display:none;} .price-selector fieldset label:last-of-type, .crew-selector fieldset label:last-of-type, .charter-selector fieldset label:last-of-type{border-right:0;} .crew-selector fieldset label, .price-selector fieldset label, .charter-selector fieldset label{ margin:0; width:33.33%; display:inline-block; border-right:4px solid white;; text-align: center; background-color: #c7cfd5; color: white; text-transform: uppercase; padding: 0px 15px; min-height:36px; cursor: pointer; line-height:34px } .crew-selector fieldset label, .charter-selector fieldset label{width:49.9%;} .crew-selector fieldset label.active, .price-selector fieldset label.active, .charter-selector fieldset label.active{background-color: #5dbcd2;} @media screen and (max-width: 1024px) { .price-selector fieldset label{line-height:24px; padding:10px 15px;} } @media (max-width: 820px) { html #searchtabs .ui-tabs-nav, html #searchtabs .ui-tabs-panel { float: none; width: 100%; } .charter-selector fieldset{display:flex; flex-wrap:wrap;} .charter-selector fieldset label{box-sizing: border-box; width:100%; flex: 0 100%; border:0; margin-bottom:15px;} .charter-selector fieldset label{line-height:18px; padding:10px 0;} .crew-selector fieldset label{line-height:18px; padding:10px 0;} } @media screen and (max-width: 790px) { .price-selector fieldset label span{display:block;} } @media screen and (max-width: 600px) { html .searchbuttonbox{width:100%; padding:0;} html form#yachtsearch .searchbuttonwrapper{position: static; width:100%;} html form#yachtsearch button.searchbutton, html form#yachtsearch button.resetbutton{width:100%;} } @keyframes movedown { from {top: -10px;} to {top: 0px;} } @keyframes moveleft { from {right: 5px;} to {right: 0px;} } /* SUCHE NACH MODELL / NAME */ form#yachtsearchmodell, form#yachtsearch{position: relative; width:100%; padding:0% 0% 8% 0%; margin:0 auto 0% auto;} form#yachtsearchmodell{padding-bottom:10%;} form#yachtsearchmodell button.searchbutton {position: absolute; right:0%; bottom:2%; height: 36px; border:0; line-height: 34px;} form#yachtsearchmodell button.searchbutton:hover{background-color:#5dbcd2;} form#yachtsearch .searchbuttonwrapper{position: absolute; right:0%;} form#yachtsearch button.searchbutton, form#yachtsearch button.resetbutton{ height: 36px; border:0; line-height: 34px; position: relative} form#yachtsearch button.searchbutton span{ display: inline-block; position: absolute; top: 40px; border: 1px solid #8fa0ac; font-size: 10px; line-height: 13px; color: #8fa0ac; padding: 5px; left: 0;} form#yachtsearch button.searchbutton:hover{background-color:#c7cfd5;} #yachtsearchmodell h3, #yachtsearch h3{text-transform: uppercase; text-align: left;} .page-template-page-yachtfinder .yachtimage-grid-item1 .eventtype{bottom:3px;} .tool{ position:relative; } .tool::before, .tool::after{ position:absolute; left:50%; opacity:0; z-index:-100; } .tool.inactive:hover::before, .tool.inactive:focus::before, .tool.inactive:hover::after, .tool.inactive:focus::after{ opacity:1; z-index:100; transform:scale(1) translateY(0); } .tool.inactive:hover::before, .tool.inactive:focus::before{ transition-delay:.2s; } .tool.inactive::after{ background:#3e474f; border-radius:.25em; bottom:120%; color:#edeff0; width:200px; padding:10px; margin-left:-100px; content:attr(data-tip); transform:scale(.6) translateY(0%); transition:all .65s cubic-bezier(.24, -.18, .31, 1.26) .2s; font-size:10px; line-height:16px; } .tool.inactive:hover::after, .tool.inactive:focus::after{ transition-delay:0s; } #yachtfinder-header-content{ max-width: 1200px; margin: 10vh auto 0 auto; } #yachtfinder-header{background-position: center center; position: relative; background-size: cover; padding:10vh 0; min-height:80vh;} #yachtfinder-header.my{background-image: url(images/motoryacht-charter-mallorca.jpeg);} #yachtfinder-header.sy{background-image: url(images/segelyacht-charter-mallorca.jpeg);} #yachtfinder-header.catamaran{background-image:url(images/katamaran-charter-mallorca.jpeg);} .my-yacht-searchform-wrapper{ position: relative; width: 90%; background-color: white; margin: 0 auto 0vh auto; } .my-yacht-searchform{ padding: 0.5% 3% 0% 3%; background-color: white; width:100%; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.25); box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.25);} div.yachtsearch-box:first-of-type{padding-left:0;} .yachtsearch-box{text-align: center; display:inline-block; padding:2%; vertical-align: top;} .yachtsearch-box h3{margin-bottom:10px; color:#5dbcd2; font-weight:400; } .yachtsearch-box.revier{width:100%; padding-top:0;} .yachtsearch-box.personen{width:45%; padding-left:0; max-width:300px;} .yachtsearch-box.kabinen{width:45%;} .searchbuttonbox{width: 98%; padding-right:2%; position: relative; margin-top:50px; margin-bottom: 25px !important} #dsaformbutton{min-width:145px; padding:12px 24px; height: 36px; font-size:12px; letter-spacing: 0; } .searchfieldcontainer{width:100%; position:relative; } .searchfield-wrapper {position: relative; width: 100%; padding-right:2%; border-left:0px solid white; border-right:0px solid white;} .searchfield-wrapper .unsetvalue{position: absolute; top:18px; right: 6%; display:none; font-size:12px; line-height:25px; cursor: pointer; color:#dddddd} .searchfield-wrapper .unsetvalue.show{display:block; color:#dddddd} .searchfieldcontainer .result{display:none;} .searchfieldcontainer .result{position: absolute; top: 54px; width:98%; z-index:9; border: 1px solid #ddd; border-bottom: 0px solid #ddd;} .searchfieldcontainer .result ul{margin:0; padding:0;} .searchfieldcontainer .result ul li label{ display: block; background-color: white; padding: 10px 15px; border-bottom: 1px solid #ddd; cursor:pointer;} .searchfieldcontainer .result ul li label:hover{ background-color: #efefef;} .searchfieldcontainer .result ul li label input{display:none;} .searchfieldcontainer .result ul li{list-style-type:none; margin:0; padding:0; } #searchfield{padding: 15px 10px 14px 20px;} /*********************************************/ /* YACHTFINDER */ /*********************************************/ /* YACHTFINDER SORTIERFUNKTION */ .yachtfinder-ui-wrapper{position: relative; margin-bottom:50px;} .yachtfinder-sorter-wrapper{position: absolute; right:0; top:0px;} .yachtfinder-sorter{text-transform: uppercase; font-size:14px; font-weight:300; position: relative; width:240px; text-align: right;} .yachtfinder-sorter .sorter-label{cursor:pointer; } .yachtfinder-sorter .sorter-label i{display:inline-block; margin-right:5px;} #yachtfinder-sorter-fields{position: absolute; top:20px; right:2px; padding:0; display:none; z-index:999; text-align: left; width:212px;} #yachtfinder-sorter-fields.open{display:block;} #yachtfinder-sorter-fields label input{display:none;} #yachtfinder-sorter-fields{border:1px solid #ccc !important; border-right:0px;} #yachtfinder-sorter-fields #yachtfinder-sorter-fields{display:inline-block; padding:5px 5px 5px 10px} #yachtfinder-sorter-fields label{display:block; cursor: pointer; border:1px solid grey; padding:5px; border:0px; font-size:12px; } #yachtfinder-sorter-fields ul{margin: 0 !important; padding:0 !important; width:210px;} #yachtfinder-sorter-fields ul li{list-style-type:none !important; border-bottom:1px solid #ccc; background-color:white; display:block;} #yachtfinder-sorter-fields ul li:last-of-type{border-bottom:0px;} #yachtfinder-sorter-fields ul li:hover{color:white; background-color:#5dbcd2;} .yachtfinder-sorter:hover #yachtfinder-sorter-fields{display:block} /* YACHTFINDER TEXT FÜR LEERSUCHEN */ .leersuche{max-width:600px; color:white; margin:0 auto 100px auto; background-color:#5dbcd2; padding:10px 25px; text-align: center; } /* YACHTFINDER LADEANIMATION */ .yachtloader{text-align: center;} .yachtloader span{margin:15px; text-transform: uppercase; display:inline-block;} /* DARSTELLUNG YACHTDATEN */ .yachttable{max-width:500px;} .yachttable span{display:inline-block; width:40%; vertical-align: top;} .yachttable span.yachtdata{width:55%} .yacht-wrapper{padding:22.5px 0;} .yachtimage-wrapper{width:45%; float:left;} .yachtausgabe{max-width: 1140px; margin:auto; padding:30px; position: relative; } .yachtausgabe-finder{padding-top:100px; margin-bottom:70px;} #yacht-cat-navi{margin:0px 0 60px 0 } #yacht-cat-navi{border:0; padding:0; } #yacht-cat-navi label{border-right:1px solid white; background-color:#ccc; color:white; text-transform: uppercase; padding:7px 15px; cursor: pointer; height: 36px; display: inline-block;} #yacht-cat-navi input{display:none;} #yacht-cat-navi label.currentfilter{background-color:#5dbcd2;} .yachtdaten{width:55%; float:left; padding:0 0 0 45px; text-transform: uppercase} .yachtdaten p{margin-bottom:0px; text-transform: uppercase;} .yachtbuttons{margin-top:15px;} .yachtdaten a:first-of-type{margin-right:45px;} .merklisten-notice a.ctabutton, .yachtdaten a.ctabutton, .yachtdata-right a.ctabutton{border:1px solid #5dbcd2; font-size:12px; line-height:1; background-color:#5dbcd2; color:white; width:40%; display:inline-block; text-transform: uppercase; text-align: center; padding: 12px 24px; } .yachtsingle-buttons button.ctabutton.white,.yachtdaten button.ctabutton.white{background-color:#60c6de; color:white; border:1px solid #60c6de; font-size:12px; line-height:1; padding: 12px 24px; height:auto;} button.ctabutton.white.remembered{background-color:white; color:#c7cfd5; border:1px solid #c7cfd5} button.ctabutton.white.remember{background-color:#c7cfd5; border:1px solid #c7cfd5;} .merklisten-notice a.ctabutton{width:30% ;} .yachtsingle-buttons {max-width:535px; margin:30px 0 25px 0} .yachtdata-right a.ctabutton{display:block; width:100%; margin:0 0 25px 0;} .searchbutton.inactive{ cursor: default; background-color:#c7cfd5; opacity: 1; } .yacht-suggestion .elementor-button-text{font-size:12px;} .yachtimage-grid-item1{float:left; width:calc(66% - 9px); margin-right:7px; position: relative} .yachtimage-grid-item2, .yachtimage-grid-item3{float:left; height:calc(100% - 10px); width:31%; margin-bottom:7px;} .yachtimage-grid-item3{margin-bottom:0;} .yachtimage-grid-item1 .eventtype, .yacht-suggestion-image .eventtype{position: absolute; top:10px; left:10px} .yachtimage-grid-item1 .eventtype span, .yacht-suggestion-image .eventtype span{color:white; font-family: "modernline"; font-size: 24px; font-weight: 300; text-transform: none; color: #FFFFFF; display: block; } @media (max-width: 1080px) { .yachtsingle-buttons button.ctabutton.white, .yachtdaten button.ctabutton.white { width: 48%; vertical-align: top; } } @media (max-width:900px) { .yachtimage-grid img{width:100%; height:auto;} .yachtimage-grid-item1{width:100%; margin-right:0} .yachtimage-grid-item2, .yachtimage-grid-item3{width:calc(50% - 5px); margin-top:10px;} .yachtimage-grid-item2{margin-right:10px;} .yachtsingle-buttons button.ctabutton.white, .yachtdaten button.ctabutton.white, .yachtdaten a.ctabutton, .yachtdata-left a.ctabutton{width:100%; vertical-align: top;} .yachtdaten a.ctabutton{margin-bottom: 20px;} .yachtdata-left a.ctabutton{margin-bottom:20px;} } @media (max-width: 740px) { .yachtdaten { width: 100%; padding-left: 0; } .yachtimage-wrapper { width: 100%; margin-bottom: 20px; } .yachttable { width: 100%; max-width: 100%; } } @media (max-width:860px) { .yachtsingle-buttons{max-width:100%;} .merklisten-notice a.ctabutton, .yachtdata-left a.ctabutton{width:100%; margin-right:0%; vertical-align: top; margin-bottom:20px;} } @media (max-height:415px) and (orientation: landscape) { html .yachtimage-wrapper{width:45%; padding-right:5%;} html .yachtdaten{width:50%;} .yachtimage-grid-item1{width:100%; margin-right:0} .yachtimage-grid-item2, .yachtimage-grid-item3{width:calc(50% - 5px); margin-top:10px;} .yachtimage-grid-item2{margin-right:10px;} } button.remember span.removetext, button.remembered span.removetext{display:none;} button.remembered:hover span{display:none;} button.remembered:hover span.removetext{display:inline;} button.yacht_heart, button.yacht_heart:hover{background-color: #fff; border:0; padding:0; color:#656a6c; font-weight:300; height: auto; line-height: normal} /* YACHT DETAILS (single-yachten.php) */ .price-mask_new.lined{border-top:1px solid #656a6c4d;} .price-mask_new{padding:0 0 32px 0; } .price-mask_new:last-of-type{border-bottom:1px solid #656a6c4d} .price-mask_new h2, .price-mask_new h3{text-transform: uppercase;font-weight: 400;} .price-mask_new h3 {font-size:14px;} .price-mask_new h3 span{font-size:14px; font-style:italic; text-transform: none;} .price-flex{display:flex; flex-wrap:wrap; justify-content:space-between;} .inner-price-flex{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between} .price-flex .price-element{width:33%;} .price-flex.extras-flex .inner-price-flex {display: block;} .price-flex.extras-flex .price-element {width: auto; display: inline-block;} .price-flex.extras-flex .price-element li {padding-right: 10px;} .price-flex .price-element.price-header{text-transform: uppercase} .price-flex .price-element.price-plus{margin-top:15px; width:100%; font-style:italic;} .ausstattungen.price-mask_new{border-bottom:1px solid #656a6c4d} @media (max-width: 560px) { .extras-flex .price-element{width:100%;} .extras-flex{row-gap:20px;} } html body .page-content.yachtdetail{margin:0;} html body .page-content.yachtdetail .page-main-content{padding:0 0px; max-width:1170px;} html body .page-content.yachtdetail .row{margin:0;} html body .yachtdetail h1{font-family: "Open Sans", Sans-serif; font-size: 30px; font-weight: 300; text-transform: uppercase; color: #656a6c; letter-spacing: 0em; line-height: 1.3; margin-bottom:0; } html body .yachtdetail h1 span{font-size: 14px; display:inline-block; margin-left:10px;} html body .yachtdetail .gebiete{font-size: 14px; margin: 15px 0; font-weight: 400; text-transform: uppercase; line-height: 1.31em; letter-spacing: 2px; width: 66%; } html body .yachtdetail .praeferenzen{font-size: 14px; font-weight: 300; color:#656a6c; margin:15px 0 30px 0;} html body .yachtdetail .praeferenzen ul {margin:0; padding-left:0;} html body .yachtdetail .praeferenzen ul li{ display:inline-block; font-size: 14px; font-weight: 300; font-family: Open Sans; padding:0px 15px 0px 0; text-transform: uppercase} html body .yachtdetail .praeferenzen ul li i{font-size: 20px; display:inline-block; margin-right:20px;} html body .yachtdetail .yachtdata-left{width:65%; display:inline-block; padding:10px 15px 10px 31px ;} html body .yachtdetail .yachtdata-right{width:33%; display:inline-block; vertical-align: top; padding:10px 0 0 30px;} html body .yachtdetail .yachtdata-right .price-plus {margin: 0 0 30px 0;} html body .yachtdetail .yachtdata-right ul{ padding:0;} html body .yachtdetail .yachtdata-right ul:last-child {margin:0 0 25px 0;} html body .yachtdetail .yachtdata-right ul li{list-style-type:none;padding: 5px 0;} html body .yachtdetail .yachtdata-right ul li span{display:inline-block; width:49%; /*text-transform: uppercase;*/ vertical-align: top;} html body .yachtdetail .yachtdata-right h3{text-transform: uppercase; font-weight: 300; } html body .yachtdetail .yachtintro{padding:0px 15px 0 0;} html body .yachtdetail .ausstattungsbox{display:inline-block; width:32%; vertical-align: top;} html body .formsubmit.elementor-button.elementor-size-xs{font-size:12px !important;} .yachtlayout{margin-bottom:10px;} .yachtlayout img, .virtual-tour img{width:30%; height:auto; max-height:300px;} .virtual-tour{margin:0; border: 1px solid #5dbcd2; font-size: 12px; line-height: 1; background-color: #5dbcd2; color: white; text-transform: uppercase; text-align: center; padding: 12px 24px; cursor: pointer; display:inline-block; width:100%; } #virtuelletour i{display:inline-block; margin-right:10px; } div.dsa-cookie-notice-close, .videobutton{margin:0; border: 1px solid #5dbcd2; font-size: 12px; line-height: 1; background-color: #5dbcd2; color: white; text-transform: uppercase; text-align: center; padding: 12px 24px; cursor: pointer; display:inline-block; width:100%; } .videobutton:hover{color:white !important;} .elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-datenschutz.elementor-col-100.elementor-field-required{margin-bottom:10px;} .ausstattungen{margin-bottom:50px;} .ausstattungen h3{text-transform: uppercase; font-weight:300;} .ausstattungswrapper h3, .ausstattungswrapper h4, .extras h3{text-transform: uppercase; font-weight:400;} .ausstattungswrapper h3, .extras h3{font-size:14px;} .extras{padding-top:12px;} .extras-box{display: inline-block; width: 32%; vertical-align: top;} .extras-box ul{margin-bottom:0} .single-yachten .merkliste-sharer{float:right; width:33%; text-align: right } .single-yachten .merkliste-sharer ul{margin-top:0; margin-bottom:30px;} .single-yachten .merkliste-sharer ul li:first-of-type{mmargin-left:0} html body .yachtdetail .praeferenzen{font-size: 14px; font-weight: 300; color:#656a6c; margin:15px 0 30px 0;} html body .yachtdetail .praeferenzen ul {margin:0; padding-left:0;} html body .yachtdetail .praeferenzen ul li{ display:inline-block; font-size: 14px; font-weight: 300; font-family: Open Sans; padding:0px 9px 0px 0; text-transform: uppercase} html body .yachtdetail .praeferenzen ul li i{font-size: 14px; display:inline-block; margin-right:5px;} html body .yachtdetail .praeferenzen ul li span{display:inline-block;} .single-yachten .split-wrapper{padding: 0px; margin-bottom:50px;} .single-yachten .yachtswidget.container {padding:0 0px;} .split-wrapper{display:flex; flex-wrap:wrap; } .sub-split-wrapper, .sub-split-wrapper.level1{flex: 0 50%; box-sizing: border-box; padding:0px; } .sub-split-wrapper img{width:100%; height:auto; padding:1px;} /* .sub-split-wrapper div{position: relative; } .sub-split-wrapper a, .sub-split-wrapper a:focus, .sub-split-wrapper a:active{position: absolute; bottom:10%; width:240px; left: calc(50% - 120px); text-align: center; background-color:#5dbcd2; color:white !important; padding:5px 10px; text-transform: uppercase;} */ .gallery-wrapper{padding-top:25px;} @media (max-width:480px) { .merkliste-sharer.wishlist-display{padding-right:30px;} } .elementor-element-2aa82797 .heading-description{font-weight:400 !important;} .elementor.elementor-19826 .heading-description{font-weight:400 !important;} .elementor-element-93fa4db .heading-description{font-weight:400 !important;} @media (max-width:600px) { .map-contact .bueromap-wrapper, .tagescharterrouten .bueromap-wrapper{width:90%;} .tagescharterrouten .bueromap-wrapper.mutlikarte{width:90vw !important} } @media (max-width:480px) { .tagescharterrouten .bueromap-wrapper.mutlikarte{width:90vw !important} .tagescharterrouten .bueromap-image, .tagescharterrouten .bueromap-content-wrapper{width:100%;} .tagescharterrouten .bueromap-image {display:none;} .tagescharterrouten .bueromap-content-wrapper{padding-bottom:px;} } /*********************************************/ /* GALERIE ANPASSUNGEN */ /*********************************************/ #mygallery{background-color:#5dbcd2; margin: 50px auto; } .my-thumbnails-swiper.swiper-container .swiper-slide{width:25%;} .my-thumbnails-swiper.swiper-container .swiper-slide img{width:100%; height:auto;} #mygallery {display:block; width: 100%; max-width:1170px; height: auto; position: relative;vertical-align: top; margin-bottom:25px;} #mygallery .swiper-slide{cursor:pointer; } #mygallery .elementor-carousel-image{background-position: center center;} .mygallery-thumbs, .gallery-info {display:block; width:100%; max-width:1170px; vertical-align: top; margin:0px auto 100px auto;} .mygallery-thumbs .swiper-slide img{ width:100%; cursor: pointer; } #mygallery i, .mygallery-thumbs i{font-family:"Font Awesome 5 Pro" !important;} #mygallery .swiper-slide{-webkit-transform: translate3d(0, 0, 0);} .gallery-info{font-size:12px; margin:25px 0; font-style: italic;} .swipe-slide-medium{display:none; } .swipe-slide-full{height:auto;} .mygallery-thumbs .swiper-slide{height:auto;} .ratings{margin:50px 0;} .ratings ul{margin:0; padding:0;} .ratings ul li{list-style-type:none; margin-bottom: 1.5em;} .ratings.mobile_ratings{display:none;} /*********************************************/ /* MERKZETTEL STYLES */ /*********************************************/ .yachtausgabe.merkliste{margin-bottom:50px;} .merklisten-notice{text-align: center; padding:5% 0;} .angebot-wrapper span{ padding: 3px 0 0 5px; display: inline-block; vertical-align: top; line-height: 14px;} .remove-wrapper{text-align: right; max-width:500px;} .remove-wrapper button.removeyacht{border:1px solid #5dbcd2; color:#5dbcd2; text-align: center; padding:0; width:35px; height:35px; line-height:14px; background-color:transparent;} #merkzettel-yachtauswahl-wrapper p{font-size:14px; color:#656a6c; font-weight:400;} label[for="form-field-datenschutz"]{color:#656a6c !important; font-weight:400 !important;} label[for="form-field-newsletter-0"]{color:#656a6c !important; font-weight:400 !important;} #merkzettel-yachtauswahl-wrapper span{display:inline-block; background-color:#5dbcd2; color:white; padding:4px 10px; margin:0px 10px 10px 0; text-transform: uppercase} #merkzettel-yachtauswahl i{color:#656a6c;} .merklisten-notice h2{color:#656a6c !important; font-family: "Open Sans", Sans-serif !important; font-size: 22px; font-weight: 300; text-transform: uppercase;} .merkliste-sharer{text-align: right; } .merkliste-sharer ul li{display:inline-block; text-transform: uppercase; margin-left:10px; font-size:14px; position: relative;} .merkliste-sharer ul li a{color:#656a6c; font-weight:300; } .merkliste-sharer ul li i{display:inline-block; margin-right:5px;} .merkliste-sharer ul li:hover ul{display:block; position: absolute; top:22px; z-index:9999; right:0; padding:5px 0px; border:1px solid rgba(17, 17, 17, 0.15); background-color:white;} .merkliste-sharer ul li:hover ul li{width:115px; text-align: left;} .merkliste-sharer ul li:hover ul li:first-of-type a{border-bottom: 1px solid rgba(17, 17, 17, 0.15);} .merkliste-sharer ul li:hover ul li a{display:block;} .merkliste-sharer li #merkliste-sharer-switch{display:none;} .merkliste-sharer li:hover > #merkliste-sharer-switch { display:block; } .merkliste-sharer ul li a{display:block;} .page-template-page-merkliste .yachtimage-grid-item1 .eventtype{bottom:3px;} .merklisten-notice a{width:25%; margin-right:2%;} .merklisten-notice a:nth-of-type(2n){ margin-right:0%;} .merklisten-notice a:nth-of-type(3n){margin-right:0%; margin-left:2%;} @media (max-width:480px) { .elementor-19826 .elementor-element.elementor-element-461f77d6 .elementor-image img{max-width:70%;} } @media (max-width:860px) { html body .merklisten-notice a, html body .merklisten-notice a:nth-of-type(3n) {margin-left:0%;margin-right:0%;} } /* 02 CHECKBOX ANPASSUNGEN */ .switch { display: inline-block; height: 20px; position: relative; width: 40px; z-index:1 } .switch input { display:none; } .inputslider { background-color: #ccc; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .inputslider:before { background-color: #fff; bottom: 4px; content: ""; height: 12px; left: 4px; position: absolute; transition: .4s; width: 12px; } input:checked + .inputslider { background-color: #5dbcd2; } input:checked + .inputslider:before { transform: translateX(20px); } .inputslider.round { border-radius: 34px; } .inputslider.round:before { border-radius: 50%; } /*********************************************/ /* FLATPICKR ANPASSUNGEN */ /*********************************************/ html .flatpickr-month{height:55px;} .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {background-color:#5dbcd2 !important; border-color:#5dbcd2 !important} html .flatpickr-day.selected.startRange + .endRange, html .flatpickr-day.startRange.startRange + .endRange, html .flatpickr-day.endRange.startRange + .endRange{-webkit-box-shadow:-10px 0 0 #e6e6e6;box-shadow: -10px 0 0 #e6e6e6;} html .flatpickr-day.today{background-color:#656a6c; color:white; border:0px;} /*********************************************/ /* NEWSLETTER POPUP */ /*********************************************/ .newsletter-overlay.show{display:block; } .newsletter-overlay{ display:none; position: fixed; top:0; left:0; width:100vw; height:100vh; z-index:99999; background:rgba(58, 90, 105, 0.25); } .newsletter-info{position: absolute; top:25%; left: calc(50% - 450px); max-width:900px; z-index:999999; background-color:white;} .newsletter-inside{position: relative;} .newsletter-inside span.newsletter-close{position: absolute; top:10px; right:10px; cursor:pointer; z-index:999; display:inline-block; padding:3px 6px; background-color:#5dbcd2; color:white;} .newsletter-inside label[for="form-field-datenschutz"]{font-size:12px;} body[data-elementor-device-mode="mobile"] .newsletter-overlay.show{display:none;} .newsletter-overlay.show .elementor-field-group-newsletter_typ{display:block;} /*********************************************/ /* COOKIE NOTICE */ /*********************************************/ .dsa-cookie-notice.hide{display:none;} .dsa-cookie-notice{background-color:white; font-size:14px; color:#656a6c; position: fixed; bottom:20px; right:20px; width:300px; z-index:9999; box-shadow: 0 0 30px rgba(51, 51, 51, 0.1);} .cookie-notice-inner-wrapper{position: relative; padding: 19px 30px 18px;} .cookie-notice-inner-wrapper span{display:block; cursor:pointer; position: absolute; top:10px; right:10px; font-weight:600; } .cookie-notice-inner-wrapper .cookie-inner div{margin:30px 0;} @media (max-width:480px) { .dsa-cookie-notice{width:100%; right:0; bottom:0} } @media (max-height:415px) and (orientation: landscape) { .dsa-cookie-notice{width:100%; right:0; bottom:0; font-size:12px;} .cookie-notice-inner-wrapper .cookie-inner div{margin:10px 0;} } /* COOKIE NOTICE ENDE */ .contact-informations-form .contact-informations-form-image img{border-bottom:1px solid #656A6C;} .contact-informations-form-asp{margin:15px 0 30px 0; text-transform: uppercase;} .contact-informations-form .contact-informations-form-asp p.asp-name{font-family: "Open Sans", Sans-serif; font-size: 22px; font-weight: 300; text-transform: uppercase; color: #3A5A69; margin-bottom:5px;} .asp-subline{ font-size: 13px; font-weight: 400; text-transform: uppercase; line-height: 1.31em; letter-spacing: 2px; color: #3A5A69; max-width: 500px;} .contact-informations-form-contacts ul{margin:0; padding:0} .contact-informations-form-contacts ul li{list-style-type: none; margin:0px 0 0 0; padding:0; } .contact-informations-form-contacts ul li a, .contact-informations-form-contacts ul li a:hover{color: #3A5A69; font-size:14px;} .contact-informations-form-contacts .billey-icon{-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; margin-right: 10px; line-height: 1; } @media (max-width:580px) { .contact-informations-form .contact-informations-form-image img{max-width:70%;} } /* MEDIA QUERYS */ @media (max-width: 1280px) { .merkliste-sharer{padding-right:15px;} } @media (max-width: 980px) { html body .yachtdetail .yachtdata-left{width:100%;} html body .yachtdetail .yachtdata-right{width:100%; padding: 10px 0 0 0px; margin-bottom:30px;} .yacht-detail-data, .preise{display:inline-block; width:47%; vertical-align: top;} .yacht-detail-data{margin-right:4%;} .yachtlayout{max-width:400px;} .sub-split-wrapper.level3.second{display:none;} .sub-split-wrapper.level3{flex:0 100%;} .sub-split-wrapper.level1{flex: 0 66%;} .sub-split-wrapper.level1:nth-of-type(2n){flex: 0 33%;} .desktop_ratings{display:none;} .ratings.mobile_ratings{display:block; margin-top:0;} .ratings.mobile_ratings h3{text-transform: uppercase;} } @media (max-width:780px) { #vercharter-tabs .elementor-widget-tm-tabs.billey-tabs-style-01.billey-tabs-view-horizontal .billey-tab-desktop-title{padding:14px 25px} } @media (max-width:770px) { html body .yachtdetail .ausstattungsbox{width:49%;} .ratings.mobile_ratings{ margin-top:25px !important; } .gallery-info{ margin-bottom:0px !important;} #mygallery{height: 45vh;} .mygallery-thumbs{margin-bottom:25px;} } @media (max-width:700px) { html body .yachtdetail .praeferenzen ul li{width: auto;} .yachtsingle-buttons{max-width:100%;} html body .yachtdetail h1 span{margin-left:0; display:block;} html body .yachtdetail .gebiete{width:100%;} } @media (max-width: 600px) { html body .yachtdetail .ausstattungsbox{width:100%;} .yacht-detail-data, .preise{display:inline-block; width:100%; vertical-align: top;} html body .yachtdetail .yachtdata-right ul li span{max-width:165px;} html body .yachtdetail_main_img .headline-wrapper{top:35%;} html body .yachtdetail .praeferenzen ul li{width:auto%; padding-right:10px; font-size:12px;} html body .yachtdetail .praeferenzen ul li i{margin-right:10px; font-size:14px;} } @media (max-width: 560px) { html body .yachtdetail .yachtdata-left{padding-right:0} #html5-videos{margin-bottom:50px} .extras-box{ width: 48%; margin-bottom:15px; } .single-yachten .merkliste-sharer{width:100%; margin-bottom:50px;} .single-yachten .merkliste-sharer ul{margin-bottom:0;} .ausstattungsbox:last-of-type ul{margin-bottom:0} .price-plus, .ausstattungen{margin-bottom:50px;} .ratings.mobile_ratings{margin-top:0 !important} .gallery-wrapper{padding-top:0px;} .ratings ul li:last-of-type{margin-bottom:0} #mygallery{margin-top:0;} .mygallery-thumbs{margin-bottom:50px;} html body .yachtdetail .yachtdata-right{margin-bottom:0} #media-buttons{margin-bottom:50px;} } @media (max-width: 480px) { .single-yachten .split-wrapper{margin-bottom:25px;} html body .yachtdetail .yachtdata-right{margin-bottom:0px;} .sub-split-wrapper.level1, .sub-split-wrapper.level1:nth-of-type(2n), .sub-split-wrapper.level2{flex: 0 100%;} .sub-split-wrapper.level3{flex: 0 100%; display:flex;} .sub-split-wrapper.level3 a{ width:50%; object-fit: contain; align-self: flex-start; } .sub-split-wrapper.level3.second{display:none;} .extras-box{ width: 98%; } html body .yachtdetail h1 span{margin-left:0; display:block; margin-top:15px;} #mygallery{height: 30vh; } } html a.page-scroll-up { position: fixed; right: 100px; bottom: -60px; z-index: 999; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%); display: block; padding: 0; width: 60px; height: 60px; border-radius: 50%; font-size: 25px; line-height: 60px; cursor: pointer; opacity: 0; visibility: hidden; overflow: hidden; } html a.whatsapp { position: fixed; right: 30px; bottom: 30px; z-index: 999; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%); display: flex; padding: 0; width: 60px; height: 60px; border-radius: 50%; font-size: 25px; line-height: 60px; cursor: pointer; overflow: hidden; background-color:#5dbcd2; color:white; text-align: center; align-items: center; justify-content: center; } html a.whatsapp:hover{color:white;} html a.whatsapp i{font-size:30px;} /*Landingpage Start*/ .page-template-page-landingpage .flex { display: flex; flex-wrap: wrap; justify-content: space-between; } .page-template-page-landingpage #headerbild { /* background: url(images/landingpage/segeltoern-freunde.jpg) no-repeat; */ background-size: cover; height: 800px; overflow: hidden; } .page-template-page-landingpage .teaser .col { flex-basis: 48%; } .page-template-page-landingpage .heading-box { background: #f1f1f1; padding: 60px; position: relative; margin-top: -200px; } .page-template-page-landingpage .heading-box .headline { font-family: "Modernline", Sans-serif; font-size: 72px; line-height: 80px; text-align: center; margin: 0 0 30px 0; } .page-template-page-landingpage .heading-box .subline { font-size: 24px; line-height: 32px; text-transform: uppercase; text-align: center; } .page-template-page-landingpage .teaser { padding: 0 0 120px 0; } .page-template-page-landingpage .teaser h1 { font-family: "Modernline", Sans-serif; font-size: 32px; line-height: 38px; } .page-template-page-landingpage .touren { background-image: linear-gradient(0deg, rgba(241,241,241,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%); padding: 0 0 140px 0; } .page-template-page-landingpage .touren .box { flex-basis: 48%; } .page-template-page-landingpage .touren .pic { overflow: hidden; } .page-template-page-landingpage .touren .pic img { width: 100%; } .page-template-page-landingpage .touren .txt { background: #fff; padding: 40px; text-align: center; } .page-template-page-landingpage .touren h3 { font-family: "Modernline", Sans-serif; font-size: 32px; line-height: 38px; } .page-template-page-landingpage .bg-landingpage { height: 580px; background: url(images/landingpage/beach-mallorca.jpg) no-repeat; background-size: cover; background-attachment: fixed; } .page-template-page-landingpage .rezension { background: url(images/landingpage/wood-bg.jpg) no-repeat; background-size: cover; padding: 140px 0; } .page-template-page-landingpage .rezension h2 { text-align: center; font-family: "Modernline", Sans-serif; font-size: 32px; line-height: 38px; } .page-template-page-landingpage .urlaubsziele .box { flex-basis: 50%; } .page-template-page-landingpage .urlaubsziele .box.bild { overflow: hidden; } .page-template-page-landingpage .urlaubsziele .box.bild img { width: 100%; height: 100%; object-fit: cover; } .page-template-page-landingpage .urlaubsziele .box.txt { padding: 150px 100px; } .page-template-page-landingpage .urlaubsziele h2 { font-family: "Modernline", Sans-serif; font-size: 34px; line-height: 46px; margin: 0 0 20px 0; } .page-template-page-landingpage .liste li { list-style: decimal; } .page-template-page-landingpage .liste { padding-left: 15px; } .page-template-page-landingpage .urlaubsziele h3 { text-transform: uppercase; font-weight: 700; } .page-template-page-landingpage .charter-selector fieldset { display: block; } .page-template-page-landingpage .charter-selector label { width: 100%; border: none; margin: 0 0 10px 0; } .page-template-page-landingpage .tool.searchbutton { float: right; height: 40px; line-height: inherit; } .page-template-page-landingpage .page-content { margin-bottom: 0; } .page-template-page-landingpage .carousel{ background: #fff; } .page-template-page-landingpage .carousel-cell { padding: 40px 80px; text-align: center; } .page-template-page-landingpage .carousel-cell .stars { color: #f0ad4e; } .page-template-page-landingpage .carousel-cell .stars span { display: block; font-size: 12px; } .page-template-page-landingpage .carousel-cell h4 { font-size: 20px; line-height: 24px; text-transform: uppercase; font-weight: 700; } .page-template-page-landingpage .flickity-button { background: none; border-radius: none; } .page-template-page-landingpage .flickity-button:hover { color: #5dbcd2; } .page-template-page-landingpage .flickity-prev-next-button { width: 20px; } .page-template-page-landingpage .rezension .button { margin: 50px auto 0; display: block; max-width: 300px; text-align: center; } .wochenpreis, .tagespreis { display: flex; } .wochenpreis h6, .tagespreis h6 { padding: 17px 0 0 10px; margin: 0; } .ratings h3 { text-transform: uppercase; font-size: 14px; color: #000; letter-spacing: 0.1px; } .rating-slider .slick-prev.slick-arrow { display: none!important; } .rating-slider .slick-next.slick-arrow { background: none; border: none; padding: 0; position: absolute; right: -20px; color: transparent; } .rating-slider .slick-next.slick-arrow:before { content: '→'; font-size: 20px; color:#000; } .rating-slider .slick-dots { overflow: hidden; } .rating-slider .slick-dots li { display: inline-block; width: 50%; border-bottom: 2px solid #eee; } .rating-slider .slick-dots li.slick-active { border-color: #000; } .rating-slider .slick-dots li button { padding: 0; border: none; text-indent: -9999px; } .ratings.mobile_ratings { width: 100%; } @media screen and (max-width: 1200px) { .page-template-page-landingpage .heading-box { padding: 30px; margin-top: -100px; width: 80%; margin-right: auto; margin-left: auto; } .page-template-page-landingpage .heading-box .headline { font-size: 40px; line-height: 44px; margin-bottom: 10px; } .page-template-page-landingpage .heading-box .subline { font-size: 20px; line-height: 24px; } .page-template-page-landingpage .bg-landingpage { height: 420px; } .page-template-page-landingpage .rezension { padding: 100px 0; } .page-template-page-landingpage .urlaubsziele .box.txt { padding: 100px 50px; } } @media screen and (max-width: 1024px) { .page-template-page-landingpage #headerbild { height: 500px; } .page-template-page-landingpage .bg-landingpage{ background-attachment: inherit; } } @media screen and (max-width: 768px) { .page-template-page-landingpage .teaser .col { flex-basis: 100%; } .page-template-page-landingpage .touren { padding: 0 0 100px 0; } .page-template-page-landingpage .touren h3 { font-size: 26px; line-height: 34px; } .page-template-page-landingpage .bg-landingpage { height: 300px; } .page-template-page-landingpage .urlaubsziele .box { flex-basis: 100%; } .page-template-page-landingpage .urlaubsziele .box.bild { height: 350px; } .page-template-page-landingpage .urlaubsziele .box.txt { padding: 50px 50px; } .page-template-page-landingpage .urlaubsziele .box:nth-child(1) { order: 1; } .page-template-page-landingpage .urlaubsziele .box:nth-child(2) { order: 2; } .page-template-page-landingpage .urlaubsziele .box:nth-child(3) { order: 4; } .page-template-page-landingpage .urlaubsziele .box:nth-child(4) { order: 3; } } @media screen and (max-width: 640px) { .page-template-page-landingpage #headerbild { height: 400px; } .page-template-page-landingpage .heading-box .subline { font-size: 18px; } .page-template-page-landingpage .touren .box { flex-basis: 100%; margin: 0 0 20px 0; } .page-template-page-landingpage .touren .pic { height: 300px; } .page-template-page-landingpage .touren .pic img { width: 100%; height: 100%; object-fit: cover; } .page-template-page-landingpage .carousel-cell { padding: 20px 40px; } .page-template-page-landingpage .flickity-prev-next-button { display: none; } .page-template-page-landingpage .heading-box { width: 100%; } } @media screen and (max-width: 480px) { .page-template-page-landingpage .teaser { padding: 0 0 50px 0; } .page-template-page-landingpage .touren .txt { padding: 40px 20px; } } /*Landingpage Ende*/ #slider-container { position: fixed; top: -100%; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; transition: top 0.3s ease-in-out; -webkit-transition: top 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out; } #slider-container:before { content: 'x'; position: absolute; top: 20px; right: 20px; z-index: 101; color: #fff; font-size: 30px; } .slider-layout { width: 100%; overflow: hidden; max-width: 768px; margin: auto; position: absolute; right: 0; left: 0; height: 100%; top: 0; bottom: 0; } .slides { display: flex; width: 500%; /* Anzahl der Bilder * 100% */ transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; min-height: 25vh; justify-content: flex-start } .slides img { width: 100%; /* 100% / Anzahl der Bilder */ max-height:inherit; background: #fff; overflow: hidden; align-self: stretch; } .slider-prev, .slider-next { display: inline-block; padding: 10px; background-color: #000; color: #fff; text-decoration: none; position: absolute; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); font-size: 30px; border: none; height: 65px; } .slider-prev { right: 35px; height: 65px; } .slider-next { right: 0; height: 65px; } #open-slider { height: auto; padding: 0; width: 100%; background: no-repeat; border: none; } /*********************************************/ /* route-einmal-rund-um-mallorca */ /*********************************************/ .flex-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .flex-container .col { flex-basis: 32%; margin-bottom: 30px; } .flex-container .col:nth-child(2n) { flex-basis: 65%; } .multimap img { width: 100%; height: 100%; object-fit: cover; }