/* Theme Name: Billey Child es Theme URI: http://billey.thememove.com/ Author: ThemeMove Author URI: http://thememove.com/ Version: 1.0.0 Template: billey Text Domain: billey-child_en Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready */ @font-face { font-family: 'Dancing Script'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/dancing-script-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/dancing-script-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/dancing-script-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/dancing-script-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/dancing-script-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/dancing-script-v15-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'La Belle Aurore'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/la-belle-aurore-v11-latin-regular.eot'); /* IE9 Compat Modes */ src: local('La Belle Aurore'), local('LaBelleAurore'), url('fonts/la-belle-aurore-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/la-belle-aurore-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/la-belle-aurore-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/la-belle-aurore-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/la-belle-aurore-v11-latin-regular.svg#LaBelleAurore') format('svg'); /* Legacy iOS */ } /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url('fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; font-display: swap; src: url('fonts/open-sans-v17-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('fonts/open-sans-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v17-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url('fonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('fonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; font-display: swap; src: url('fonts/open-sans-v17-latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('fonts/open-sans-v17-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v17-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v17-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v17-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v17-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url('fonts/open-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('fonts/open-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v17-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/open-sans-v17-latin-800.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('fonts/open-sans-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v17-latin-800.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v17-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; font-display: swap; src: url('fonts/open-sans-v17-latin-800italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('fonts/open-sans-v17-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v17-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v17-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v17-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v17-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } @font-face { font-family: "modernline"; font-display: swap; src: url("fonts/modernline.eot"); /* IE9 Compat Modes */ src: url("fonts/modernline.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("fonts/modernline.otf") format("opentype"), /* Open Type Font */ url("fonts/modernline.svg") format("svg"), /* Legacy iOS */ url("fonts/modernline.ttf") format("truetype"), /* Safari, Android, iOS */ url("fonts/modernline.woff") format("woff"), /* Modern Browsers */ url("fonts/modernline.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: normal; font-display: swap; src: url(../billey/assets/fonts/awesome/webfonts/fa-brands-400.eot); src: url(../billey/assets/fonts/awesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../billey/assets/fonts/awesome/webfonts/fa-brands-400.woff2) format("woff2"), url(../billey/assets/fonts/awesome/webfonts/) format("woff"), url(../billey/assets/fonts/awesome/webfonts/fa-brands-400.ttf) format("truetype"), url(../billey/assets/fonts/awesome/webfonts/fa-brands-400.svg#fontawesome) format("svg") } @font-face { font-family: "Font Awesome 5 Duotone"; font-style: normal; font-weight: 900; font-display: swap; src: url(../billey/assets/fonts/awesome/webfonts/fa-duotone-900.eot); src: url(../billey/assets/fonts/awesome/webfonts/fa-duotone-900.eot?#iefix) format("embedded-opentype"), url(../billey/assets/fonts/awesome/webfonts/fa-duotone-900.woff2) format("woff2"), url(../billey/assets/fonts/awesome/webfonts/fa-duotone-900.woff) format("woff"), url(../billey/assets/fonts/awesome/webfonts/fa-duotone-900.ttf) format("truetype"), url(../billey/assets/fonts/awesome/webfonts/fa-duotone-900.svg#fontawesome) format("svg") } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 300; font-display: swap; src: url(../billey/assets/fonts/awesome/webfonts/fa-light-300.eot); src: url(../billey/assets/fonts/awesome/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"), url(../billey/assets/fonts/awesome/webfonts/fa-light-300.woff2) format("woff2"), url(../billey/assets/fonts/awesome/webfonts/fa-light-300.woff) format("woff"), url(../billey/assets/fonts/awesome/webfonts/fa-light-300.ttf) format("truetype"), url(../billey/assets/fonts/awesome/webfonts/fa-light-300.svg#fontawesome) format("svg") } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url(../billey/assets/fonts/awesome/webfonts/fa-regular-400.eot); src: url(../billey/assets/fonts/awesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../billey/assets/fonts/awesome/webfonts/fa-regular-400.woff2) format("woff2"), url(../billey/assets/fonts/awesome/webfonts/fa-regular-400.woff) format("woff"), url(../billey/assets/fonts/awesome/webfonts/fa-regular-400.ttf) format("truetype"), url(../billey/assets/fonts/awesome/webfonts/fa-regular-400.svg#fontawesome) format("svg") } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; font-display: swap; src: url(../billey/assets/fonts/awesome/webfonts/fa-solid-900.eot); src: url(../billey/assets/fonts/awesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../billey/assets/fonts/awesome/webfonts/fa-solid-900.woff2) format("woff2"), url(../billey/assets/fonts/awesome/webfonts/fa-solid-900.woff) format("woff"), url(../billey/assets/fonts/awesome/webfonts/fa-solid-900.ttf) format("truetype"), url(../billey/assets/fonts/awesome/webfonts/fa-solid-900.svg#fontawesome) format("svg"); } .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"; } /*********************************************/ /* ALLGEMEINE ANPASSUNGEN */ /*********************************************/ button.yacht_heart, button.yacht_heart:hover{background-color: #fff !important; border:0; padding:0; color:#3a5a69; font-weight:300;} .single-yachten .elementor-button { background-color: #9E6D70; } #page-footer a{color:white;} html body .elementor-element h2, html body .elementor-element h3, html body .elementor-element h4, html body .elementor-element h5, html body .elementor-element h6{color:#3a5a69;} html .elementor-widget-button .elementor-button{background-color:#9E6D70;} html body .elementor-heading-title.elementor-size-default{color: #3a5a69 !important; font-family: Open Sans !important; font-weight:300;} html body .elementor-widget-text-editor h2{font-weight:300; font-family: Open Sans !important;} html .desktop-menu .sm-simple .children {min-width: 260px !important; } /* For Mozilla Firefox */ .uibutton-wrapper::-moz-selection, .uibutton-wrapper input::-moz-selection, .uibutton-wrapper span::-moz-selection { color:#3a5a69; background: none; } .uibutton-wrapper{text-align: left;} .mobile-logo-custom{width:80px !important;} .logo-custom{width:160px !important;} html body .branding__logo object { padding: 0; margin: 15px 15px 0 15px; } .matomo-frame{width:100%; height:100px}; @media (max-width:600px) { .matomo-frame{height:200px}; } @media (max-width:480px) { .matomo-frame{height:300px}; } @media (max-width:1024px) { .matomo-frame{height:150px}; } .billey-tabs-wrapper a{ font-weight:300 !important;} @media (max-width:764px) { .elementor-163 .elementor-element.elementor-element-1c638a6f>.elementor-element-populated{padding:0; margin: 0 15px 0 15px;} } /*********************************************/ /* FIX FÜR STARTSEITE HEADER BUTTON */ /*********************************************/ .tm-button.style-flat:before, .tm-button.style-flat:hover:before{ background-color:#9E6D70; opacity: 1;} /*********************************************/ /* NEWSLETTERELEMENT STARTSEITE */ /*********************************************/ .elementor-element-49bd06dd .elementor-field-type-email{width:100%;} .elementor-element-49bd06dd{position: relative;} .elementor-2 .elementor-element.elementor-element-49bd06dd .elementor-field-group{padding:0;} .elementor-element-49bd06dd .elementor-field-type-acceptance{position: absolute; left: 0; color:white; top:60px;} .elementor-2 .elementor-element.elementor-element-49bd06dd .elementor-field-subgroup label[for="form-field-datenschutz"]{color:white !important; } .elementor-2 .elementor-element.elementor-element-49bd06dd .elementor-field-subgroup a{color:white !important} html .elementor-2 .elementor-element.elementor-element-49bd06dd .elementor-field-group{padding-right: 0;} /*********************************************/ /* FIX FÜR LOGO-DARSTELLUNG IM HEADER */ /*********************************************/ html body .branding__logo img{padding:0; margin: 15px 15px 0 15px} /*********************************************/ /* 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:#9e6d70 !important; border-color:#9e6d70 !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 #b98a8d;box-shadow: -10px 0 0 #b98a8d;} html .flatpickr-day.today{background-color:#3a5a69; color:white; border:0px;} /*********************************************/ /* SPRACHWECHSLER MENÜ */ /*********************************************/ .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 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor;} .page-mobile-menu-content .langswitcher{padding-top: 50px; display: inline-block; width: 33%; text-align: center;} .page-mobile-main-menu .menu__container > li + li.langswitcher > a{border:0;} .navigation.page-navigation .langswitcher a { padding-right: 15px !important; padding-left: 15px !important; } /******************************************************/ /* ELEMENTOR FORMULAR ANPASSUNGEN ALLGEMEIN */ /******************************************************/ .elementor-field-group .elementor-field-textual::-webkit-input-placeholder{color:#3a5a69; opacity: 1; font-weight:300;} .elementor-field-group .elementor-field-textual:placeholder { color:#3a5a69; font-weight:300; opacity: 1; } .elementor-field-group .elementor-field-textual:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#3a5a69; font-weight:300; opacity: 1; } .elementor-field-group .elementor-field-textual::-ms-input-placeholder { /* Microsoft Edge */ color:#3a5a69; opacity: 1; font-weight:300; } .elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-field_1.elementor-col-100.elementor-field-required { margin-bottom: 10px; } /*********************************************/ /* ELEMENTOR CUSTOM CTA BUTTONS */ /*********************************************/ .custom-ctabutton{border:1px solid #9E6D70; font-size:12px; line-height:1; background-color:#9E6D70; 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} } @media (max-width:435px) { .custom-ctabutton,.custom-ctabutton.light{width:80%;display:block;margin:0 0 25px;vertical-align:top;line-height:1} } /*********************************************/ /* 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:30vh;} html body .yachtdetail_main_img h1{top:10vh;} } @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:15vh;} } @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:15vh; 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:40vh;} } */ #html5-videos{margin-bottom:25px;} 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:40vh;} html body .yachtdetail_main_img h1{top:10vh;} } @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:15vh;} } @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 only screen and (min-device-width : 414px) and (max-device-width : 736px) 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 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:15vh; font-size:25px;} } @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:40vh;} } @media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: landscape) { html body .yachtdetail_main_img{height:70vh;} html body .yachtdetail_main_img h1, html body .yachtdetail_main_img h1 span{top:25vh; font-size:25px;} html body.page-template-page-yachtfinder .yachtdetail_main_img h1{top:18vh;} html body.page-template-page-yachtfinder .yachtdetail_main_img{height:60vh;} } /*********************************************/ /* COOKIE NOTICE */ /*********************************************/ .dsa-cookie-notice.hide{display:none;} .dsa-cookie-notice{background-color:white; font-size:14px; color:#3a5a69; 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 */ /*********************************************/ /* 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% - 350px); max-width:700px; 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:#9E6D70; color:white;} .newsletter-inside label[for="form-field-datenschutz"]{font-size:12px;} body[data-elementor-device-mode="mobile"] .newsletter-overlay.show{display:none;} /*********************************************/ /* ELEMENTOR YACHTFINDER ELEMENT */ /*********************************************/ .yachtfinderbox-elementor{padding:20px 25px; width:100%; display:block; border: 1px solid #eee} .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: 768px) { .yachtfinderbox-elementor{margin-bottom:100px;} } /*********************************************/ /* ELEMENTOR REVIERFINDER WIDGET */ /*********************************************/ html body .revierfinderwidget a{border-bottom:0px;} html body .revierfinderwidget a:hover{border:1px solid #eee !important; border-color: #eee !important; } html body .revierfinderwidget .tm-button{white-space: normal; text-align: left; background-color: #9E6D70; color:white; display:inline-block; padding: 12px 24px; border-bottom:0px; line-height:1; font-size:12px;} html body .reverfinderwidget .tm-button.style-text .button-text:before, html body .reverfinderwidget .tm-button.style-text .button-text:after{height:0 !important;} html body .revierfinderwidget .tm-button.style-text .button-text{padding:0;} /* REVIER FINDER WIDGET ENDE */ /*********************************************/ /* YACHTFINDER */ /*********************************************/ /* YACHTFINDER SORTIERFUNKTION */ .yachtfinder-ui-wrapper{position: relative} .yachtfinder-sorter-wrapper{position: absolute; right:0; top:0px;} .yachtfinder-sorter{text-transform: uppercase; font-size:14px; font-weight:300; position: relative; width:260px; text-align: right;} .yachtfinder-sorter .sorter-label{cursor:pointer; } .yachtfinder-sorter .sorter-label strong{font-weight: 300;} #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:#9E6D70;} /* YACHTFINDER TEXT FÜR LEERSUCHEN */ .leersuche{max-width:600px; color:white; margin:0 auto 100px auto; background-color:#9E6D70; padding:10px 25px; text-align: center; } /* YACHTFINDER LADEANIMATION */ .yachtloader{text-align: center;} .yachtloader span{margin:15px; text-transform: uppercase; display:inline-block;} /*********************************************/ /* ROUTENÜBERSICHT */ /*********************************************/ .route-single-view{width:33.33%; margin-bottom:25px; align-items: stretch; padding:15px;} .route-single-view img{width:100%; height:auto; margin-bottom:25px;} .routenuebersicht{display:flex; flex-wrap: wrap; margin-bottom:75px;} .flexbreak{ flex-basis: 100%; height: 0; } .routenbutton{border:1px solid #9E6D70; font-size:12px; line-height:1; background-color:#9E6D70; color:white; display:inline-block; text-transform: uppercase; text-align: center; padding: 12px 24px; } .routenbutton:hover{color:white;} #yacht-cat-navi.routenfilter{padding:0 15px;} #yacht-cat-navi.routenfilter label{display:inline-block;} #yacht-cat-navi.routenfilter label span{white-space: nowrap;} @media (max-width:900px) { .route-single-view{width:100%;} #yacht-cat-navi.routenfilter{padding-left:15px;} #yacht-cat-navi.routenfilter label{width:calc(25% - 4px); text-align: center; margin-bottom:4px; margin-right:4px;} } @media (max-width:600px) { .route-single-view{width:100%;} #yacht-cat-navi.routenfilter{padding-left:15px;} #yacht-cat-navi.routenfilter label{width:calc(33% - 4px); text-align: center; margin-bottom:4px; margin-right:4px;} } @media (max-width:480px) { .route-single-view{width:100%;} #yacht-cat-navi.routenfilter{padding-left:15px;} #yacht-cat-navi.routenfilter label{width:calc(50% - 4px); text-align: center; margin-bottom:4px; margin-right:4px;} } /*********************************************/ /* ELEMENTOR BREADCCRUMB */ /*********************************************/ #breadcrumb_dsa{ padding:0; margin:0 0 30px 0; font-size:12px; text-transform: uppercase;} #breadcrumb_dsa li{display:inline-block; list-style-type: none; font-size:12px;} #breadcrumb_dsa li:last-of-type a{text-decoration:none; } #breadcrumb_dsa li a{text-decoration:underline; font-size:12px; margin-right:5px; text-transform: uppercase} #breadcrumb_dsa.single_yacht{float:left; width:50%;} /*********************************************/ /* 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:#3a5a69;} html .leaflet-popup-content-wrapper a{border: 1px solid #9E6D70; font-size: 12px; line-height: 1; background-color: #9E6D70; color: white; width: 200px; display: inline-block; text-transform: uppercase; text-align: center; padding: 12px 24px;} /* 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;} /*********************************************/ /* ELEMENTOR ELEMENT YACHT SUGGESTION */ /*********************************************/ .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: #3a5a69; 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: #3a5a69; 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: 27px; } .yacht-suggestion a{position: static; top:375px; margin-bottom:15px;} .yacht-suggestion .elementor-button{border-radius:0;} /*********************************************/ /* 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 #9E6D70; color:#9E6D70; text-align: center; padding:0; width:35px; height:35px; line-height:14px; background-color:transparent;} #merkzettel-yachtauswahl-wrapper p{font-size:14px; color:#3a5a69; font-weight:400;} label[for="form-field-datenschutz"]{color:#3a5a69 !important; font-weight:400 !important;} label[for="form-field-newsletter-0"]{color:#3a5a69 !important; font-weight:400 !important;} #merkzettel-yachtauswahl-wrapper span{display:inline-block; background-color:#9E6D70; color:white; padding:4px 10px; margin:0px 10px 10px 0; text-transform: uppercase} #merkzettel-yachtauswahl i{color:#3a5a69;} .merklisten-notice h2{color:#3a5a69 !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:#3a5a69; 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;} .single-yachten .merkliste-sharer{text-align: right } .single-yachten .merkliste-sharer ul{margin-top:0;} .page-template-page-merkliste .yachtimage-grid-item1 .eventtype{bottom:3px;} /*********************************************/ /* 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 #9e6d70 !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:#3a5a69;} #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: #3a5a69; 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:#3a5a69; right:18px; width:35px;} .reviertoggler{background-color:#ddd; 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;} .price-selector{margin-top:25px;} .price-selector fieldset{border:0px; padding:0px; margin:0px 0 0 0; display:flex; flex-wrap: nowrap; } .price-selector fieldset input{display:none;} .price-selector fieldset label:last-of-type{border-right:0;} .price-selector fieldset label{ margin:0; width:33.33%; display:inline-block; border-right:4px solid white;; text-align: center; background-color: #ccc; color: white; text-transform: uppercase; padding: 0px 7px; min-height:36px; cursor: pointer; line-height:34px } .price-selector fieldset label.active{background-color: #9E6D70;} @media screen and (max-width: 1024px) { .price-selector fieldset label{line-height:24px; padding:10px 15px;} } @media screen and (max-width: 790px) { .price-selector fieldset label span{display:block;} .ausstattungswrapper h4 { margin-bottom: 10px; } } @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#yachtsearch button.searchbutton{position: static; float:right; height: 36px; border:0; line-height: 34px;} #yachtsearchmodell h3, #yachtsearch h3{text-transform: uppercase; text-align: left;} form#yachtsearch button.resetbutton { height: 36px; border: 0; line-height: 34px; position: relative; float:right; padding: 0 42px; background-color: #c7cfd5; } .yachtfinder-sorter:hover #yachtfinder-sorter-fields{display:block} .page-template-page-yachtfinder .yachtimage-grid-item1 .eventtype{bottom:3px;} .my-yacht-searchform-wrapper{ position: relative; width: 90%; background-color: white; margin: 0 auto 0vh auto; /* height: 40vh; min-height: 390px; */} .my-yacht-searchform{ /*position: absolute; */ margin-top: -10vh; 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:#9E6D70; 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:100%; padding-right:0%; position: relative; margin-top:50px;} #dsaformbutton{min-width:145px; padding:12px 24px; height: 36px; font-size:12px; letter-spacing: 0; } /* YACHT DETAILS (single-yachten.php) */ html body .page-content.yachtdetail{margin-bottom:0;} html body .page-content.yachtdetail .page-main-content{padding:0 30px} html body .yachtdetail h2{font-family: "Open Sans", Sans-serif; font-size: 30px; font-weight: 300; text-transform: uppercase; color: #3a5a69; letter-spacing: 0em; line-height: 1.3; } 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:#3a5a69; margin:15px 0 30px 0;} html body .yachtdetail .praeferenzen ul {margin:0; padding-left:0;} html body .yachtdetail .praeferenzen ul li{width:30%; 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:66%; display:inline-block; padding:0 15px 0 0 ;} html body .yachtdetail .yachtdata-right{width:33%; display:inline-block; vertical-align: top; padding:0 30px;} html body .yachtdetail .yachtdata-right ul{margin:0 0 25px 0; padding:0;} .price-plus{font-size:12px; margin-bottom:50px;} html body .yachtdetail .yachtdata-right ul li{list-style-type:none;} 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:33%; 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:100%; height:auto; max-height:300px;} .virtual-tour{margin:0; border: 1px solid #9E6D70; font-size: 12px; line-height: 1; background-color: #9E6D70; 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 #9E6D70; font-size: 12px; line-height: 1; background-color: #9E6D70; 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 h4, .extras h3{font-size:14px;} /*********************************************/ /* GALERIE ANPASSUNGEN */ /*********************************************/ #mygallery{ 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:15px;} #mygallery .swiper-slide{cursor:pointer; } #mygallery .elementor-carousel-image{background-position: center center;} .mygallery-thumbs {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);} .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;} button:hover{border:0px;} .uibutton {height:auto; display:inline-block; vertical-align: top; height: 30px; line-height:16px; width:20px; padding:5px; background-color:#9E6D70; color:white; cursor: pointer; text-align: center} .uibutton{height:55px; width:55px; border:1px solid #9E6D70;} .uibuttonoutput{display:inline-block; vertical-align: top; border: 0px ; padding:14px 0 15px 0px; width:100px; text-align: center; text-transform: uppercase;} .uibutton-wrapper::selection, .uibuttonoutput::selection, .uibutton-wrapper span::selection { color:#3a5a69; background: none; } button.remember span.removetext, button.remembered span.removetext{display:none;} button.remembered:hover span{display:none;} button.remembered:hover span.removetext{display:inline;} /* DARSTELLUNG YACHTDATEN */ .yachttable{max-width:500px;} .yachttable span{display:inline-block; width:47%; 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:#9E6D70;} .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-left a.ctabutton{border:1px solid #9E6D70; font-size:12px; line-height:1; background-color:#9E6D70; 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:#c1999b; color:white; border:1px solid #c1999b; font-size:12px; line-height:1; padding: 12px 24px; height:auto;} button.ctabutton.white.remembered{background-color:white; color:#9E6D70; border:1px solid #9E6D70} .yachtsingle-buttons {max-width:535px; margin:30px 0 60px 0} .yachtdata-left a.ctabutton{margin-right:50px;} .yacht-suggestion .elementor-button-text{font-size:12px;} .yachtimage-grid-item1{float:left; width:calc(66% - 10px); 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; bottom:27px;} .yachtimage-grid-item1 .eventtype span, .yacht-suggestion-image .eventtype span{background-color:#9E6D70; color:white; padding:5px; font-size:12px; text-transform: uppercase; margin-right: 5px; opacity: 0.8;} .yachtimage-grid-item1 img,.yachtimage-grid-item2 img,.yachtimage-grid-item3 img{width:100%;object-fit:cover;height:100%;overflow:hidden} @media (max-width:900px) { .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;} } @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;} } /* 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: #9E6D70; } input:checked + .inputslider:before { transform: translateX(20px); } .inputslider.round { border-radius: 34px; } .inputslider.round:before { border-radius: 50%; } .clear{clear:both;} .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;} @media (max-width: 980px) { .yachtsearch-box.revier{width:100%;} html body .yachtdetail .yachtdata-left{width:100%;} html body .yachtdetail .yachtdata-right{width:100%; padding: 0 0 0 0px; margin-bottom:30px;} .yacht-detail-data, .preise{display:inline-block; width:49%; vertical-align: top;} .yachtlayout{max-width:400px;} } @media (max-width:900px) { .yacht-suggestionwrapper{display:block;} .yacht-suggestion{width:48%; padding:1%; display:inline-block; vertical-align: top;} .yacht-suggestion a{position: static; top:375px; margin:15px 0;} .yacht-suggestion h3{margin-bottom:0; height: auto; font-size:16px;} } @media (max-width: 1024px) { .yachtsearch-box.revier{width:100%;} .yachtsingle-buttons button.ctabutton.white, .yachtdaten button.ctabutton.white{width:48%; vertical-align: top;} .merklisten-notice a.ctabutton, .yachtdaten a.ctabutton, .yachtdata-left a.ctabutton{width:48%; margin-right:2%; vertical-align: top;} } @media (max-width: 1280px) { .merkliste-sharer{padding-right:15px;} } @media (max-width:820px) { html #searchtabs .ui-tabs-nav, html #searchtabs .ui-tabs-panel{float:none; width:100%;} .mygallery-thumbs{width:100%; height:20vh; padding:20px 0; margin-bottom:0;} .yachtfinder-sorter-wrapper{position: static; margin-bottom:25px;} .yachtfinder-sorter{text-align: left;} #yachtfinder-sorter-fields{right: auto} } @media (max-width: 760px) and (orientation: landscape) { .mygallery-thumbs{width:100%; height:30vh; padding:20px 0; margin-bottom:0;} .mygallery-thumbs .swiper-slide img{height:auto;} } @media (max-width:768px) { .elementor-location-footer .elementor-field-group-email{width:80%;} .elementor-location-footer .elementor-field-type-submit{width:10%;} .removestyle.form-col2{width:100%;} .removestyle.form-col2.first{width:100%;} .my-yacht-searchform{position: static;} .my-yacht-searchform-wrapper{height:auto;} .contact-informations-form{margin-bottom:50px;} .single-yachten .merkliste-sharer{padding-right:0;} } @media (max-width:740px) { .yachtimage-wrapper{width:100%; margin-bottom:20px; } .yachtimage-grid-item1 .eventtype span{padding:3px;} .yachtdaten{width:100%; padding-left:0;} .yachttable{width:100%; max-width:100%;} html body .page-content.yachtdetail{margin-top:50px;} html body .yachtdetail .praeferenzen ul li{width:33%; padding-right:10px; font-size:12px;} html body .yachtdetail .praeferenzen ul li i{margin-right:10px; font-size:14px;} .yachtsearch-box.personen{min-width:230px; width:49%; padding-left:0; max-width:0px;} .yachtsearch-box.kabinen{min-width:230px; width:49%; padding-left:0; max-width:0px;} form#yachtsearch button.searchbutton, form#yachtsearchmodell button.searchbutton{position: static} form#yachtsearchmodell button.searchbutton{margin-top:30px;} html .price-range-min.value, html .price-range-max.value, html .price-range-both.value{margin-left:0; width: auto; } .ui-slider .ui-slider-handle{z-index:999;} .priceslider{margin-bottom:100px; } .yachtsingle-buttons button.ctabutton.white, .yachtdaten button.ctabutton.white{width:100%; vertical-align: top;} .merklisten-notice a.ctabutton, .yachtdaten a.ctabutton, .yachtdata-left a.ctabutton{width:100%; margin-right:0%; vertical-align: top; margin-bottom:20px;} } @media (max-width:435px) { .custom-ctabutton, .custom-ctabutton.light{ width:80%; display:block; margin:0 0 25px 0; vertical-align: top; line-height:1;} } @media (max-width:640px) { #yacht-cat-navi label{display:inline-block; width:calc(49% - 2px); margin-bottom:15px;} #yacht-cat-navi{margin-bottom:15px;} } @media (max-width:600px) { .map-contact .bueromap-wrapper{width:90%;} .searchfieldcontainer{width:100%;} .yachtimage-grid{grid-template-areas: 'header header' 'menu main'; grid-template-columns: 50% 50%; } html body .yachtdetail .ausstattungsbox{width:49%;} .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:33%; padding-right:10px; font-size:12px;} html body .yachtdetail .praeferenzen ul li i{margin-right:10px; font-size:14px;} .swipe-slide-full{display:none;} .swipe-slide-medium{display: block;} /* ANPASSUNG YACHT SINGLE FORM */ .elementor-element-22e56499{margin-bottom:50px;} .yacht-suggestion .eventtype{display:none;} } @media (max-height:415px) and (orientation: landscape) { /* ANPASSUNG YACHT SINGLE FORM */ .elementor-element-22e56499{margin-bottom:50px;} } @media (max-width:480px) { html body .yachtdetail .praeferenzen ul li{display:inline-block; width: auto; padding-right:10px; font-size:12px;} html body .yachtdetail .praeferenzen ul li i{margin-right:5px; font-size:12px;} .bueromap-wrapper{width:80vw; padding:5px 5px 15px 5px; text-align: left} .bueromap-wrapper .bueromap-image{display:none;} .bueromap-wrapper .bueromap-image img{} html .leaflet-popup-content-wrapper .headline{font-size:16px;} .bueromap-content-wrapper{width:100%;} } @media (max-width:400px) { html body .yachtdetail .ausstattungsbox{width:100%;} .ausstattungsbox ul {margin-bottom: 30px;} .ausstattungsbox:last-child ul {margin: 0;} } @media (max-width:530px) { .price-selector fieldset label{width:100%; border:0px; margin-bottom:15px;} .price-selector fieldset{display:blocK} .price-selector fieldset label span{display:inline;} .elementor-element-427584ea .elementor-element-populated{margin-left:0 !important;} } @media (max-width:480px) { .merkliste-sharer.wishlist-display{padding-right:30px;} body[data-elementor-device-mode="mobile"] .newsletter-overlay.show{display:none;} .price-range-max.value{right:0px;} .price-range-min.value{left:0px;} .preaferenzobjekt{display:block;} #yacht-cat-navi label{width:49%; display:inline-block; margin-bottom:5px; text-align: center} .yachtausgabe-finder{padding-top:25px;} /*.price-range-min.value:after, .price-range-max.value:after, .price-range-both.value:after{content: '\20AC \00a0 \A PRO WOCHE ';}*/ .tm-modern-heading.mb_modern_heading h1{font-size:25px;} .tm-modern-heading.mb_modern_heading h1 span{font-size:25px;} } @media (max-width:380px) { .ui-tabs .ui-tabs-panel{padding:10px;} } .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%;} }