/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI: https://themeforest.net/user/themenectar
Template: binz
Version: 1.0
*/
/* PASSWORT FORM */
body[data-form-style="minimal"] input[type="password"] {
background-color: #ffffff;
color: #003C50;
font-size: 24px;
border: 1px solid #003C50;
}
body[data-form-style="minimal"] .main-content .post-password-form input[type="submit"] {
top: auto;
bottom: 35px;
width: 250px;
background: #003C50;
left: 42%;
text-transform: uppercase;
}
.post-password-form label {
color: #003C50;
font-family: "GothamXNarrow-Book";
font-size: 22px !important;
}
.post-password-form p {
font-size: 24px !important;
line-height: 36px !important;
letter-spacing: 0.48px !important;
margin-bottom: 50px;
}
.main-content > .row > form.post-password-form {
padding: 5% 0;
max-width: 600px;
margin: 0 auto;
}
/* FLICK SLIDER @ MEDIA */
.nectar-flickity:not(.masonry) .flickity-slider .cell img {
max-height: 480px;
min-height: 480px;
}
.nectar-button.bb-slider-button {
font-family: 'Flama';
font-size: 18px;
letter-spacing: 1.44px;
text-transform: uppercase;
color: #003C50;
}
.nectar-button.bb-slider-button-2 {
font-family: 'Flama';
font-size: 18px;
letter-spacing: 1.44px;
text-transform: uppercase;
color: #003C50 !important;
background: #003C50;
border: 1px solid #003C50 !important;
}
.nectar-flickity[data-controls*="arrows_overlaid"] .next::after, .nectar-flickity[data-controls*="arrows_overlaid"] .previous::after {
background-color: #003C50 !important;
}
.nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.previous {
position: absolute;
width: 40px;
height: 40px;
margin-left: -130px !important;
top: 110% !important;
left: 100% !important;
}
.nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.next {
position: absolute;
right: 0% !important;
width: 40px;
height: 40px;
top: 110% !important;
margin-right: 30px;
}
@media only screen and (min-width: 320px)and (max-width: 600px) {
.nectar-flickity:not(.masonry) .flickity-slider .cell img {
max-height: 380px !important;
min-height: 380px !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 1000px) {
.nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.previous {
margin-left: -110px !important;
top: 105% !important;
}
.nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.next {
top: 105% !important;
}
}
.nectar-flickity.nectar-carousel[data-format="default"][data-spacing*="default"][data-wrap="no-wrap"] .flickity-slider .cell {
margin-right: 15px;
}
.nectar-flickity.nectar-carousel[data-format="default"][data-spacing*="default"][data-wrap="no-wrap"] .flickity-slider .cell.is-selected {
margin-right: 15px;
}
.flickity-prev-next-button:disabled {
display: block !important
}
/* FLICKER END */
/* FOCUS */
#logo:focus-visible {
outline: 2px dashed #fff;
}
.load-more__btn:focus-visible span {
border: 2px dashed #003C50;
padding: 35px;
}
.load-more__btn:focus-visible {
border: none !important;
outline: none !important;
}
select:focus-visible, input:focus-visible, .attachment-link:focus-visible {
outline: 2px dashed #003C50;
}
.breadcrumb a:focus-visible {
outline: 2px dashed #003C50;
}
.t-check-in:focus-visible, .t-check-out:focus-visible {
outline: 2px dashed #003C50;
}
button:focus-visible {
outline: 2px dashed #003C50;
color: #003C50;
}
#bb-form input:focus-visible {
outline: 2px dashed #003C50;
color: #003C50;
border: 2px dashed #003C50;
}
#bb-form textarea:focus-visible {
outline: none !important;
color: #003C50;
border: 2px dashed #003C50;
}
.button a:focus-visible span {
border: 2px solid #003C50;
background: #fff;
color: #003C50;
}
body.material .nectar-button.large.see-through:focus-visible {
border: 2px solid #003C50 !important;
background: #fff !important;
color: #003C50 !important;
outline: none !important;
}
.vc_custom_heading a:focus-visible {
border: 2px solid #003C50;
background: #fff;
color: #003C50;
outline: none !important;
}
button span:focus-visible {
outline: 2px dashed #003C50;
}
.transparent #top nav > ul > li a:focus-visible {
border: 2px solid #fff;
background: #fff !important;
outline: none !important;
}
.transparent #top nav > ul > li a:focus-visible span {
color: #003C50 !important;
}
.transparent #top nav ul #search-btn a:focus-visible .icon-salient-search:before {
color: #003C50 !important;
}
.transparent .left-aligned-ocm .lines-button i::before, .transparent .left-aligned-ocm .lines-button i::after, .transparent .left-aligned-ocm .lines-button::after, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a:focus-visible .lines, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a:focus-visible .lines::before, #header-outer.transparent > #top nav ul .slide-out-widget-area-toggle a:focus-visible .lines::after, body.material #header-outer.transparent .slide-out-widget-area-toggle a:focus-visible .close-line {
background-color: #003C50 !important;
}
.off-canvas-menu-container > ul.menu > li a:focus-visible, input:focus-visible {
border: 2px solid #003C50;
background: #fff;
color: #003C50 !important;
outline: none !important;
}
#header-outer[data-lhe="animated_underline"].transparent #top nav > ul > li > a:focus-visible .menu-title-text::after, body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:focus-visible::after, #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a:focus-visible::after, #slide-out-widget-area .tagcloud a:hover {
border: none !important;
}
.bbfixed #top nav ul .slide-out-widget-area-toggle a:focus-visible {
border: 2px solid #003C50;
outline: none !important;
}
.bbfixed #top nav > ul > li > a:focus-visible .menu-title-text::after {
border:none !important;
}
a:focus-visible .next-arrow {
border: 2px dashed #003C50;
outline: none !important;
}
a:focus-visible.minimal-arrow {
border: none !important;
outline: none !important;
}
.bbfixed #top nav ul #search-btn a:focus-visible, .bbfixed #top nav > ul > li > a:focus-visible {
border: 2px solid #003C50;
outline: none !important;
}
/* button class */
.button a:focus-visible .inner, .bb-header .button a:focus-visible .inner {
border: 2px solid #003C50;
background: #fff;
color: #003C50;
}
input#bb-nl-email:focus-visible {
outline: 2px dashed #003C50;
}
input#bb-nl-submit:focus-visible {
background: #fff !important;
color: #003C50;
border: 2px dashed #003C50 !important;
}
#footer-outer[data-custom-color="true"] #footer-widgets a:not(.nectar-button):focus-visible {
width: 180px;
background: #fff;
color: #003C50 !important;
border: 2px solid #003C50 !important;
outline: none !important;
opacity: 1;
}
#footer-outer:not([data-cols="1"]) #copyright[data-layout="centered"] .social li a:focus-visible {
background: #fff;
outline: 2px solid #003C50 !important;
}
.bb-grid-system .button .inner:focus-visible, .bb-typ5 .header a:focus-visible h1 {
border: 2px solid #003C50;
background: #fff;
color: #003C50;
}
.bb-typ1.inner-text .inner .header:focus-visible a {
background: #fff;
}
.bb-typ1.inner-text .header a:focus-visible h2 {
border: 2px solid #003C50;
background: #fff;
color: #003C50;
border-radius: 0px !important;
text-align: center;
}
.bb-grid-system .button .inner:focus-visible a {
color: #003C50;
}
.bb-grid-system .button .inner a:focus-visible {
color: #003C50;
background: #fff;
padding: 1px;
width: 100%;
display: inherit;
outline: 2px solid #003C50;
}
a:focus-visible .img-with-animation, .nectar-post-grid-link:focus-visible {
border: 2px dashed #003C50;
}
.header a:focus-visible h2, .header a:focus-visible h3 {
border: 2px solid #003C50;
background: #fff;
color: #003C50;
border-radius: 0px !important;
}
.button a:focus-visible, .header a:focus-visible, .post-heading a:focus-visible {
outline: 0px !important;
}
.post-heading a:focus-visible {
border: 2px solid #003C50;
background: #fff;
border-radius: 0px !important;
}
.post-heading a:focus-visible span {
color: #003C50 !important;
}
a.img-loaded:focus-visible {
outline: 0px !important;
}
/* LANGUAGE */
.play_button.hidden{
opacity: 0 !important;
}
.language-switcher {
max-width: 30px;
}
#header-outer.transparent .language-switcher.bbcard .desktop-language {
}
#header-outer .sf-menu.language-switcher > .sfHover > ul.sub-menu {
top: 70% !important;
left: 12px;
display: flex;
}
#header-outer .sf-menu.language-switcher > .sfHover > ul.sub-menu > li {
display: inline;
}
.sf-menu.language-switcher > li ul {
padding: 0px;
width: 50px;
}
#header-outer[data-lhe="animated_underline"] #top nav > ul.language-switcher > li > a {
margin-top: 15px;
margin-left: 45px;
margin-right: 5px;
}
#header-outer[data-lhe="animated_underline"] #top nav > ul.language-switcher > li:first-child > a {
margin-left: 0px;
}
.page-template-template-binzerbuchtcard #header-outer.bbcard[data-format="centered-menu"] #top .span_9 nav .sf-menu.language-switcher {
justify-content:left !important;
}
#header-outer.transparent .language-switcher.bbcard .desktop-language::before {
content: url(../binz-child/images/content/pfeil-bbcard.svg);
object-fit: contain;
position: relative;
width: 19px;
left: 40px;
top: 0px;
height: 7px;
display: block;
}
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container ul.language-switcher.bbcard.mobile li ul.sub-menu {
margin-left: 35px;
display: flex;
width: 100%;
}
#slide-out-widget-area[data-dropdown-func].fullscreen-split .off-canvas-menu-container > ul.language-switcher.bbcard.mobile > li > ul.sub-menu {
background: transparent !important;
box-shadow: none !important;
}
ul.language-switcher.bbcard.mobile span.first::after {
content: url(../binz-child/images/content/pfeil.svg);
object-fit: contain;
position: relative;
width: 19px;
left: -40px;
top: -26px;
height: 7px;
display: block;
}
ul.language-switcher.bbcard.mobile .open-submenu span.first::after {
content: url(../binz-child/images/content/pfeil.svg);
object-fit: contain;
position: relative;
width: 19px;
left: -40px;
top: -4px;
height: 7px;
display: block;
transform:rotate(-180deg);
}
#slide-out-widget-area[data-dropdown-func].fullscreen-split .off-canvas-menu-container > ul.language-switcher.bbcard.mobile > li > ul > li:first-child {
margin-top: 5px;
}
#slide-out-widget-area[data-dropdown-func].fullscreen-split .off-canvas-menu-container > ul.language-switcher.bbcard.mobile > li > ul > li:first-child a {
color: #fff !important;
}
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container ul.language-switcher.bbcard.mobile li ul.sub-menu li {
}
body:not([data-header-format="left-header"]) #header-outer .sf-menu li ul {
background-color: transparent !important;
box-shadow: none !important;
}
#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a, #top .sf-menu li ul li a, #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a:active, #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a:focus, #top .sf-menu li ul li a:focus, #top .sf-menu li ul li a:active {
color: #003C50 !important;
font-size: 18px;
font-family: 'Flama';
background: transparent !important;
}
#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a:hover {
background: transparent !important;
color: #003C50 !important;
text-decoration: underline !important;
}
/* BBCARD */
.page-template-template-binzerbuchtcard .bb-header p strong {
margin-top: 15px;
display: block;
font-weight: bold !important;
}
#header-outer.bbcard.transparent > #top nav ul .slide-out-widget-area-toggle .lines-button::after, #header-outer.bbcard.transparent > #top nav ul .slide-out-widget-area-toggle a .lines::before, #header-outer.bbcard.transparent > #top nav ul .slide-out-widget-area-toggle a .lines::after {
background-color: #36a9e2 !important;
}
#header-outer.bbcard[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) {
text-align: left;
}
#header-outer.bbcard.transparent #top nav > ul > li > a, #header-outer.bbcard.transparent #top nav > .sf-menu > li > a {
color: #36a9e2 !important;
}
#header-outer.bbcard[data-lhe="animated_underline"].transparent #top nav > ul > li > a .menu-title-text::after {
border-color: #36a9e2 !important;
}
.page-template-template-binzerbuchtcard #to-top {
background-color: #36a9e2;
}
.page-template-template-binzerbuchtcard span.bb-card:before {
content: url("../binz-child/images/content/bb-card-blue.svg");
object-fit: contain;
position: absolute;
width: 24px;
left: -35px;
top: 0px;
height: 20px;
}
.page-template-template-binzerbuchtcard.mobile span.bb-card:before {
content: url("../binz-child/images/content/bb-card.svg");
object-fit: contain;
position: absolute;
width: 24px;
left: -35px;
top: 0px;
height: 20px;
}
.page-template-template-binzerbuchtcard .menu-title-text.bb-card {
width: auto;
}
#header-outer.bbcard[data-lhe="animated_underline"] #top nav > ul > li > a {
margin-top: 0px;
}
.page-template-template-binzerbuchtcard #header-outer.bbcard[data-format="centered-menu"] #top .span_9 nav .sf-menu:not(.buttons) {
justify-content: right;
}
#header-outer.bbcard.transparent #top nav ul #search-btn a .icon-salient-search, #header-outer.bbcard.transparent #top nav ul #search-btn a:hover span {
color: #36a9e2 !important;
}
#page-header-wrap.bbcard:not(.fullscreen-header) {
padding-top: 0;
padding-bottom: 0;
height: 100px !important;
}
#slide-out-widget-area.bbcard.fullscreen-split.bbstyle {
background-color: rgb(54, 169, 226) !important;
}
body.material #header-outer.bbcard #search-outer #search input[type="text"] {
border-color: #36a9e2;
}
#header-outer.bbcard #search-outer #search #close a::before, #header-outer.bbcard.transparent[data-permanent-transparent="false"] #top .slide-out-widget-area-toggle.mobile-icon i::before, #header-outer.bbcard.transparent[data-permanent-transparent="false"] #top .slide-out-widget-area-toggle.mobile-icon i::after {
background-color: #36a9e2 !important;
}
body.material #header-outer.bbcard #search-outer #search #search-box input[type="text"] {
color: #36a9e2 !important;
}
#header-outer.bbcard ::placeholder {
color: #36a9e2;
}
.page-template-template-binzerbuchtcard header .container {
padding:0 75px;
}
.page-template-template-binzerbuchtcard #head .bb-header h2 {
font-size: 40px;
line-height: 43px;
font-family: 'Flama';
text-transform: uppercase;
color: #36a9e2;
font-weight: 400;
letter-spacing:0px;
}
.page-template-template-binzerbuchtcard #head .bb-header h2.subtitle {
font-size: 40px;
line-height: 43px;
font-family: 'Flama';
text-transform: uppercase;
color: #003c50;
font-weight: 400;
letter-spacing:0px;
}
ol.bulletpoints {
margin: 0px;
}
.page-template-template-binzerbuchtcard #head .bulletpoints, .page-template-template-binzerbuchtcard #teaser .bulletpoints {
list-style: none;
counter-reset: steps;
list-style-position: inside;
padding: 0;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
align-content: center;
}
.page-template-template-binzerbuchtcard #head .bulletpoints li, .page-template-template-binzerbuchtcard #teaser .bulletpoints li {
position: relative;
counter-increment: steps;
font-family: "GothamXNarrow-Book";
font-size: 28px;
line-height: 1.2em;
color: #4A4A4A;
margin:0px 0px 22px 0px;
padding: 0px 0 0 80px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 54px;
}
.page-template-template-binzerbuchtcard #head .bulletpoints li::before, .page-template-template-binzerbuchtcard #teaser .bulletpoints li::before {
position: absolute;
top: 7px;
left: 0;
font-family: 'Flama';
font-size: 39px;
line-height: 46px;
color: #ffffff;
content: counter(steps) ".";
background: #36a9e2;
width: 54px;
height: 54px;
border-radius: 50%;
display: inline-grid;
place-items: center;
}
.page-template-template-binzerbuchtcard #teaser .bulletpoint {
padding: 1px 0 0 5px;
text-align: center;
display: block;
font-family: 'Flama';
font-size: 39px;
line-height: 54px;
color: #ffffff;
margin-right: 0.5rem;
background: #36a9e2;
border-radius: 50%;
width: 54px;
height: 54px;
margin-top: 20px;
margin-bottom: 15px;
}
.page-template-template-binzerbuchtcard #teaser p {
font-size: 22px;
text-rendering: geometricprecision;
letter-spacing: 1px;
padding-right: 50px;
line-height: 30px;
}
.page-template-template-binzerbuchtcard .download-fields {
display: flex;
flex-wrap: wrap;
margin: 100px 10%;
padding: 5em calc(169px - 2em);
background-color: #f4f5ee;
}
.page-template-template-binzerbuchtcard .attachment-link b {
margin-right: 0.5em;
color: #36a9e2;
font-weight: normal;
text-decoration: underline;
}
.page-template-template-binzerbuchtcard .download-fields li {
list-style-type: none;
color: #36a9e2;
}
.page-template-template-binzerbuchtcard .download-fields li:before{
display: inline-block;
content: '';
width: 3em;
height: 3em;
background-image: url('data:image/svg+xml;utf8,');
margin-right: 1em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.page-template-template-binzerbuchtcard #newsletter .row-bg.viewport-desktop.using-image.loaded {
background-image: url("/wp-content/uploads/2024/02/newsletter.png") !important;
}
.page-template-template-binzerbuchtcard #footer-outer .magazin-footer::before {
content: url(../binz-child/images/content/magazin-bbcard.svg);
}
.page-template-template-binzerbuchtcard #copyright .fa-facebook::before {
content: url("../binz-child/images/content/facebook-bbcard.svg");
}
.page-template-template-binzerbuchtcard #copyright .fa-youtube-play::before {
content: url("../binz-child/images/content/youtube-bbcard.svg");
}
.page-template-template-binzerbuchtcard #copyright .fa-instagram::before {
content: url("../binz-child/images/content/instagram-bbcard.svg");
}
.page-template-template-binzerbuchtcard #copyright .fa-twitter::before {
content: url("../binz-child/images/content/twitter-bbcard.svg");
}
.page-template-template-binzerbuchtcard #copyright svg {
fill: #36a9e2;
width: 15px;
height: 15px;
display: inline-block;
margin: 0 3px;
}
.page-template-template-binzerbuchtcard #footer-outer #copyright p {
color: #36a9e2;
}
.page-template-template-binzerbuchtcard #footer-outer[data-custom-color="true"] #footer-widgets a:not(.nectar-button) {
color: #36a9e2 !important;
opacity: 1;
}
.page-template-template-binzerbuchtcard #footer-outer[data-custom-color="true"] #footer-widgets a:not(.nectar-button):hover {
color: #003c50 !important;
opacity: 1;
}
.page-template-template-binzerbuchtcard .textwidget .footer-kontakt {
color: #36a9e2;
margin-bottom: 30px !important;
text-align: left;
}
.page-template-template-binzerbuchtcard #footer-outer .span_3 .widget:last-child {
text-align: left;
}
.page-template-template-binzerbuchtcard .bb-header h2 {
color: #36a9e2;
font-size: 80px;
line-height: 90px;
letter-spacing: 3.2px;
font-family: 'Flama';
text-transform: uppercase;
}
.page-template-template-binzerbuchtcard #teaser h3 {
color: #36a9e2;
margin: 0px 0px 24px 0px;
letter-spacing: 1px;
}
.page-template-template-binzerbuchtcard h3.vc_custom_heading {
font-size: 60px;
line-height: 1em;
}
.page-template-template-binzerbuchtcard .over-canvas {
display: none !important;
}
@media only screen and (min-width: 1250px) and (max-width: 1399px) {
.wpb_column.right_padding_desktop_30pct > .vc_column-inner {
padding-right: 0% !important;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1680px) {
.wpb_column.right_padding_desktop_30pct > .vc_column-inner {
padding-right: 15% !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.page-template-template-binzerbuchtcard .vc_row-fluid > .span_12 .wpb_column {
padding-left:0px;
padding-right:0px;
}
.page-template-template-binzerbuchtcard header .container {
padding:0 15px;
}
.page-template-template-binzerbuchtcard .wpb_wrapper h3.vc_custom_heading {
font-size: 40px !important;
line-height: 37px !important;
}
#header-outer.bbcard #top .col.span_3 #logo svg {
width: 350px;
padding-top: 0px;
margin: 0px;
height: auto;
}
#top .span_9 > .slide-out-widget-area-toggle, #top .mobile-search {
padding-top: 40px;
margin-right: 0px;
}
}
@media only screen and (max-width: 690px) {
.page-template-template-binzerbuchtcard #teaser p {
padding-right: 0px;
}
.page-template-template-binzerbuchtcard .textwidget .footer-kontakt {
text-align: center;
}
.page-template-template-binzerbuchtcard #footer-outer .span_3 .widget:last-child {
text-align: center;
}
.page-template-template-binzerbuchtcard .page-template-template-binzerbuchtcard .attachment-link b {
margin-right: 4.2px;
}
.page-template-template-binzerbuchtcard .download-fields li {
padding-bottom: 0px;
}
.page-template-template-binzerbuchtcard .attachment-link b {
line-height: 20px;
margin-bottom: 20px;
}
.page-template-template-binzerbuchtcard .download-fields {
display: flex;
flex-wrap: wrap;
margin: 0px 0%;
padding: 2em calc(40px - 2em);
background-color: #f4f5ee;
}
.page-template-template-binzerbuchtcard .download-fields li::before {
background-size: 50px 50px;
margin-right: 0px;
margin-left: 10px;
}
@media only screen and (max-width: 360px) {
.page-template-template-binzerbuchtcard .download-fields li::before {
background-size: 30px 30px;
margin-right: 20px;
margin-left: 20px;
}
.page-template-template-binzerbuchtcard .download-fields li a {
font-size: 18px;
}
}
.page-template-template-binzerbuchtcard .download-fields li a, .page-template-template-binzerbuchtcard .download-fields li span {
font-size: 20px;
max-width: 250px;
line-height: 25px;
}
.page-template-template-binzerbuchtcard #head .bulletpoints li {
font-size: 20px;
padding: 0px 0 0 65px;
}
.vc_row.top-level.full-width-section:not(.full-width-ns) > .span_12 {
padding-top: 10px !important;
}
.page-template-template-binzerbuchtcard #head .bulletpoints li::before {
font-size: 31px;
line-height: 37px;
width: 44px;
height: 44px;
}
.page-template-template-binzerbuchtcard #head li {
font-size: 20px;
}
.page-template-template-binzerbuchtcard #head li {
counter-increment: my-awesome-counter;
margin: 0px;
font-size: 28px;
line-height: 34px;
}
.page-template-template-binzerbuchtcard #head li::before {
font-size: 31px;
width: 44px;
height: 44px;
position: absolute;
}
.page-template-template-binzerbuchtcard #header-outer.side-widget-open .mobile-search {
float: left;
margin-left: 20px;
display: block;
position: relative;
right: 25px;
}
.page-template-template-binzerbuchtcard .wpb_wrapper h3.vc_custom_heading {
font-size: 40px !important;
line-height: 34.4px !important;
letter-spacing: 0px;
}
.page-template-template-binzerbuchtcard .wpb_wrapper p {
font-size: 20px;
line-height: 1.5em;
}
.page-template-template-binzerbuchtcard header .container {
padding: 0 0px;
}
.page-template-template-binzerbuchtcard .bb-header h2 {
color: #36a9e2;
font-size: 40px;
line-height: 45px;
letter-spacing: 1px;
}
#header-outer.bbcard #top .col.span_3 #logo svg {
width: 220px;
padding-top: 10px;
margin: 0px;
height: 75px;
}
.page-template-template-binzerbuchtcard #top .span_9 > .slide-out-widget-area-toggle, .page-template-template-binzerbuchtcard #top .mobile-search {
padding-top: 30px;
margin-right: 0px;
position: absolute;
}
}
/* FLIP BOOK */
.df-ui-nav .df-ui-btn::before {
color: #003c50;
filter: none;
}
.df-lightbox-wrapper .df-lightbox-close::before {
color: #003c50;
filter: none;
}
.df-ui-btn:hover, .df-ui-btn.df-active {
color: #003c50;
background-color: #fff;
}
.df-ui-btn.df-ui-share.df-icon-share {
display: none !important;
}
.df-popup-button {
font-family: 'GothamXNarrow-Book';
font-size: 20px;
line-height: 34px;
letter-spacing: 0.4px;
color: #889ca3 !important;
opacity: 1;
font-weight: normal !important;
}
.df-more-container > .df-ui-btn span {
font-size: 18px;
font-family: 'Flama';
color: #003C50;
}
.df-popup-button:hover, .df-popup-button {
background: none !important;
}
.df-popup-button:hover {
color: #003c50 !important;
opacity: 1;
}
.df-popup-button {
border-radius: 0px !important;
padding: 0 !important;
margin: 0px !important;
}
/* COLOR #003c50 Blue ; Light Blue #7f9ea8 ; HELL Blue #36a9e1 ; GRAU #ecf0f1 */
/* DATENSCHUTZ */
#datenschutz h1 {
color: #003C50;
font-size: 60px;
line-height: 70px;
letter-spacing: 3.2px;
font-family: 'Flama';
}
#datenschutz h3, #datenschutz h2 {
color: #889ca3;
font-size: 60px;
line-height: 70px;
letter-spacing: 3.2px;
font-family: 'Flama';
text-transform: uppercase;
}
@media only screen and (min-width: 320px)and (max-width: 999px) {
#datenschutz h1 {
color: #003C50;
font-size: 30px;
line-height: 30px;
padding-left: 30px;
}
#datenschutz h3, #datenschutz h2 {
font-size: 30px;
line-height: 30px;
padding-left: 30px;
}
.page-template-template-binzerbuchtcard #datenschutz h3, .page-template-template-binzerbuchtcard #datenschutz h2, .page-template-template-binzerbuchtcard #datenschutz h1 {
font-size: 30px;
line-height: 30px;
padding-left: 0px;
}
}
/* SEARCH HEADER */
body.search .row_col_wrap_12_inner > h3, body.search .row_col_wrap_12_inner > p {
width: 100% !important;
}
body.search-no-results[data-header-resize] .container-wrap {
padding: 0% 0 !important;
}
body.search-no-results #search-results input[type="text"] {
border: 1px solid #444;
}
body.search-no-results .search-form {
width: 50%;
}
/* ALL EDIT */
body.page-template-template-tourbis-detail, body #ajax-content-wrap .toubiz-widget {
line-height:normal !important;
}
#ajax-content-wrap .vc_row.bb-gallery .row_col_wrap_12 {
padding-left: 30px !important;
}
#ajax-content-wrap .vc_row.bb-gallery .row_col_wrap_12 {
padding-right: 30px !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Flama';
font-weight: normal !important;
margin-bottom: 0px;
text-transform: uppercase;
}
p {
padding-bottom: 0px;
}
body h5, .row .col h5 {
margin-bottom: 0px;
}
h5 {
margin-bottom: 0px;
}
ul li {
list-style: none;
list-style-position:inherit;
}
a {
text-decoration: none !important;
}
body i, body em, .masonry.meta_overlaid article.post .post-header .meta-author > span, .post-area.masonry.meta_overlaid article.post .post-meta .date, .post-area.masonry.meta_overlaid article.post.quote .quote-inner .author, .post-area.masonry.meta_overlaid article.post.link .post-content .destination, body .testimonial_slider[data-style="minimal"] blockquote span.title {
font-size: inherit;
}
/* OVER MENU WHEN OPEN */
.over-canvas {
display: none;
height: 80px;
width: 39.2%;
background-color: rgb(136, 156, 163) !important;
z-index: 9999;
position: absolute;
right: -30px;
}
/* DE MENU */
.mobile-language, .mobile-language-sub-menu {
display: none;
}
.bold, strong, b {
font-family: 'GothamXNarrow-Book';
font-weight: normal;
}
/* HEADER LOGO END */
/* RIGHT MENU*/
body #slide-out-widget-area .inner .off-canvas-menu-container li a {
font-size : 30px;
line-height : 50px;
letter-spacing : 1.2px;
}
#slide-out-widget-area.fullscreen-split.bbstyle {
background-color: rgb(136, 156, 163) !important;
left: 62% !important;
width: 80% !important;
overflow-y: hidden;
}
#slide-out-widget-area.fullscreen-split.bbstyle .left-side {
width: 100%;
}
#slide-out-widget-area.fullscreen-split.open.bbstyle .right-side {
display: none;
}
#slide-out-widget-area.fullscreen-split.bbstyle .inner > .container {
padding-top: 0px;
padding-bottom: 30px;
margin-top: 15px;
}
#slide-out-widget-area.fullscreen-split.bbstyle .inner > .container {
left: -47px;
}
body #header-outer[data-transparent-header="true"], body #header-outer[data-transparent-header="true"] .cart-menu {
transition: none !important;
}
#slide-out-widget-area-bg.open {
transition: none !important;
}
#slide-out-widget-area-bg.open.light {
background: #000;
}
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li {
margin-bottom: 5px !important;
}
/* HEADER FIXED */
.bbfixed {
position: fixed !important;
}
body[data-hhun="1"]:not(.no-scroll) #header-outer[data-remove-fixed="1"]:not(.detached) {
top: 0px;
height: 92px;
}
body.page-template-template-tourbis-detail[data-hhun="1"]:not(.no-scroll) #header-outer[data-remove-fixed="1"]:not(.detached) {
z-index: 6;
}
body.page-template-template-tourbis-detail[data-hhun="1"]:not(.no-scroll) #header-outer.side-widget-open[data-remove-fixed="1"]:not(.detached) {
z-index: 999999;
}
/* SCROLL HEADER */
#header-outer.scrolled-down.bbfixed #top .span_3 {
padding-top: 0px !important;
}
#header-outer.scrolled-down.bbfixed #logo img, #header-outer.scrolled-down.bbfixed .logo-spacing img {
height: 46px;
}
/* LOGO */
#header-space {
height: 88px !important;
}
#header-outer #logo, #header-outer .logo-spacing {
margin-top: 0px;
}
#header-outer[data-format="centered-menu"] #top .span_3, #header-outer[data-format="centered-menu"] #top .span_9 {
height: 92px;
}
#header-outer.scroll[data-format="centered-menu"] #top .span_3, #header-outer.scroll[data-format="centered-menu"] #top .span_9 {
height: 92px;
padding-top:0px;
}
#header-outer[data-format="centered-menu"] #top nav >.buttons {
padding-top: 0px;
}
#header-outer[data-format="centered-menu"] #top .span_3 {
padding-top: 30px;
}
#header-outer #logo {
margin-bottom: 0px;
}
#header-outer[data-full-width="true"] header > .container {
padding: 0px 30px 0px 28px;
}
/* TOP NAV */
#top nav > ul > li > a {
font-size: 16px;
text-transform: uppercase;
}
.lines:before {
width: 100%;
}
#header-outer nav > ul > .megamenu.nectar-megamenu-menu-item > .sub-menu {
top: 80px;
}
@media only screen and (min-width: 1300px) and (max-width: 1500px) {
body #page-header-bg h1, html body .row .col.section-title h1 {
font-size: 35px;
}
}
body #page-header-bg .span_6 span.subheader, body #page-header-bg .span_6 span.subheader i {
font-family: 'Flama';
font-weight: 500;
font-style: normal;
font-size: 110px;
letter-spacing: 3.3px;
}
body #page-header-bg .span_6 span.subheader i {
color: #003C50;
}
@media only screen and (min-width: 200px) and (max-width: 1500px) {
#page-header-bg .span_6 h1 {
font-size: 32px !important;
}
}
@media only screen and (min-width: 500px) and (max-width: 999px) {
body #page-header-bg.fullscreen-header .span_6 span.subheader, .overlaid-content .subheader {
font-size: 70px!important;
}
}
/* LAST MENU POINT */
@media only screen and (min-width: 1000px) {
.menu-title-text.bb-card {
width: 105px;
}
}
/* RIGHT MENU SIZE */
@media only screen and (min-width: 768px) and (max-width: 999px) {
#slide-out-widget-area.fullscreen-split.bbstyle {
background-color: rgb(136, 156, 163) !important;
left: 40% !important;
width: 80% !important;
}
#slide-out-widget-area.fullscreen-split.bbstyle .off-canvas-menu-container > ul > li {
margin-bottom: 8px;
}
}
/* RIGHT MENU SIZE */
@media only screen and (min-width: 560px) and (max-width: 767px) {
#slide-out-widget-area.fullscreen-split.bbstyle {
background-color: rgb(136, 156, 163) !important;
left: 40% !important;
width: 80% !important;
}
#slide-out-widget-area.fullscreen-split.bbstyle .off-canvas-menu-container > ul > li {
margin-bottom: 8px;
}
}
/* RIGHT MENU SIZE */
@media only screen and (min-width: 500px) and (max-width: 559px) {
#slide-out-widget-area.fullscreen-split.bbstyle {
background-color: rgb(136, 156, 163) !important;
left: 40% !important;
width: 80% !important;
}
}
@media only screen and (max-width: 500px) {
#slide-out-widget-area.fullscreen-split.bbstyle {
background-color: rgb(136, 156, 163) !important;
left: 17% !important;
width: 80% !important;
}
}
/* OVERRIDE HEADER */
.page-template-default:not(.single-post) #page-header-bg:not(.fullscreen-header), .page-template-default #page-header-wrap:not(.fullscreen-header), #page-header-wrap:not(.fullscreen-header), .page-template-template-corona:not(.single-post) #page-header-bg:not(.fullscreen-header), .page-template-template-corona #page-header-wrap:not(.fullscreen-header), #page-header-wrap:not(.fullscreen-header) {
padding-top: 0;
padding-bottom: 0;
height: 65vh !important;
}
body:not(.single-post) #page-header-bg[data-padding-amt="low"]:not(.fullscreen-header) {
padding-top: 0px;
padding-bottom: 0px;
}
/* WEBCAM HEADER */
body.page-template-webcam[data-bg-header="true"] .container-wrap{
padding-top: 0px !important;
margin-top: 0 !important;
padding-bottom: 0px !important;
}
body.page-template-webcam .vc_row-fluid > .span_12 .wpb_column {
padding-left: 0px;
padding-right: 0px !important;
}
/*
@media only screen and (min-width: 501px)and (max-width: 999px) {
.span_9 > .slide-out-widget-area-toggle {
display: block;
left: 92% !important;
}
#header-outer.scroll #top .span_9 > .slide-out-widget-area-toggle, #header-outer.scroll #top .mobile-search {
padding-top: 15px;
left: 92% !important;
}
}
*/
/*START MOBIL */
@media only screen and (min-width: 320px)and (max-width: 999px) {
#fullscreenbtn_binz, #fullscreenbtn_prora {
width: 11.69% !important;
top:-30px !important;
}
iframe.embed-responsive-item {
width: 100% !important;
max-width: 100% !important;
}
.nectar-global-section .vc_row.right_padding_120px .row_col_wrap_12 {
padding-right: 30px;
}
.nectar-global-section .vc_row.left_padding_120px .row_col_wrap_12 {
padding-left: 30px;
}
ol {
margin-left: 50px;
}
#bb-nl-submit {
width: 50% !important;
}
body.page-template-template-tourbis-detail .breadcrumb {
padding-top: 90px !important;
padding-bottom: 0px !important;
}
body .container-wrap .inner_row[data-column-margin="24px"] .child_column {
border-left: 0px solid transparent !important;
border-right: 0px solid transparent !important ;
padding-bottom: 24px;
}
body .container-wrap .inner_row[data-column-margin="24px"] .child_column:first-child {
border-left:0px solid #fff !important;
border-right:0px solid #fff !important;
padding-bottom: 10px;
}
.nectar-post-grid[data-columns="3"][data-grid-spacing="none"] .nectar-post-grid-item {
width: 33.333%;
margin: 0;
border-right: 0px solid transparent;
}
body .container-wrap .inner_row[data-column-margin="24px"] .child_column:last-child {
border-left:0px solid #fff !important;
border-right:0px solid #fff !important;
padding-bottom: 10px;
}
/*WRAPPER */
body .container-wrap .vc_row-fluid[data-column-margin="20px"] .wpb_column:not(.child_column) {
padding-left: 0px !important;
padding-right: 0px !important;
}
.wpb_wrapper ul li, .wpb_wrapper ol li {
font-size: 20px;
line-height: 30px;
letter-spacing: 0.4px;
}
body.page-template-template-list:not(.single-post) #page-header-bg:not(.fullscreen-header) {
padding-top: 0px;
padding-bottom: 0px;
height: 65vh !important;
}
#header-space {
height: 70px !important;
}
body.tax-listing_categories #header-space {
height: 0px !important;
}
.oesults {
padding-top: 20px;
margin-left: 25px;
padding-bottom: 20px !important;
}
/* BLOG FILTER */
body[data-button-style*="slightly_rounded"] .nectar-post-grid-filters h4 {
border-radius: 0px;
}
/*LANGUAGE MENU MOBILE */
#header-outer.scroll[data-format="centered-menu"] #top .span_3, #header-outer.scroll[data-format="centered-menu"] #top .span_9 {
height: 60px;
padding-top: 0px;
}
#header-outer.side-widget-open .mobile-language {
float: left;
margin-left: 26px;
display: block;
font-size: 20px;
letter-spacing: 1.2px;
color: #FFFFFF;
font-family: 'Flama';
padding-top: 26px;
height: 30px;
}
.mobile-language, .mobile-language-sub-menu {
display: none;
}
.mobile-language::before {
content: url(../binz-child/images/content/pfeil.svg);
object-fit: contain;
position: relative;
width: 19px;
left: 25px;
top: 2px;
height: 7px;
}
.mobile-language a {
font-family: 'Flama';
font-size : 20px;
letter-spacing : 1.2px;
}
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li {
margin-bottom: 0px !important;
}
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container.mobile-only > ul > li {
margin-bottom: 12px !important;
}
/* HAMBURGER */
.off-canvas-menu-container {
padding-top: 25px;
}
.off-canvas-menu-container.mobile-only {
padding-top: 40px;
}
/* HEADER MOBIL / LOGO */
body #header-outer[data-full-width="true"] header > .container {
padding: 0 10px;
}
#header-outer[data-format="centered-menu"] #top .span_9 {
height: 70px;
margin-right: 24px;
}
#top .span_9 > .slide-out-widget-area-toggle {
right: -24px !important;
}
body #header-outer {
padding: 10px 0;
}
body[data-hhun="1"]:not(.no-scroll) #header-outer[data-remove-fixed="1"]:not(.detached) {
height: 70px !important;
}
body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines::before {
width: 30px !important;
}
#header-outer .slide-out-widget-area-toggle .lines::after {
width: 30px !important;
}
#top .slide-out-widget-area-toggle a span, #top .lines, .slide-out-widget-area-toggle .lines-button:after, #top .lines:after {
width: 30px;
}
.slide-out-widget-area-toggle.mobile-icon .lines-button::after {
width: 30px !important;
}
#top .slide-out-widget-area-toggle a .close-wrap {
height: 30px;
}
body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines::before {
top: 7px;
}
#header-outer .slide-out-widget-area-toggle.mobile-icon .lines::after {
top: -7px;
}
/*
.post-template-default #page-header-bg:not(.fullscreen-header), body.post-template-default #page-header-wrap {
height: 75vh !important;
}
*/
.page-template-template-corona:not(.single-post) #page-header-bg:not(.fullscreen-header) .span_6.empty-title, .page-template-wishlist:not(.single-post) #page-header-bg:not(.fullscreen-header) .span_6.empty-title {
top: 35% !important;
}
body #page-header-bg.fullscreen-header .span_6 span.subheader, body #page-header-bg .span_6 span.subheader i {
font-size : 55px !important;
letter-spacing : 1.95px;
}
#header-outer[data-format="centered-menu"] #top .span_3 {
height: 60px;
}
.scroll-down-wrap.minimal-arrow {
transform: scale(0.9);
}
#page-header-bg .span_6 h1 {
margin-bottom: 15px;
}
#page-header-bg.fullscreen-header .span_6 h1 {
margin-bottom: 35px;
}
#page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap {
padding-top: 210px !important;
}
body #page-header-bg h1::after {
top: 2px !important;
left: 42% !important;
}
#slide-out-widget-area.fullscreen-split.bbstyle .inner > .container {
margin: 0px !important;
}
#header-outer[data-format="centered-menu"] #top .span_9 {
height: 60px;
}
#top .span_9 > .slide-out-widget-area-toggle, #top .mobile-search {
padding-top: 20px;
margin-right: 18px;
}
#header-outer .mobile-search .icon-salient-search {
font-size: 20px;
}
#header-outer.scroll #top .span_9 > .slide-out-widget-area-toggle, #header-outer.scroll #top .mobile-search {
padding-top: 20px;
}
#header-outer.side-widget-closed .mobile-search, #header-outer.transparent .mobile-search, #header-outer.scrolled-down .mobile-search {
display: none;
}
.page-template-template-tourbis-detail #header-outer .mobile-search, .page-template-template-binzerbucht-map #header-outer .mobile-search, .page-template-webcam #header-outer .mobile-search {
display: none;
}
#page-template-template-binzerbucht-map #header-outer.material-search-open > #top .span_3 {
display: none;
}
#header-outer.material-search-open > #top .span_3 {
display: none;
}
#slide-out-widget-area.fullscreen-split.bbstyle .inner > .container {
left: 0px;
padding-left: 30px;
padding-top:0px;
margin: 0px !important;
}
/* ICONS FONTS */
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul:not(.mobile) > li > a {
font-size : 26px !important;
line-height : 50px !important;
letter-spacing : 1.2px !important;
}
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul.mobile > li > a {
font-size : 20px !important;
letter-spacing : 1.2px !important;
margin-left: 40px;
padding-left: 0px;
}
.over-canvas {
display: none !important;
}
.slide-out-widget-area .container.normal-container{
max-width: 100% !important;
margin: 0px !important;
}
.menu-merkliste a.merkliste::before {
left: 85px !important;
}
.merkliste .menu-title-text::before {
width: 28px;
left: -45px;
}
span.events::before, span.webcams::before, span.bb-card::before, span.webcams::before, span.bb-booking::before {
left: -40px !important;
}
span.events::before {
top: 1px;
}
.merkliste .menu-title-text::before {
left: -44px !important;
top: 0px !important;
}
#header-outer.side-widget-open .mobile-search {
float: left;
margin-left: 20px;
display: block;
}
#header-outer[data-format="centered-menu"] #top .span_3 {
padding-top: 0px;
}
#top .col.span_9 {
top:-15px;
}
}
body #page-header-bg h1 {
margin-bottom:35px;
}
body #page-header-bg h1:not(.header-wrap-txt h1)::after {
content: url(../binz-child/images/content/welle.svg);
width: 62px;
position: relative;
object-fit: contain;
top: -15px;
left: 47%;
text-align: center;
display: block;
}
#page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap {
padding-top: 200px;
}
body #page-header-bg h1:not(.header-wrap-txt h1), html body .row .col.section-title h1 {
font-family: 'Flama';
font-size : 30px;
letter-spacing : 2.4px;
font-weight: normal;
}
body #slide-out-widget-area.bbstyle .inner .off-canvas-menu-container li a {
font-family: 'Flama';
letter-spacing: 1px;
font-weight: normal;
font-style: normal;
}
/*MENU UNTERMENU LINK UNDERLINE */
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li.current-page-ancestor a::after {
backface-visibility: hidden;
-webkit-transform: scaleX(1);
transform: scaleX(1);
border-color: #ffffff;
}
@font-face {
font-family: 'GothamXNarrow';
src: url("includes/fonts/gothamXNarrow/GothamXNarrow-Light.eot?#iefix") format("embedded-opentype"), url("includes/fonts/gothamXNarrow/GothamXNarrow-Light.otf") format("opentype"), url("includes/fonts/gothamXNarrow/GothamXNarrow-Light.woff") format("woff"), url("includes/fonts/gothamXNarrow/GothamXNarrow-Light.ttf") format("truetype"), url("includes/fonts/gothamXNarrow/GothamXNarrow-Light.svg") format("svg");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'GothamXNarrow-Medium';
src:url('includes/fonts/gothamXNarrow/GothamXNarrow-Medium.woff') format('woff'),
url('includes/fonts/gothamXNarrow/GothamXNarrow-Medium.woff2') format('woff2'),
url('includes/fonts/gothamXNarrow/GothamXNarrow-Medium.eot'),
url('includes/fonts/gothamXNarrow/GothamXNarrow-Medium.eot?#iefix') format('embedded-opentype'),
url('includes/fonts/gothamXNarrow/GothamXNarrow-Medium.otf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'GothamXNarrow-Book';
src:url('includes/fonts/gothamXNarrow/GothamXNarrow-Book.woff') format('woff'),
url('includes/fonts/gothamXNarrow/GothamXNarrow-Book.woff2') format('woff2'),
url('includes/fonts/gothamXNarrow/GothamXNarrow-Book.eot'),
url('includes/fonts/gothamXNarrow/GothamXNarrow-Book.eot?#iefix') format('embedded-opentype'),
url('includes/fonts/gothamXNarrow/GothamXNarrow-Book.otf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*FLAMA*/
@font-face {font-family: "Flama";
src: url("includes/fonts/flama/flama-basic.eot"); /* IE9*/
src: url("includes/fonts/flama/flama-basic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("includes/fonts/flama/flama-basic.woff2") format("woff2"), /* chrome、firefox */
url("includes/fonts/flama/flama-basic.woff") format("woff"), /* chrome、firefox */
url("includes/fonts/flama/flama-basic.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url("includes/fonts/flama/flama-basic.svg#Flama Condensed Basic Regular") format("svg"); /* iOS 4.1- */
font-display: swap;
}
@font-face {
font-family: 'ui-bb';
src: url('includes/fonts/ui-bb/ui-bb.eot?3rhp6g');
src: url('includes/fonts/ui-bb/ui-bb.eot?3rhp6g#iefix') format('embedded-opentype'),
url('includes/fonts/ui-bb/ui-bb.ttf?3rhp6g') format('truetype'),
url('includes/fonts/ui-bb/ui-bb.woff?3rhp6g') format('woff'),
url('includes/fonts/ui-bb/ui-bb.svg?3rhp6g#ui-bb') format('svg');
font-weight: normal;
font-display:swap;
font-style: normal;
}
@font-face {font-family: "Eckhart";
src: url("includes/fonts/Eckhart-TextBook/eckhart.eot"); /* IE9*/
src: url("includes/fonts/Eckhart-TextBook/eckhart.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("includes/fonts/Eckhart-TextBook/eckhart.woff2") format("woff2"), /* chrome、firefox */
url("includes/fonts/Eckhart-TextBook/eckhart.woff") format("woff"), /* chrome、firefox */
url("includes/fonts/Eckhart-TextBook/eckhart.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url("includes/fonts/Eckhart-TextBook/eckhart.svg#Eckhart-TextBook") format("svg"); /* iOS 4.1- */
font-weight: normal;
font-display:swap;
font-style: normal;
}
/* NAV TOP */
span.webcams:before {
content: url(../binz-child/images/content/webcam.svg);
object-fit: contain;
position: absolute;
width: 19px;
left: -34px;
top: 1px;
height: 12px;
}
.scrolled-down.bbfixed:not(.transparent) span.webcams:before {
content: url(../binz-child/images/content/webcam-scroll.svg);
}
span.events:before {
content: url(../binz-child/images/content/events.svg);
object-fit: contain;
position: absolute;
width: 18px;
left: -35px;
top: 0px;
height: 20px;
}
.scrolled-down.bbfixed:not(.transparent) span.events:before {
content: url(../binz-child/images/content/events-scroll.svg);
}
.merkliste .menu-title-text:before {
content: url(../binz-child/images/content/herz.svg);
object-fit: contain;
position: absolute;
width: 28px;
left: -35px;
top: -5px;
height: 28px;
}
.scrolled-down.bbfixed:not(.transparent) .merkliste .menu-title-text:before {
content: url(../binz-child/images/content/herz-scroll.svg);
}
.menu-merkliste a.merkliste:before {
content: url(../binz-child/images/content/blase.svg);
object-fit: contain;
position: absolute;
width: 30px;
left:60px;
top: -23px;
height: 30px;
display: block;
}
.scrolled-down.bbfixed:not(.transparent) .menu-merkliste a.merkliste:before {
content: url(../binz-child/images/content/blase-scroll.svg);
}
.menu-merkliste .count {
position: absolute;
top: -20px;
left: calc(66px - 5px);
font-size: 18px;
font-family: 'Flama';
color: #003c50;
display: inline-block;
}
.menu-merkliste .count.desktop {
top: -21px;
}
.menu-merkliste .count.distance {
left: 69px;
}
.menu-merkliste .count {
left: 71px;
}
.menu-merkliste .count.one {
left: 73px;
}
.scrolled-down.bbfixed:not(.transparent) .menu-merkliste .count {
color: #fff;
}
span.sprache:before {
content: url(../binz-child/images/content/pfeil.svg);
object-fit: contain;
position: absolute;
width: 19px;
left: 25px;
top: -3px;
height: 7px;
}
.scrolled-down.bbfixed:not(.transparent) span.sprache:before {
content: url(../binz-child/images/content/pfeil-scroll.svg);
}
span.bb-card:before {
content: url(../binz-child/images/content/bb-card.svg);
object-fit: contain;
position: absolute;
width: 24px;
left: -35px;
top: 0px;
height: 20px;
}
.scrolled-down.bbfixed:not(.transparent) span.bb-card:before {
content: url(../binz-child/images/content/bb-card-scroll.svg);
}
span.bb-booking:before {
content: url(../binz-child/images/content/buchen.svg);
object-fit: contain;
position: absolute;
width: 22px;
left: -35px;
top: 2px;
height: 20px;
}
.scrolled-down.bbfixed:not(.transparent) span.bb-booking:before {
content: url(../binz-child/images/content/buchen-scroll.svg);
}
#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {
margin-top:15px;
margin-left: 45px;
margin-right: 45px;
}
#header-outer[data-lhe="animated_underline"] #top nav > ul > li:first-child > a {
margin-left: 90px;
}
#header-outer[data-lhe="animated_underline"] #top nav > ul > li.menu-merkliste > a {
margin-right: 65px;
}
#header-outer[data-lhe="animated_underline"] #top nav > ul > li.menu-events > a {
margin-top: 15px;
margin-left: 30px;
margin-right: 30px;
}
#header-outer[data-lhe="animated_underline"] #top nav > ul > li.menu-sprache > a {
margin-top: 15px;
margin-left: 15px;
margin-right: 60px;
}
body.material #header-outer[data-full-width="true"]:not([data-format="left-header"]) #top nav > .buttons {
margin-top: 7px;
}
/*******************************************************************************
TEASER BG / GRADIENT 1-3 / .bb-typ1 .hover-wrap-inner::before
********************************************************************************/
.hover-wrap-inner.gradient2::before, .bb-typ1 .hover-wrap-inner.gradient2::before, .bb-typ1_169 .hover-wrap-inner.gradient2::before, .bb-typ2 .hover-wrap-inner.gradient2::before, .bb-typ3 .hover-wrap-inner.gradient2::before, .bb-typ4 .hover-wrap-inner.gradient2::before, .bb-typ5 .hover-wrap-inner.gradient2::before, .bb-slider .hover-wrap-inner.gradient2::before, .bb-teaser-after .hover-wrap-inner.gradient2::before, .bb-image-alone .hover-wrap-inner.gradient2::before {
background : -moz-linear-gradient(50% 100% 90deg,rgba(0, 60, 80, 0.4) 10%,rgba(4, 63, 83, 0.33) 19.99%,rgba(17, 72, 90, 0.26) 30.34%,rgba(37, 86, 103, 0.19) 40.86%,rgba(66, 107, 121, 0.12) 51.49%,rgba(103, 133, 143, 0.05) 62.11%,rgba(136, 156, 163, 0) 70%);
background : -webkit-linear-gradient(90deg, rgba(0, 60, 80, 0.4) 10%, rgba(4, 63, 83, 0.33) 19.99%, rgba(17, 72, 90, 0.26) 30.34%, rgba(37, 86, 103, 0.19) 40.86%, rgba(66, 107, 121, 0.12) 51.49%, rgba(103, 133, 143, 0.05) 62.11%, rgba(136, 156, 163, 0) 70%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.1,rgba(0, 60, 80, 0.4) ),color-stop(0.1999,rgba(4, 63, 83, 0.33) ),color-stop(0.3034,rgba(17, 72, 90, 0.26) ),color-stop(0.4086,rgba(37, 86, 103, 0.19) ),color-stop(0.5149,rgba(66, 107, 121, 0.12) ),color-stop(0.6211,rgba(103, 133, 143, 0.05) ),color-stop(0.7,rgba(136, 156, 163, 0) ));
background : -o-linear-gradient(90deg, rgba(0, 60, 80, 0.4) 10%, rgba(4, 63, 83, 0.33) 19.99%, rgba(17, 72, 90, 0.26) 30.34%, rgba(37, 86, 103, 0.19) 40.86%, rgba(66, 107, 121, 0.12) 51.49%, rgba(103, 133, 143, 0.05) 62.11%, rgba(136, 156, 163, 0) 70%);
background : -ms-linear-gradient(90deg, rgba(0, 60, 80, 0.4) 10%, rgba(4, 63, 83, 0.33) 19.99%, rgba(17, 72, 90, 0.26) 30.34%, rgba(37, 86, 103, 0.19) 40.86%, rgba(66, 107, 121, 0.12) 51.49%, rgba(103, 133, 143, 0.05) 62.11%, rgba(136, 156, 163, 0) 70%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#003C50', endColorstr='#889CA3' ,GradientType=0)";
background : linear-gradient(0deg, rgba(0, 60, 80, 0.4) 10%, rgba(4, 63, 83, 0.33) 19.99%, rgba(17, 72, 90, 0.26) 30.34%, rgba(37, 86, 103, 0.19) 40.86%, rgba(66, 107, 121, 0.12) 51.49%, rgba(103, 133, 143, 0.05) 62.11%, rgba(136, 156, 163, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3',endColorstr='#003C50' , GradientType=0);
}
.hover-wrap-inner.gradient3::before, .bb-typ1 .hover-wrap-inner.gradient3::before, .bb-typ1_169 .hover-wrap-inner.gradient3::before, .bb-typ2 .hover-wrap-inner.gradient3::before, .bb-typ3 .hover-wrap-inner.gradient3::before, .bb-typ4 .hover-wrap-inner.gradient3::before, .bb-typ5 .hover-wrap-inner.gradient3::before, .bb-slider .hover-wrap-inner.gradient3::before, .bb-teaser-after .hover-wrap-inner.gradient3::before, .bb-image-alone .hover-wrap-inner.gradient3::before {
background : -moz-linear-gradient(50% 100% 90deg,rgba(136, 156, 163, 0.4) 10%,rgba(136, 156, 163, 0) 70%);
background : -webkit-linear-gradient(90deg, rgba(136, 156, 163, 0.4) 10%, rgba(136, 156, 163, 0) 70%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.1,rgba(136, 156, 163, 0.4) ),color-stop(0.7,rgba(136, 156, 163, 0) ));
background : -o-linear-gradient(90deg, rgba(136, 156, 163, 0.4) 10%, rgba(136, 156, 163, 0) 70%);
background : -ms-linear-gradient(90deg, rgba(136, 156, 163, 0.4) 10%, rgba(136, 156, 163, 0) 70%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3', endColorstr='#889CA3' ,GradientType=0)";
background : linear-gradient(0deg, rgba(136, 156, 163, 0.4) 10%, rgba(136, 156, 163, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3',endColorstr='#889CA3' , GradientType=0);
}
.hover-wrap-inner.gradient4::before, .bb-typ1 .hover-wrap-inner.gradient4::before, .bb-typ1_169 .hover-wrap-inner.gradient4::before, .bb-typ2 .hover-wrap-inner.gradient4::before, .bb-typ3 .hover-wrap-inner.gradient4::before, .bb-typ4 .hover-wrap-inner.gradient4::before, .bb-typ5 .hover-wrap-inner.gradient4::before, .bb-slider .hover-wrap-inner.gradient4::before, .bb-teaser-after .hover-wrap-inner.gradient4::before, .bb-image-alone .hover-wrap-inner.gradient4::before, .bb-typ1-slider .hover-wrap-inner.gradient4::before {
background : linear-gradient(182deg,transparent 50%,rgba(0,0,0,0.7));
bottom: 0px;
}
.hover-wrap-inner.gradientN::before, .bb-typ1 .hover-wrap-inner.gradientN::before, .bb-typ1_169 .hover-wrap-inner.gradientN::before, .bb-typ2 .hover-wrap-inner.gradientN::before, .bb-typ3 .hover-wrap-inner.gradientN::before, .bb-typ4 .hover-wrap-inner.gradientN::before, .bb-typ5 .hover-wrap-inner.gradientN::before, .bb-slider .hover-wrap-inner.gradientN::before, .bb-teaser-after .hover-wrap-inner.gradientN::before, .bb-image-alone .hover-wrap-inner.gradientN::before {
background : none !important;
}
/*******************************************************************************
TEASER
********************************************************************************/
/* TEASER Quadratisch*/
.bb-typ1 .article-content-wrap {
position: absolute;
top: 70%;
width: 100%;
z-index: 11;
text-align: center;
}
.bb-typ1 .article-content-wrap .post-header {
margin-bottom: 12px;
}
.bb-typ1 .article-content-wrap .post-header .title {
color: #fff;
text-transform: uppercase;
}
.bb-typ1 .article-content-wrap .post-header h2.title {
font-size : 50px;
letter-spacing : 2px;
font-family: 'Flama';
}
.img-with-aniamtion-wrap.bb-typ1 p, .img-with-aniamtion-wrap.bb-typ1 h2, .img-with-aniamtion-wrap.bb-typ1-slider p, .img-with-aniamtion-wrap.bb-typ1-slider h2 {
z-index: 1;
}
.img-with-aniamtion-wrap.bb-typ1 img {
object-fit: cover;
width:100%;
height:30vw;
}
/* TEASER Slider*/
.bb-typ1-slider .article-content-wrap {
position: absolute;
top: 70%;
width: 100%;
z-index: 11;
text-align: center;
}
.bb-typ1-slider .article-content-wrap .post-header {
margin-bottom: 12px;
}
.bb-typ1-slider .article-content-wrap .post-header .title {
color: #fff;
text-transform: uppercase;
}
.bb-typ1-slider .article-content-wrap .post-header h2.title {
font-size : 50px;
letter-spacing : 2px;
font-family: 'Flama';
}
.bb-typ1-slider .hover-wrap-inner::before {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
left: 0px;
}
.bb-typ1-slider .hover-wrap a {
cursor: pointer;
}
.img-with-aniamtion-wrap.bb-typ1-slider p, .img-with-aniamtion-wrap.bb-typ1-slider h2 {
z-index: 1;
}
.img-with-aniamtion-wrap.bb-typ1-slider img {
object-fit: cover;
width:100%;
height:30vw;
}
/* TEXT INNER TYP 1 */
.vc_col-sm-6 .img-with-aniamtion-wrap.bb-typ1.inner-text img {
object-fit: cover;
width:100%;
height:55vw;
}
.vc_col-sm-4 .img-with-aniamtion-wrap.bb-typ1.inner-text img {
object-fit: cover;
width:100%;
height:40vw;
}
.bb-typ1.inner-text .fulltext {
font-family: 'GothamXNarrow-Book';
font-size : 22px;
line-height : 34px;
letter-spacing : 0.44px;
color: #fff;
text-justify: auto;
padding: 0px 60px 35px 60px;
}
.bb-typ1.inner-text .fulltext {
font-family: 'GothamXNarrow-Book';
font-size : 22px;
line-height : 34px;
letter-spacing : 0.44px;
color: #fff;
text-justify: auto;
padding: 0px 60px 35px 60px;
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
.img-with-aniamtion-wrap.bb-typ1.inner-text img {
object-fit: cover;
width:100%;
height: 80vh;
}
.vc_col-sm-6 .img-with-aniamtion-wrap.bb-typ1.inner-text img {
object-fit: cover;
width: 100%;
height: 65vh;
}
.vc_col-sm-4 .img-with-aniamtion-wrap.bb-typ1.inner-text img {
object-fit: cover;
width: 100%;
height: 55vh;
}
.bb-typ1.inner-text .fulltext {
font-size : 20px;
line-height : 30px;
letter-spacing : 0.4px;
padding: 0px 20px 20px 20px;
}
.bb-typ1.inner-text .header h2 {
font-size : 40px;
line-height : 43px;
letter-spacing : 1.6px;
}
}
/* TEXT INNER END */
.bb-typ1 .inner {
text-align: center;
height: 100%;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
}
.bb-typ1 .inner .header {
justify-content: flex-end;
}
.bb-typ1 .header {
text-align: center;
z-index: 11;
position: absolute;
bottom: 60px;
}
.bb-typ1 .header h2 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size : 50px;
line-height : 54px;
letter-spacing : 2px;
width: 100%;
text-align: center;
margin-bottom: 30px;
padding-top: 0px;
padding-left: 30px;
padding-right: 30px;
}
@media only screen and (max-width: 1300px) and (min-width: 1000px) {
.bb-typ1 .header h2 {
font-size : 40px !important;
line-height : 44px !important;
}
}
body.tax-listing_categories .bb-typ1 .header h2 {
margin-bottom: 15px;
}
.bb-typ1 .header span.h5 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size : 25px;
letter-spacing : 0.75px;
text-align: center;
line-height: 50px;
}
.bb-typ1 .button {
width: 100%;
text-align: center;
z-index: 11;
}
.bb-typ1 .button .inner {
color:#fff;
border: 1px solid #fff;
width: 160px;
height: 48px;
display: inline-block;
line-height: 2.5em;
}
.bb-typ1 .button .inner {
font-family: 'Flama';
font-size : 18px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #fff;
}
.bb-typ1 .hover-wrap-inner::before {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
left: 0px;
background : -moz-linear-gradient(50% 100% 90deg,rgba(74, 74, 74, 0.4) 10%,rgba(77, 78, 78, 0.32) 22.42%,rgba(86, 89, 91, 0.23) 35.29%,rgba(100, 108, 111, 0.14) 48.37%,rgba(120, 135, 140, 0.06) 61.5%,rgba(136, 156, 163, 0) 70%);
background : -webkit-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.1,rgba(74, 74, 74, 0.4) ),color-stop(0.2242,rgba(77, 78, 78, 0.32) ),color-stop(0.3529,rgba(86, 89, 91, 0.23) ),color-stop(0.4837,rgba(100, 108, 111, 0.14) ),color-stop(0.615,rgba(120, 135, 140, 0.06) ),color-stop(0.7,rgba(136, 156, 163, 0) ));
background : -o-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -ms-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A4A4A', endColorstr='#889CA3' ,GradientType=0)";
background : linear-gradient(0deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3',endColorstr='#4A4A4A' , GradientType=0);
}
.vc_col-sm-6 .img-with-aniamtion-wrap.bb-typ1 img {
object-fit: cover;
width:100%;
height:45vw;
}
/* IF SLIDER */
.bb-typ1-slider .inner {
text-align: center;
height: 100%;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
}
.bb-typ1-slider .inner .header {
text-align: left !important;
}
.bb-typ1-slider .header {
text-align: center;
z-index: 11;
position: absolute;
bottom: -15px;
left:15px;
}
.bb-typ1-slider .header h2 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size : 44px;
line-height : 44px;
letter-spacing : 1px;
width: 100%;
text-align: left;
margin-bottom: 40px;
padding-top: 0px;
padding-left: 0px;
padding-right: 30px;
}
@media only screen and (min-width: 320px)and (max-width: 600px) {
.bb-typ1-slider .header h2 {
font-size : 36px;
line-height : 36px;
letter-spacing: 1px;
}
.bb-typ1-slider .header span.h5 {
line-height: 36px !important;
padding-bottom: 10px;
display: flex;
}
}
@media only screen and (min-width: 1400px)and (max-width: 1600px) {
.bb-typ1-slider .header h2 {
font-size : 42px;
line-height : 42px;
letter-spacing: 1px;
}
}
body.tax-listing_categories .bb-typ1-slider .header h2 {
margin-bottom: 15px;
}
.bb-typ1-slider .header span.h5 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size : 25px;
letter-spacing : 0.75px;
text-align: center;
line-height: 50px;
}
.bb-typ1-slider .button {
width: 100%;
text-align: center;
z-index: 11;
}
.bb-typ1-slider .button .inner {
color:#fff;
border: 1px solid #fff;
width: 160px;
height: 48px;
display: inline-block;
line-height: 2.5em;
}
.bb-typ1-slider .button .inner {
font-family: 'Flama';
font-size : 18px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #fff;
}
/*
.bb-typ1-slider .hover-wrap-inner::before {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
left: 0px;
background : -moz-linear-gradient(50% 100% 90deg,rgba(74, 74, 74, 0.4) 10%,rgba(77, 78, 78, 0.32) 22.42%,rgba(86, 89, 91, 0.23) 35.29%,rgba(100, 108, 111, 0.14) 48.37%,rgba(120, 135, 140, 0.06) 61.5%,rgba(136, 156, 163, 0) 70%);
background : -webkit-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.1,rgba(74, 74, 74, 0.4) ),color-stop(0.2242,rgba(77, 78, 78, 0.32) ),color-stop(0.3529,rgba(86, 89, 91, 0.23) ),color-stop(0.4837,rgba(100, 108, 111, 0.14) ),color-stop(0.615,rgba(120, 135, 140, 0.06) ),color-stop(0.7,rgba(136, 156, 163, 0) ));
background : -o-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -ms-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A4A4A', endColorstr='#889CA3' ,GradientType=0)";
background : linear-gradient(0deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3',endColorstr='#4A4A4A' , GradientType=0);
}
*/
.vc_col-sm-6 .img-with-aniamtion-wrap.bb-typ1-slider img {
object-fit: cover;
width:100%;
height:45vw;
}
/* IF 2 */
.img-with-aniamtion-wrap.bb-typ1:hover .hover-wrap-inner {
transform: scale(1.13);
}
/* SLIDER BB-Typ1 */
.img-with-aniamtion-wrap.bb-typ1-slider:hover .hover-wrap-inner {
transform: scale(1.13);
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
.img-with-aniamtion-wrap.bb-typ1 img {
height: 355px;
}
.vc_col-sm-6 .img-with-aniamtion-wrap.bb-typ1 img {
height: 550px;
}
.bb-typ1 .header h2 {
font-size : 40px;
line-height : 43px;
letter-spacing : 1.6px;
padding: 0px 20px 0px 20px;
margin-bottom: 22px;
padding-top: 30px;
}
.search-wrapper .bb-typ1 .header h2 {
padding-top:20px !important;
}
.bb-typ1 .header {
bottom: 30px;
}
body .container-wrap .inner_row[data-column-margin="24px"] .child_column {
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
}
.container-wrap .full-width-content .vc_row-fluid[data-column-margin*="px"] > .span_12 > .wpb_column {
margin-bottom: 10px;
}
}
/* TEASER 16:9*/
.bb-typ2 .article-content-wrap {
position: absolute;
top: 70%;
width: 100%;
z-index: 11;
text-align: center;
}
.bb-typ2 .article-content-wrap .post-header {
margin-bottom: 12px;
}
.bb-typ2 .article-content-wrap .post-header .title {
color: #fff;
text-transform: uppercase;
}
.bb-typ2 .article-content-wrap .post-header h3.title {
font-size: 40px;
font-family: 'Flama';
letter-spacing: 2px;
}
.img-with-aniamtion-wrap.bb-typ2 img {
position: absolute;
object-fit: cover;
width: 100%;
height: 100%;
min-height: 260px;
}
.bb-typ2 .inner {
height: 100%;
width: 100%;
}
.bb-typ2 .abstand {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
}
.bb-typ2 .header {
text-align: center;
z-index: 11;
position: absolute;
bottom: 60px;
}
.bb-typ2 .header h3 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size : 40px;
line-height : 43px;
letter-spacing : 1.2px;
width: 100%;
text-align: center;
padding-top: 0px;
}
.bb-typ2 .wrap-169 {
position: relative;
padding-bottom: 56.2%;
}
.bb-typ2 > .bookmarks {
top: 0px;
}
.bb-typ2 .button .inner {
font-family: 'Flama';
font-size : 18px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #fff;
}
.bb-typ2 .hover-wrap-inner::before {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
background : -moz-linear-gradient(50% 100% 90deg,rgba(74, 74, 74, 0.4) 10%,rgba(77, 78, 78, 0.32) 22.42%,rgba(86, 89, 91, 0.23) 35.29%,rgba(100, 108, 111, 0.14) 48.37%,rgba(120, 135, 140, 0.06) 61.5%,rgba(136, 156, 163, 0) 70%);
background : -webkit-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.1,rgba(74, 74, 74, 0.4) ),color-stop(0.2242,rgba(77, 78, 78, 0.32) ),color-stop(0.3529,rgba(86, 89, 91, 0.23) ),color-stop(0.4837,rgba(100, 108, 111, 0.14) ),color-stop(0.615,rgba(120, 135, 140, 0.06) ),color-stop(0.7,rgba(136, 156, 163, 0) ));
background : -o-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -ms-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A4A4A', endColorstr='#889CA3' ,GradientType=0)";
background : linear-gradient(0deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3',endColorstr='#4A4A4A' , GradientType=0);
}
.img-with-aniamtion-wrap.bb-typ2:hover .hover-wrap-inner {
-webkit-transform: scale(1.13);
transform: scale(1.13);
}
.img-with-aniamtion-wrap.bb-typ2 .hover-wrap[data-hover-animation="zoom"]:hover .hover-wrap-inner {
transform: none !important;
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
.bb-typ2 .header {
bottom: 29px;
}
}
/* 16:9 END */
/* TEASER 16:9 Button */
.bb-typ1_169 .article-content-wrap {
position: absolute;
top: 70%;
width: 100%;
z-index: 11;
text-align: center;
}
.bb-typ1_169 .article-content-wrap .post-header {
margin-bottom: 12px;
}
.bb-typ1_169 .article-content-wrap .post-header .title {
color: #fff;
text-transform: uppercase;
}
.img-with-aniamtion-wrap.bb-typ1_169 p, .img-with-aniamtion-wrap.bb-typ1_169 h2 {
z-index: 1;
}
.img-with-aniamtion-wrap.bb-typ1_169 img {
object-fit: cover;
width:100%;
height:20vw;
}
.bb-typ1_169 .inner {
text-align: center;
height: 100%;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
flex-direction: column;
}
.bb-typ1_169 .inner .header {
justify-content: flex-end;
}
.bb-typ1_169 .header {
width: 100%;
text-align: center;
z-index: 11;
position: absolute;
bottom: 60px;
}
.bb-typ1_169 .header h2 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size: 50px;
line-height: 55px;
letter-spacing: 2px;
width: 100%;
text-align: center;
margin-bottom: 37px;
padding-top: 30px;
}
.bb-typ1_169 .header span.h5 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size: 33px;
line-height: 40px;
letter-spacing: 2px;
width: 100%;
text-align: center;
padding-bottom: 5px;
}
.bb-typ1_169 .button {
width: 100%;
text-align: center;
z-index: 11;
}
.bb-typ1_169 .button .inner {
color:#fff;
border: 1px solid #fff;
width: 160px;
height: 48px;
display: inline-block;
line-height: 2.5em;
}
.bb-typ1_169 .button .inner {
font-family: 'Flama';
font-size : 18px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #fff;
}
.bb-typ1_169 .hover-wrap-inner::before {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
left: 0px;
background : -moz-linear-gradient(50% 100% 90deg,rgba(74, 74, 74, 0.4) 10%,rgba(77, 78, 78, 0.32) 22.42%,rgba(86, 89, 91, 0.23) 35.29%,rgba(100, 108, 111, 0.14) 48.37%,rgba(120, 135, 140, 0.06) 61.5%,rgba(136, 156, 163, 0) 70%);
background : -webkit-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.1,rgba(74, 74, 74, 0.4) ),color-stop(0.2242,rgba(77, 78, 78, 0.32) ),color-stop(0.3529,rgba(86, 89, 91, 0.23) ),color-stop(0.4837,rgba(100, 108, 111, 0.14) ),color-stop(0.615,rgba(120, 135, 140, 0.06) ),color-stop(0.7,rgba(136, 156, 163, 0) ));
background : -o-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -ms-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A4A4A', endColorstr='#889CA3' ,GradientType=0)";
background : linear-gradient(0deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3',endColorstr='#4A4A4A' , GradientType=0);
}
.vc_col-sm-6 .img-with-aniamtion-wrap.bb-typ1_169 img {
object-fit: cover;
width:100%;
height:23vw;
}
/* IF 2 */
.img-with-aniamtion-wrap.bb-typ1_169:hover .hover-wrap-inner {
-webkit-transform: scale(1.13);
transform: scale(1.13);
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
.img-with-aniamtion-wrap.bb-typ1_169 img {
height: 255px;
}
.vc_col-sm-6 .img-with-aniamtion-wrap.bb-typ1_169 img {
height: 230px;
}
.bb-typ1_169 .header h2 {
font-size : 40px;
line-height : 43px;
letter-spacing : 1.6px;
padding: 0px 20px 0px 20px;
margin-bottom: 22px;
}
.bb-typ1_169 .header {
bottom: 30px;
}
body .container-wrap .inner_row[data-column-margin="24px"] .child_column {
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
}
.container-wrap .full-width-content .vc_row-fluid[data-column-margin*="px"] > .span_12 > .wpb_column {
margin-bottom: 10px !important;
}
}
/* TITLE IMAGE */
.title-image .row-bg-wrap .inner-wrap {
height: 100vh;
}
/* END QUADRATISCH */
/* FULL WIDTH */
.bb-typ3 .article-content-wrap {
position: absolute;
top: 70%;
width: 100%;
z-index: 11;
text-align: center;
}
.bb-typ3 .article-content-wrap .post-header {
margin-bottom: 12px;
}
.bb-typ3 .article-content-wrap .post-header .title {
color: #fff;
text-transform: uppercase;
}
.bb-typ3 .article-content-wrap .post-header h3.title {
font-size: 40px;
font-family: 'Flama';
letter-spacing: 2px;
}
.img-with-aniamtion-wrap.bb-typ3 p, .img-with-aniamtion-wrap.bb-typ3 h3 {
position: absolute;
z-index: 1;
}
.img-with-aniamtion-wrap.bb-typ3 img:not(.bb-icons-full img) {
object-fit: cover;
width:100%;
height: 100vh;
}
.bb-typ3 .header {
z-index: 11;
position: absolute;
display: flex;
height: 100%;
flex-direction: column;
width: 50%;
}
.bb-typ3 .fulltext i.bb-icons-full img {
width: 100px;
height: 80px;
}
.bb-typ3 .fulltext {
font-family: 'GothamXNarrow-Book';
font-size : 22px;
line-height : 36px;
letter-spacing : 0.44px;
color: #fff;
z-index: 11;
position: absolute;
width: 50%;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
padding-bottom:100px;
padding-right:120px;
}
.bb-typ3 .bb-icons-full {
padding-bottom: 45px;
}
.bb-typ3 .header h1 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size : 80px;
line-height : 90px;
letter-spacing : 3.2px;
width: 100%;
text-align: left;
padding-top: 100px;
padding-left: calc(16vw - 120px);
}
.bb-typ3 .button {
width:auto;
text-align: left;
padding-top: 45px;
}
.bb-typ3 .button .inner {
color: #fff;
border: 1px solid #fff;
width: 160px;
height: 48px;
display: inline-block;
line-height: 1.5em;
text-align: center;
}
.bb-typ3 .button .inner {
font-family: 'Flama';
font-size : 18px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #fff;
line-height: 2.5em;
}
.bb-typ3 .hover-wrap-inner::before {
content: '';
position: absolute;
top: 0;
left: 0;
background : #003C50;
background : rgba(0, 60, 80, 1);
opacity : 0.3;
filter: alpha(opacity=30) progid:DXImageTransform.Microsoft.Alpha(opacity=30) ;
z-index: 10;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
.bb-typ3 .fulltext {
width: 100%;
bottom: 30px;
padding-right: 30px;
font-size : 20px;
line-height : 30px;
letter-spacing : 0.4px;
padding-bottom: 15px;
padding-left:30px;
}
.bb-typ3 .fulltext i.bb-icons-full img {
width: 80px;
height: 60px !important;
}
.bb-typ3 .button {
width: 100%;
text-align: center;
padding-top: 25px;
}
.bb-typ3 .button .inner {
line-height: 2.5em;
}
.img-with-aniamtion-wrap.bb-typ3 img {
height: 90vh !important;
}
.bb-typ3 .bb-icons-full {
padding-bottom: 15px;
}
.bb-typ3 .header h1 {
padding-top: 0px;
}
.bb-typ3 .header {
width: 87%;
left: 30px;
top: 30px;
}
.bb-typ3 .header h1 {
font-size : 40px;
line-height : 43px;
letter-spacing : 1.6px;
padding-left: 0px;
}
}
/* FULL WIDTH END */
/* BINZ PRORA TEASER */
.bb-typ4 .article-content-wrap {
position: absolute;
top: 70%;
width: 100%;
z-index: 11;
text-align: center;
}
.bb-typ4 .article-content-wrap .post-header {
margin-bottom: 12px;
}
.bb-typ4 .article-content-wrap .post-header .title {
color: #fff;
text-transform: uppercase;
}
.bb-typ4 .article-content-wrap .post-header h3.title {
font-size : 100px;
letter-spacing : 4px;
font-family: 'Flama';
}
.img-with-aniamtion-wrap.bb-typ4 p, .img-with-aniamtion-wrap.bb-typ4 h3 {
z-index: 1;
}
.img-with-aniamtion-wrap.bb-typ4 img {
object-fit: cover;
width:100%;
height:33vw;
}
.img-with-aniamtion-wrap.bb-typ4 .inner{
display: flex;
justify-content: center;
}
.bb-typ4 .header {
text-align: center;
bottom: 140px;
z-index: 11;
position: absolute;
}
.bb-typ4 .header h3 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size : 100px;
letter-spacing : 4px;
width: 100%;
text-align: center;
line-height: 90px;
}
.bb-typ4 .button {
width: 100%;
text-align: center;
bottom: 60px;
z-index: 11;
position: absolute;
}
.bb-typ4 .button .inner {
color:#fff;
border: 1px solid #fff;
width: 160px;
height: 48px;
display: inline-block;
line-height: 2.5em;
}
.bb-typ4 .button .inner {
font-family: 'Flama';
font-size : 18px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #fff;
}
.bb-typ4 .hover-wrap-inner::before {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
background : -moz-linear-gradient(50% 100% 90deg,rgba(74, 74, 74, 0.4) 10%,rgba(77, 78, 78, 0.32) 22.42%,rgba(86, 89, 91, 0.23) 35.29%,rgba(100, 108, 111, 0.14) 48.37%,rgba(120, 135, 140, 0.06) 61.5%,rgba(136, 156, 163, 0) 70%);
background : -webkit-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.1,rgba(74, 74, 74, 0.4) ),color-stop(0.2242,rgba(77, 78, 78, 0.32) ),color-stop(0.3529,rgba(86, 89, 91, 0.23) ),color-stop(0.4837,rgba(100, 108, 111, 0.14) ),color-stop(0.615,rgba(120, 135, 140, 0.06) ),color-stop(0.7,rgba(136, 156, 163, 0) ));
background : -o-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -ms-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A4A4A', endColorstr='#889CA3' ,GradientType=0)";
background : linear-gradient(0deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3',endColorstr='#4A4A4A' , GradientType=0);
}
.binz-prora .wpb_row > .span_12 > .column_container.prora {
position: relative;
top: -100px;
padding-left: 30px;
right: -100px !important;
}
.binz-prora .wpb_row > .span_12 > .column_container.prora > .vc_column-inner{
margin-left: -100px !important;
}
.binz-prora .wpb_row > .span_12 > .column_container.binz {
position: relative;
padding-right: 30px;
left: -100px !important;
padding-top: 100px;
}
.binz-prora .wpb_row > .span_12 > .column_container.binz > .vc_column-inner{
margin-right: -100px !important;
}
@media screen and (max-width: 999px) and (max-aspect-ratio: 13/9) {
.img-with-aniamtion-wrap.bb-typ4 img {
height: 350px;
}
.bb-typ4 .header h3 {
font-size : 50px;
letter-spacing : 2px;
}
.bb-typ4 .button {
bottom: 30px;
}
.bb-typ4 .header {
bottom: 80px;
}
.binz-prora .wpb_row > .span_12 > .column_container.prora > .vc_column-inner {
margin-left: 0px !important;
}
.binz-prora .wpb_row > .span_12 > .column_container.binz > .vc_column-inner {
margin-right: 0px !important;
}
.binz-prora .wpb_row > .span_12 > .column_container.binz {
position: relative;
padding-right: 0px;
left: 0px !important;
padding-top: 0px;
padding-left: 10px;
margin-top: 30px;
margin-bottom: 10px;
margin-right: 10px;
}
.binz-prora .wpb_row > .span_12 > .column_container.prora {
position: relative;
top: 0px;
padding-left: 10px;
padding-right: 10px;
right: 0px !important;
padding-bottom: 0px;
}
}
/* BINZ PRORA END */
/* FULL KARTE */
.bb-typ5 .article-content-wrap {
position: absolute;
top: 70%;
width: 100%;
z-index: 11;
text-align: center;
}
.bb-typ5 .article-content-wrap .post-header {
margin-bottom: 12px;
}
.bb-typ5 .article-content-wrap .post-header .title {
color: #fff;
text-transform: uppercase;
}
.bb-typ5 .article-content-wrap .post-header h3.title {
font-size : 80px;
line-height : 90px;
letter-spacing : 3.2px;
font-family: 'Flama';
}
.img-with-aniamtion-wrap.bb-typ3 p, .img-with-aniamtion-wrap.bb-typ3 h3 {
position: absolute;
z-index: 1;
}
.img-with-aniamtion-wrap.bb-typ5 img {
object-fit: cover;
width:100%;
height: 100%;
}
.bb-typ5 .header {
width: 100%;
left: 120px;
top:100px;
z-index: 11;
position: absolute;
}
.bb-typ5 .fulltext {
width: 100%;
left: 120px;
bottom:100px;
z-index: 11;
font-family: 'GothamXNarrow-Book';
font-size : 22px;
line-height : 36px;
letter-spacing : 0.44px;
color: #fff;
text-justify: auto;
}
.bb-typ5 .header h1 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size : 80px;
line-height : 90px;
letter-spacing : 3.2px;
width: 65%;
text-align: left;
padding-bottom: 30px;
padding-top: 22px;
}
.bb-typ5 .header span.h5 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size : 22px;
line-height : 26px;
letter-spacing : 1.1px;
text-align: left;
}
.bb-typ5 .button {
width: 100%;
text-align: left;
padding-top: 35px;
}
.bb-typ5 .button .inner {
color: #fff;
border: 1px solid #fff;
width: 160px;
height: 48px;
display: inline-block;
line-height: 2.5em;
text-align: center;
}
.bb-typ5 .button .inner {
font-family: 'Flama';
font-size : 18px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #fff;
}
.bb-typ5 .hover-wrap-inner::before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background : #003C50;
background : rgba(0, 60, 80, 1);
opacity : 0.3;
filter: alpha(opacity=30) progid:DXImageTransform.Microsoft.Alpha(opacity=30) ;
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
.img-with-aniamtion-wrap.bb-typ5 img {
height: 62vh;
}
.nectar_video_lightbox.play_button {
width: 58px;
height: 58px;
}
.nectar_video_lightbox svg {
height: 30px !important;
}
.nectar_video_lightbox.play_button {
margin-top: 15px !important;
}
.bb-typ5 .button {
text-align: center;
}
.bb-typ5 .header h1 {
font-size : 40px;
line-height : 43px;
letter-spacing : 1.6px;
width: 100%;
padding-top: 6px;
}
.bb-typ5 .header {
width: 90%;
left: 30px;
top: 30px;
}
.bb-typ5 .fulltext {
width: 90%;
left: 30px;
bottom: 100px;
font-size : 20px;
line-height : 30px;
letter-spacing : 0.4px;
}
.bb-typ5 .header span.h5 {
font-size : 18px;
line-height : 26px;
letter-spacing : 0.9px;
padding-bottom: 0px;
}
}
/* BB TYP WIT TEXT UNDER */
.bb-teaser-after .article-content-wrap {
position: absolute;
top: 70%;
width: 100%;
z-index: 11;
text-align: center;
}
.bb-teaser-after .article-content-wrap .post-header {
margin-bottom: 12px;
}
.bb-teaser-after .article-content-wrap .post-header .title {
color: #fff;
text-transform: uppercase;
}
.bb-teaser-after .article-content-wrap .post-header h3.title {
font-size: 40px;
font-family: 'Flama';
letter-spacing: 2px;
}
.img-with-aniamtion-wrap.bb-teaser-after p, .img-with-aniamtion-wrap.bb-teaser-after h3 {
z-index: 1;
}
.img-with-aniamtion-wrap.bb-teaser-after img {
object-fit: cover;
height:30vw;
}
.bb-teaser-after .inner {
text-align: center;
height: 100%;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: center;
}
.bb-teaser-after .header {
text-align: center;
z-index: 11;
position: absolute;
padding: 0px 30px 0px 30px;
}
.bb-teaser-after .header h2 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size: 50px;
line-height: 55px;
letter-spacing: 2px;
width: 100%;
text-align: center;
margin-bottom: 37px;
}
.bb-teaser-after .header span.h5 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size: 33px;
line-height: 40px;
letter-spacing: 2px;
width: 100%;
text-align: center;
padding-bottom: 5px;
}
/*
.bb-teaser-after .button {
width: 100%;
text-align: center;
margin-top: 32px;
}
*/
.bb-teaser-after .button {
width: 100%;
text-align: center;
margin-top: 36px;
padding-bottom:45px;
}
.bb-teaser-after .button .inner {
color:#4a4a4a;
border: 1px solid #4a4a4a;
width: 160px;
height: 48px;
display: inline-block;
line-height: 2.5em;
}
.bb-teaser-after .button .inner {
font-family: 'Flama';
font-size : 18px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #4a4a4a;
}
/*#f2f1ec*/
.fulltext-under {
width: 100%;
z-index: 11;
font-family: 'GothamXNarrow-Book';
font-size : 22px;
line-height : 36px;
letter-spacing : 0.44px;
text-justify: auto;
margin: 0 auto;
background: #f2f1ec;
padding: 45px 30px 0px 30px;
color: #4a4a4a;
text-align: center;
}
.bb-teaser-after .hover-wrap-inner::before {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
left: 0px;
background : -moz-linear-gradient(50% 100% 90deg,rgba(136, 156, 163, 0.4) 10%,rgba(136, 156, 163, 0) 70%);
background : -webkit-linear-gradient(90deg, rgba(136, 156, 163, 0.4) 10%, rgba(136, 156, 163, 0) 70%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.1,rgba(136, 156, 163, 0.4) ),color-stop(0.7,rgba(136, 156, 163, 0) ));
background : -o-linear-gradient(90deg, rgba(136, 156, 163, 0.4) 10%, rgba(136, 156, 163, 0) 70%);
background : -ms-linear-gradient(90deg, rgba(136, 156, 163, 0.4) 10%, rgba(136, 156, 163, 0) 70%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3', endColorstr='#889CA3' ,GradientType=0)";
background : linear-gradient(0deg, rgba(136, 156, 163, 0.4) 10%, rgba(136, 156, 163, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3',endColorstr='#889CA3' , GradientType=0);
}
.vc_col-sm-6 .img-with-aniamtion-wrap.bb-teaser-after img {
object-fit: cover;
width:100%;
height:45vw;
}
/* IF 2 */
.img-with-aniamtion-wrap.bb-teaser-after:hover .hover-wrap-inner {
-webkit-transform: scale(1.13);
transform: scale(1.13);
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
.bb-teaser-after .header h2 {
font-size : 40px;
line-height : 43px;
letter-spacing : 1.6px;
}
.img-with-aniamtion-wrap.bb-teaser-after {
margin-left: 0px;
margin-right: 0px;
}
.owl-carousel[data-desktop-cols] .owl-stage {
margin-top: -10px;
}
.img-with-aniamtion-wrap.bb-teaser-after img {
object-fit: cover;
width:100%;
height:355px;
}
.fulltext-under {
padding: 25px 20px 0px 20px;
min-height: 325px;
}
.fulltext-under {
text-align: left;
}
.img-with-aniamtion-wrap.bb-teaser-after, body .wpb_wrapper > .img-with-aniamtion-wrap.bb-teaser-after {
margin-bottom: 20px;
}
.bb-teaser-after .button {
margin-top: 16px;
}
}
/* KARTE ENDE */
/*SLIDER */
.bb-slider .article-content-wrap {
position: absolute;
top: 70%;
width: 100%;
z-index: 11;
text-align: center;
}
.bb-slider .article-content-wrap .post-header {
margin-bottom: 12px;
}
.bb-slider .article-content-wrap .post-header .title {
color: #fff;
text-transform: uppercase;
}
.bb-slider .article-content-wrap .post-header h1.title {
font-size: 40px;
font-family: 'Flama';
letter-spacing: 2px;
}
.img-with-aniamtion-wrap.bb-slider p, .img-with-aniamtion-wrap.bb-slider h1 {
z-index: 1;
}
/*
.img-with-aniamtion-wrap.bb-slider img {
width:100%;
height: 83vh;
object-fit: cover;
}
*/
.owl-carousel img {
width:100%;
height:90vh !important;
object-fit: cover;
}
/* IMAGE OBJECT POSTION */
.img-with-aniamtion-wrap img.object-position-center {
object-position: center;
}
.img-with-aniamtion-wrap img.object-position-center-center {
object-position: center center;
}
.img-with-aniamtion-wrap img.object-position-top {
object-position: top;
}
.img-with-aniamtion-wrap img.object-position-top-right {
object-position: top right;
}
.img-with-aniamtion-wrap img.object-position-top-left {
object-position: top left;
}
.img-with-aniamtion-wrap img.object-position-bottom {
object-position: bottom;
}
.img-with-aniamtion-wrap img.object-position-bottom-left {
object-position: bottom left;
}
.img-with-aniamtion-wrap img.object-position-bottom-left {
object-position: bottom right;
}
.bb-slider .inner {
text-align: center;
height: 100%;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
flex-direction: column;
}
.bb-slider .inner .header {
justify-content: flex-end;
}
.bb-slider .header {
width: 100%;
text-align: center;
z-index: 11;
position: absolute;
}
.bb-slider .header h2 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size : 80px;
line-height : 90px;
letter-spacing : 3.2px;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.bb-slider .fulltext {
width: 50%;
z-index: 11;
font-family: 'GothamXNarrow-Book';
color: #fff;
margin: 0 auto;
margin-bottom: 35px;
font-size : 22px;
line-height : 36px;
letter-spacing : 0.44px;
}
.bb-slider .fulltext.wbutton {
padding-bottom: 65px;
}
/* OWL */
.bb-slider .owl-theme[data-desktop-cols] .owl-nav.disabled + .owl-dots {
bottom: 60px;
position: absolute;
text-align: center;
width: 100%;
}
.owl-theme[data-desktop-cols] .owl-dots .owl-dot.active span, .owl-theme[data-desktop-cols] .owl-dots .owl-dot:hover span {
background: #fff;
}
.owl-theme[data-desktop-cols] .owl-dots .owl-dot span {
border: 1px solid #fff !important;
background: none !important;
}
.owl-theme[data-desktop-cols] .owl-dots .owl-dot.active span {
background: #fff !important;
}
.owl-theme[data-desktop-cols] .owl-dots .owl-dot span {
width: 12px;
height: 12px;
}
.bb-slider .header span.h5 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size: 33px;
line-height: 40px;
letter-spacing: 2px;
width: 100%;
text-align: center;
padding-bottom: 5px;
}
.bb-slider .button {
width: 100%;
text-align: center;
z-index: 11;
margin-bottom: 117px;
}
.oneImage .bb-slider .button {
margin-bottom: 45px;
}
.bb-slider .button .inner {
color:#fff;
border: 1px solid #fff;
width: 160px;
height: 48px;
display: inline-block;
line-height: 2.5em;
}
.bb-slider .button .inner {
font-family: 'Flama';
font-size : 18px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #fff;
}
.img-with-aniamtion-wrap.bb-slider:before {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
left: 0px;
top:0px;
background: linear-gradient(182deg,transparent 25%,rgba(0,0,0,0.7));
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
.nectar-post-grid[data-columns="3"][data-grid-spacing="none"] .nectar-post-grid-item.bb-grid-system {
width: 100%;
margin: 10px 0px 0px 0px;
}
.bb-slider .fulltext {
margin-bottom: 20px;
}
.bb-slider .fulltext.wbutton {
margin-bottom: -10px;
}
.bb-slider .fulltext {
font-size : 20px;
line-height : 30px;
letter-spacing : 0.4px;
width: 100%;
padding: 0px 20px 0px 20px;
}
.bb-slider .button {
margin-bottom: 50px;
}
.oneImage .bb-slider .button {
margin-bottom: 0px;
}
.bb-slider .owl-theme[data-desktop-cols] .owl-nav.disabled + .owl-dots {
bottom: 45px;
}
.bb-slider .owl-theme[data-desktop-cols] .owl-dots .owl-dot span {
width: 9px;
height: 9px;
}
.bb-slider .header h2 {
font-size : 40px;
line-height : 43px;
letter-spacing : 1.6px;
padding: 0px 20px 0px 20px;
margin-bottom: 22px;
}
.img-with-aniamtion-wrap.bb-slider img {
height: 80vh;
}
.bb-slider .owl-theme[data-desktop-cols] .owl-nav.disabled + .owl-dots {
margin-top: -75px;
}
.bb-slider .header {
bottom: 30px;
}
body .container-wrap .inner_row[data-column-margin="24px"] .child_column {
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
}
.container-wrap .full-width-content .vc_row-fluid[data-column-margin*="px"] > .span_12 > .wpb_column {
margin-bottom: 10px;
}
}
/*SLIDER END*/
/* Testimonials */
.bb-testimonials .nectar-highlighted-text h5 {
font-family: 'Flama';
font-size : 22px;
line-height : 26px;
letter-spacing : 1.1px;
color: #003c50;
padding-top: 7px;
padding-bottom: 17px;
}
.bb-testimonials .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
margin: 21px 0 90px 0;
}
.bb-testimonials .nectar_single_testimonial span {
font-size : 22px;
letter-spacing : 1.1px;
}
.bb-testimonials .nectar-flickity.nectar-carousel .flickity-slider .inner-wrap p {
font-family: 'Eckhart' !important;
font-size : 38px;
line-height : 50px;
letter-spacing : 0.19px;
color: #889ca3;
}
.bb-testimonials .nectar-flickity.nectar-carousel .flickity-slider .inner-wrap .inner .wrap {
font-family: 'Flama';
text-transform: uppercase;
color: #889ca3;
font-size : 22px;
letter-spacing : 1.1px;
font-weight: normal !important;
padding-top: 85px;
}
.bb-testimonials .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots, .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots {
bottom: -50px;
}
.bb-testimonials .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot.is-selected::before {
box-shadow: inset 0 0 0 1px #003c50;
background: #003c50;
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
.bb-testimonials .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots, .nectar-flickity[data-controls="material_pagination"] .flickity-page-dots {
bottom: -60px;
}
.bb-testimonials {
text-align: center;
}
.bb-testimonials .nectar-flickity.nectar-carousel .flickity-slider .inner-wrap p {
font-size : 24px;
line-height : 32px;
letter-spacing : 0.12px;
color: #889ca3;
}
.bb-testimonials .nectar-flickity.nectar-carousel[data-column-padding="5px"] .inner-wrap {
padding: 5px 0px 5px 0px;
}
.bb-testimonials .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
margin: 21px 0 110px 0;
}
.bb-testimonials .nectar-flickity.nectar-carousel .flickity-slider .inner-wrap .inner .wrap {
padding-top: 35px;
}
.bb-testimonials .nectar_single_testimonial span {
font-size : 18px;
letter-spacing : 0.9px;
display: block;
}
.bb-testimonials .nectar-highlighted-text h5 {
font-size : 18px;
line-height : 26px;
letter-spacing : 0.9px;
color: #003c50;
padding-top: 0px;
padding-bottom: 0px;
}
}
/* VIDEO */
.nectar_video_lightbox svg {
width: 50px;
height: 45px;
}
.nectar_video_lightbox svg {
left: 54%;
}
.nectar_video_lightbox path {
fill:#1d1d1b;
}
.nectar_video_lightbox.play_button::before {
background: rgb(255,255,255,0.8);
border: none;
}
.nectar_video_lightbox:hover::before {
opacity: 0.2;
}
/* DISABLE WHEN COOKIE ACTIV */
.BorlabsCookie a.nectar_video_lightbox {
display: none !important;
}
.bb-typ2 .header h5.datenschutz {
background: #fff;
color:#003c50;
}
.underline {
text-decoration: underline !important;
}
.nectar_video_lightbox .play {
z-index: 10;
position: absolute;
}
/* VIDEO END */
/* LIGHTBOX MODIFI */
.mfp-iframe-scaler button.mfp-close {
text-indent: -9999px !important;
line-height: 5px !important; /* Collapse the original line */
}
/* ICONS */
.gold .vc_col-sm-3,.gold .vc_col-sm-12 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.gold .wpb_wrapper h5
{
font-family: 'Flama' !important;
font-size : 100px;
line-height : 36px;
color: #889ca3;
margin-bottom: 40px;
}
.gold .wpb_wrapper p {
font-family: 'Flama' !important;
font-size : 22px;
line-height : 26px;
letter-spacing : 1.1px;
color: #003c50;
text-transform: uppercase;
}
.gold .wpb_wrapper h3 {
font-family: 'Eckhart';
font-size : 38px;
color: #889ca3;
}
.gold .child:not(.first-child) .column-bg-overlay-wrap:before {
content: url("../binz-child/images/content/trenner.svg");
width: 3px;
position: relative;
top: -25px ;
text-align: center;
display: block;
z-index: 11;
}
.gold .header {
padding-top:27px;
padding-bottom: 75px;
}
.gold .child .wpb_wrapper {
padding-bottom: 20px;
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
.gold .wpb_wrapper h3 {
font-family: 'Eckhart';
font-size: 24px;
color: #889ca3;
line-height: 30px;
font-weight: bold;
}
.gold .vc_col-sm-3.child:nth-child(1) {
width: 50%;
position: relative;
left: 0px;
}
.gold .vc_col-sm-3.child:nth-child(2) {
width: 50%;
position: relative;
float: left;
border-right:none !important;
}
.gold .vc_col-sm-3.child:nth-child(3) {
width: 50%;
position: relative;
left: 0px;
}
.gold .vc_col-sm-3.child:nth-child(4) {
width: 50%;
position: relative;
float: left;
}
.gold .vc_col-sm-3.child:nth-child(3) p, .gold .vc_col-sm-3.child:nth-child(4) p{
padding-bottom: 30px;
}
.gold .child:nth-child(3):not(.first-child) .column-bg-overlay-wrap::before {
content: url("../binz-child/images/content/trenner-long.svg");
position: absolute;
top: -49px;
text-align: center;
margin: 0 auto;
display: block;
width: 396%;
}
.gold .wpb_wrapper h5 {
font-size: 60px;
line-height: 100px;
}
.gold .wpb_wrapper p {
font-size: 16px;
line-height: 29px;
margin-top: -25px;
}
.gold .child .wpb_wrapper {
padding-bottom: 28.3px;
}
.gold .child:not(.first-child) .column-bg-overlay-wrap::before {
width: 4px;
margin-left: -2.1px;
}
.gold .child:not(.first-child) .column-bg-overlay-wrap::before {
top: -6px;
}
}
/* GOLD MOBIL */
/* ICONS END */
/* HEADINGS */
.bb-header span.h5 {
color: #003c50;
font-size : 22px !important;
line-height : 26px !important;
letter-spacing : 1.1px !important;
font-family: 'Flama';
padding-bottom: 6px;
text-transform: uppercase;
font-weight: normal !important;
margin-bottom: 18px !important;
}
.bb-header h2 {
color:#889ca3;
font-size : 80px;
line-height : 90px;
letter-spacing : 3.2px;
font-family: 'Flama';
text-transform: uppercase;
}
.bb-header h2.subtitle {
color:#003c50;
font-size : 80px;
line-height : 90px;
letter-spacing : 3.2px;
font-family: 'Flama';
margin-bottom: -6px;
text-transform: uppercase;
}
.bb-header p {
color: #4a4a4a;
font-size : 24px;
line-height : 36px;
letter-spacing : 0.48px;
font-family: 'GothamXNarrow-Book';
padding-left: 25%;
padding-top: 82px;
margin-bottom: -6px;
}
.bb-vc_col-sm-3 .bb-header p {
color: #4a4a4a;
font-size : 24px;
line-height : 36px;
letter-spacing : 0.48px;
font-family: 'GothamXNarrow-Book';
padding-left: 0;
padding-top: 82px;
margin-bottom: -6px;
}
/* CORONA UNTERSEITE */
.vc_col-sm-9 .bb-header span.h5 {
font-size : 40px !important;
line-height : 48px !important;
letter-spacing : 1.6px !important;
}
.vc_col-sm-9 .bb-header h2 {
font-size : 30px !important;
line-height : 48px !important;
letter-spacing : 1.2px !important;
padding-top:0px !important;
}
.vc_col-sm-3.bb-icon.max-height {
max-height: 23vw;
}
@media screen and (min-width: 1500px) {
.img-with-aniamtion-wrap[data-border-radius="151px"] .img-with-animation, .img-with-aniamtion-wrap[data-border-radius="151px"] .hover-wrap {
border-radius: 240px;
}
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
.download-fields li::before {
width: 1.5em !important;
height: 1.5em !important;
vertical-align: top;
margin-top: 10px;
}
.download-fields li {
font-size: 20px;
padding-bottom: 1em !important;
}
.attachment-link b {
width: 74%;
display: inline-block;
overflow-wrap: break-word;
hyphens: manual;
}
.tb-w-lightbox__caption p {
color: var(--tb-w-color-gray-500,#ffffff) !important;
margin: 0;
margin-top: 0px;
}
.vc_col-sm-3.bb-icon.max-height {
max-height: 350px;
}
.bb-header p {
padding-left: 10px;
}
.bb-header h2, .bb-header h2.subtitle {
font-size : 40px;
line-height : 45px;
letter-spacing : 1.6px;
margin-bottom: 0px;
padding-top:0px;
}
.bb-header p {
font-size : 20px;
line-height : 30px;
letter-spacing : 0.4px;
padding-top: 25px;
padding-left: 0px;
}
.bb-header > span.h5 {
font-family :'Flama';
font-size : 22px;
line-height : 26px;
letter-spacing : 1.1px;
color : #003C50;
padding-bottom: 5px;
}
}
/* SEO BLOCK */
/* HEADINGS */
.seo-block .bb-header span.h5 {
color: #003c50;
font-size : 22px !important;
letter-spacing : 0.88px !important;
font-family: 'Flama';
text-transform: uppercase;
}
.seo-block .bb-header h2 {
color:#889ca3;
font-size : 40px;
line-height : 43px;
letter-spacing : 1.2px;
font-family: 'Flama';
text-transform: uppercase;
padding-top:25px;
}
.seo-block .bb-header p {
color: #4a4a4a;
font-family: 'GothamXNarrow-Book';
padding-left: 0px;
padding-top: 25px;
margin-bottom: -6px;
font-size : 20px;
line-height : 34px;
letter-spacing : 0.4px;
}
.seo-block .bb-header .button {
width: 100%;
text-align: left;
padding-top: 45px;
}
.seo-block .bb-header .button .inner {
color: #889ca3;
border: 1px solid #889ca3;
width: 160px;
height: 48px;
display: inline-block;
line-height: 2.5em;
text-align: center;
}
.seo-block .bb-header .button .inner {
font-family: 'Flama';
font-size : 18px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #889ca3;
}
.seo-block .bb-header .button .inner:hover {
border: 1px solid #003C50;
}
.seo-block .bb-header .button .inner:hover a {
color: #003C50;
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
.seo-block .bb-header .button {
padding-bottom: 40px;
padding-top: 20px;
}
.seo-block .bb-header .button:last-child {
padding-bottom: 35px;
text-align: center;
}
.seo-block .bb-header p {
font-size : 20px;
line-height : 30px;
letter-spacing : 0.4px;
}
.seo-block .bb-header h5 {
padding-bottom: 0px;
}
.seo-block .bb-header h2 {
padding-top: 5px !important;
}
.seo-block .bb-header h1 {
font-size : 36px;
line-height : 39px;
letter-spacing : 1.44px;
padding-top: 0px;
}
.seo-block .bb-header p {
padding-top: 2px;
margin-bottom: 0px;
}
}
/* SEO END */
/* TOURBIS PAGE TEMPLATE EXTRAS */
.page-template-template-tourbis-detail .before-footer .row_col_wrap_12 {
padding-right: 120px;
}
.page-template-template-tourbis-detail .before-footer .row_col_wrap_12 {
padding-left: 120px;
}
@media only screen and (min-width: 320px)and (max-width: 999px) {
.page-template-template-tourbis-detail .before-footer .row_col_wrap_12 {
padding-right: 30px;
}
.page-template-template-tourbis-detail .before-footer .row_col_wrap_12 {
padding-left: 30px;
}
}
/* TOURBIS PAGE TEMPLATE EXTRAS END */
/* FOOTER */
#footer-magazin .row-bg-wrap:after {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
background : #889CA3;
background : rgba(136, 156, 163, 1);
opacity : 0.3;
filter: alpha(opacity=30) progid:DXImageTransform.Microsoft.Alpha(opacity=30) ;
}
#footer-magazin .bb-magazin .header h1 {
color: #fff;
font-family: 'Flama';
font-size: 80px;
line-height: 90px;
letter-spacing: 3.2px;
text-transform: uppercase;
width: 80%;
margin-top: -20px;
}
#footer-magazin .bb-magazin .p {
color: #fff;
font-family: 'Eckhart';
font-size : 32px;
line-height : 44px;
letter-spacing : 0.16px;
}
#footer-magazin .bb-magazin .p p {
padding-bottom: 10px;
}
#footer-magazin .form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
#footer-magazin .form-inline input[type="text"] {
width: 70%;
border: 1px solid #fff;
font-size: 1.125rem;
line-height: 1.35rem;
margin-bottom:30px;
}
#footer-magazin .form-inline .bb-magazin-button {
height: 43px;
border-radius: 0px !important;
border: 1px solid #fff;
background: transparent;
font-family: 'Flama';
text-transform: uppercase;
padding: 0px 10px;
font-size : 18px;
letter-spacing : 1.44px;
width: 160px;
margin-bottom: 30px;
}
#footer-magazin ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #4A4A4A ;
font-family: 'GothamXNarrow-Book';
line-height: 1.35rem;
font-size : 18px;
}
#footer-magazin ::-moz-placeholder { /* Firefox 19+ */
color: #4A4A4A ;
font-family: 'GothamXNarrow-Book';
line-height: 1.35rem;
font-size : 18px;
}
#footer-magazin :-ms-input-placeholder { /* IE 10+ */
color: #4A4A4A ;
font-family: 'GothamXNarrow-Book';
line-height: 1.35rem;
font-size : 18px;
}
#footer-magazin :-moz-placeholder { /* Firefox 18- */
color: #4A4A4A ;
font-family: 'GothamXNarrow-Book';
line-height: 1.35rem;
font-size : 18px;
}
#footer-magazin .bb-magazin.right-padding {
padding-right: 120px;
}
#footer-magazin.footer-right_padding_120px {
padding-right: 120px;
}
#footer-magazin button[type="submit"]:hover {
background: none !important;
}
#footer-magazin.footer-left_padding_120px {
padding-left: 120px;
}
/* MADE WITH LOVE
*/
#copyright .made {
text-align: center;
font-size: 1rem;
line-height: 1rem;
color: #889CA3;
}
#copyright p.made {
line-height: 22px;
margin-top: 55px !important;
}
#copyright svg {
fill: #889CA3;
width: 15px;
height: 15px;
display: inline-block;
margin: 0 3px;
}
input[type="text"]
{
color: #4a4a4a;
font-family: 'Flama';
font-size: 24px;
line-height: 28.8px;
text-transform: uppercase;
}
#footer-outer[data-full-width="1"] .container {
width: 100%;
padding: 0 120px;
max-width: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #003C50 ;
font-family: 'GothamXNarrow-Book';
font-size: 24px;
}
::-moz-placeholder { /* Firefox 19+ */
color: #003C50 ;
font-family: 'GothamXNarrow-Book';
font-size: 24px;
}
:-ms-input-placeholder { /* IE 10+ */
color: #003C50 ;
font-family: 'GothamXNarrow-Book';
font-size: 24px;
}
:-moz-placeholder { /* Firefox 18- */
color: #003C50 ;
font-family: 'GothamXNarrow-Book';
font-size: 24px;
}
.bb-footer.anker:after {
content: url(../binz-child/images/content/anker.svg);
width: 62px;
position: relative;
object-fit: contain;
left: 0px;
text-align: center;
display: block;
top: 0px;
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
#footer-magazin.right_padding_120px {
padding-right: 30px;
}
#footer-magazin.left_padding_120px {
padding-left: 30px;
}
#footer-magazin .bb-magazin .header h1 {
font-size : 40px;
line-height : 43px;
letter-spacing : 1.6px;
}
#footer-magazin .row_col_wrap_12.col.span_12.dark.left {
padding-right: 0px !important;
padding-left: 0px !important;
}
#footer-magazin .divider-wrap .divider {
height: 30px !important;
}
#footer-magazin .bb-magazin .header h1 {
padding-left: 0px;
padding-top:0px !important;
}
#footer-magazin .bb-magazin.right-padding {
padding-right: 0px !important;
}
#footer-magazin .bb-magazin .p {
font-size : 22px;
line-height : 30px;
letter-spacing : 0.11px;
}
#footer-magazin .form-inline {
display: grid;
}
#footer-magazin .form-inline input[type="text"] {
width: 100%;
margin-bottom: 30px;
}
#footer-magazin .form-inline .bb-magazin-button {
left: 30%;
position: relative;
width: 40%;
}
#footer-magazin .wpb_wrapper > div {
margin-bottom: 12px;
}
#footer-magazin .bb-magazin .p p {
padding-bottom: 20px;
}
#footer-magazin .bb-magazin.right-padding {
padding-right: 300px;
}
#footer-magazin.footer-right_padding_120px {
padding-right: 30px;
}
#footer-magazin.footer-left_padding_120px {
padding-left: 30px;
}
}
/* FOOTER MAGAZIN END */
/* FOOTER WIDGET */
@media screen and (max-width: 767px) and (max-aspect-ratio: 13/9) {
#footer-outer .container {
padding:0px 30px 0px 30px !important;
}
#footer-outer #footer-widgets{
padding-top: 30px;
}
}
.textwidget .footer-kontakt
{
font-family : 'GothamXNarrow-Book';
font-size : 20px;
line-height : 34px;
letter-spacing : 0.4px;
color : #889CA3;
}
ul.footer-kontakt {
margin-bottom: 30px;
}
.textwidget .footer-kontakt a:hover
{
color : #003C50;
font-size : 20px;
line-height : 34px;
letter-spacing : 0.4px;
}
#footer-magazin .bb-magazin .p p {
padding-bottom: 0px;
width: 100%;
font-family: 'Eckhart' !important;
}
#footer-magazin .bb-magazin.right-padding {
padding-right: 30px;
}
#footer-outer .row {
padding: 60px 60px 15px 60px !important;
}
.material #footer-outer #footer-widgets .col ul li {
padding: 0px 0 !important;
}
#footer-outer[data-full-width="1"] .col.span_3.last-child {
text-align: right;
}
#footer-outer .magazin-footer {
float: right;
}
#footer-outer .magazin-footer:before {
content: url(../binz-child/images/content/magazin.svg);
width: 62px;
position: relative;
object-fit: contain;
left: 0px;
text-align: center;
display: block;
top: 0px;
}
#footer-outer #copyright[data-layout="centered"] {
padding: 7px 45px 65px 45px;
}
/* FOOTER ICONS SOCIAL */
#copyright .fa-facebook:before {
content: url("../binz-child/images/content/facebook.svg");
width: 32px;
position: relative;
object-fit: contain;
left: 0px;
text-align: center;
display: block;
top: 0px;
}
#copyright .fa-youtube-play:before {
content: url("../binz-child/images/content/youtube.svg");
width: 32px;
position: relative;
object-fit: contain;
left: 0px;
text-align: center;
display: block;
top: 0px;
}
#copyright .fa-instagram:before {
content: url("../binz-child/images/content/instagram.svg");
width: 32px;
position: relative;
object-fit: contain;
left: 0px;
text-align: center;
display: block;
top: 0px;
}
#copyright .fa-twitter:before {
content: url("../binz-child/images/content/twitter.svg");
width: 32px;
position: relative;
object-fit: contain;
left: 0px;
text-align: center;
display: block;
top: 0px;
}
/* CONTAINER */
body[data-col-gap="24px"] .vc_row-fluid .wpb_column, body .container-wrap .vc_row-fluid[data-column-margin="24px"] .wpb_column:not(.child_column), body .container-wrap .inner_row[data-column-margin="24px"] .child_column {
border-left:12px solid transparent;
border-right:12px solid transparent;
padding-bottom: 24px;
}
body .container-wrap .bb-typ2 .inner_row[data-column-margin="24px"] .child_column {
border-left: 0px solid transparent !important;
border-right: 0px solid transparent !important;
padding-bottom: 0px !important;
padding-left: 24px;
}
body .container-wrap .inner_row[data-column-margin="24px"] .child_column:first-child {
border-left:0px solid transparent;
border-right:12px solid transparent;
padding-bottom: 24px;
}
body .container-wrap .inner_row[data-column-margin="24px"] .child_column:last-child {
border-left:12px solid transparent;
border-right:0px solid transparent;
padding-bottom: 24px;
}
.container.main-content{
padding: 0px 0px;
}
/* PAGE HEADER */
#page-header-bg:before, body.search-results .page-header-bg:after {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
left:0px;
background : -moz-linear-gradient(50% 100% 90deg,rgba(136, 156, 163, 0.7) 10%,rgba(136, 156, 163, 0) 60%,rgba(74, 74, 74, 0) 70%,rgba(74, 74, 74, 0.4) 100%);
background : -webkit-linear-gradient(90deg, rgba(136, 156, 163, 0.7) 10%, rgba(136, 156, 163, 0) 60%, rgba(74, 74, 74, 0) 70%, rgba(74, 74, 74, 0.4) 100%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.1,rgba(136, 156, 163, 0.7) ),color-stop(0.6,rgba(136, 156, 163, 0) ),color-stop(0.7,rgba(74, 74, 74, 0) ),color-stop(1,rgba(74, 74, 74, 0.4) ));
background : -o-linear-gradient(90deg, rgba(136, 156, 163, 0.7) 10%, rgba(136, 156, 163, 0) 60%, rgba(74, 74, 74, 0) 70%, rgba(74, 74, 74, 0.4) 100%);
background : -ms-linear-gradient(90deg, rgba(136, 156, 163, 0.7) 10%, rgba(136, 156, 163, 0) 60%, rgba(74, 74, 74, 0) 70%, rgba(74, 74, 74, 0.4) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3', endColorstr='#4A4A4A' ,GradientType=0)";
background : linear-gradient(0deg, rgba(136, 156, 163, 0.7) 10%, rgba(136, 156, 163, 0) 60%, rgba(74, 74, 74, 0) 70%, rgba(74, 74, 74, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A4A4A',endColorstr='#889CA3' , GradientType=0);
}
span.bblue {
color:#003c50 !important;
}
/* SEARCH */
#search-outer #search {
height: 100px;
}
body.material #search-outer {
min-height: 100px;
}
body.material #search-outer #search #search-box input[type="text"] {
font-family: 'GothamXNarrow-Book';
text-transform: none;
}
body.material #search-outer #search #search-box input[type="text"] {
font-size: 40px;
font-weight: normal;
}
.nectar-ajax-search-results .post-featured-img {
border-radius: 0px;
height: 50px;
width: 50px;
}
.nectar-ajax-search-results .search-post-item a {
min-height: 50px;
margin: 0 0 15px 0;
}
.nectar-ajax-search-results .search-post-item h5 {
color: #003c50;
font-weight: normal;
}
body.material #header-outer:not([data-format="left-header"]) #search-outer {
padding-bottom: 50px;
}
.nectar-ajax-search-results .meta {
font-size: 16px;
}
.material #header-outer.transparent .bg-color-stripe {
top: 0px;
height: 100px;
}
#header-outer:not(.side-widget-open, .transparent) header {
box-shadow : 0px 5px 6px rgba(74, 74, 74, 0.18) !important;
}
#search-outer #search #close a::before {
background-color:#889ca3;
}
body.material #search-outer #search #close .close-line {
background-color: #fff !important;
}
.material:not([data-header-format="left-header"]) #header-outer:not(.transparent) .bg-color-stripe {
display: none;
}
.nectar-ajax-search-results .search-post-item h5 {
margin-bottom: 0;
line-height: 1.3;
font-family: 'Flama';
font-size: 21px;
}
.nectar-ajax-search-results .meta {
font-family: 'GothamXNarrow-Medium';
}
.nectar-ajax-search-results .post-featured-img {
border-radius: 0;
}
/* FAVORITE BUTTON */
button.simplefavorites-clear {
position:absolute;
bottom:0px;
}
.simplefavorite-button {
background: none;
display: inline-grid;
padding: 20px 10px 18px 9px;
font-size: 20px;
}
/*
.simplefavorite-button {
background: none;
padding: 20px 0px 0px 20px;
display: inline-block;
height: 50px;
margin-left: -9px;
}
*/
.bookmarks {
position: absolute;
top: 0px;
width: 40px;
height: 40px;
background-color: #003C50;
z-index: 11;
right: 0px;cursor: pointer;
}
.simplefavorite-button.active {
opacity: 1;
}
.simplefavorite-button .wishlist-icon::before {
font-family: 'ui-bb' !important;
content: "\e91c";
color:#fff;
font-size: 20px;
}
.simplefavorite-button .wishlist-icon:hover::before {
font-family: 'ui-bb' !important;
content: "\e91b";
color: #fff;
}
.simplefavorite-button .wishlist-icon-fill::before {
font-family: 'ui-bb' !important;
content: "\e91b";
color: #fff;
}
.simplefavorite-button .wishlist-icon-fill:hover::before {
font-family: 'ui-bb' !important;
content: "\e91c";
color: #fff;
}
/* WATCHLIST */
#top nav > ul > .megamenu > ul.watchlist > li {
width: 25%;
}
#header-outer:not(.transparent) .sf-menu > li ul {
border-color: #fff;
}
.menu-merkliste .sub-menu {
height: 500px;
}
.sub-menu h3.header{
line-height: 2em;
}
/*BB-GRID SYSTEM POST CUSTOM POST TYP*/
.bb-grid-system .nectar-post-grid-item-bg:before {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
background : -moz-linear-gradient(50% 100% 90deg,rgba(74, 74, 74, 0.4) 10%,rgba(77, 78, 78, 0.32) 22.42%,rgba(86, 89, 91, 0.23) 35.29%,rgba(100, 108, 111, 0.14) 48.37%,rgba(120, 135, 140, 0.06) 61.5%,rgba(136, 156, 163, 0) 70%);
background : -webkit-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.1,rgba(74, 74, 74, 0.4) ),color-stop(0.2242,rgba(77, 78, 78, 0.32) ),color-stop(0.3529,rgba(86, 89, 91, 0.23) ),color-stop(0.4837,rgba(100, 108, 111, 0.14) ),color-stop(0.615,rgba(120, 135, 140, 0.06) ),color-stop(0.7,rgba(136, 156, 163, 0) ));
background : -o-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -ms-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A4A4A', endColorstr='#889CA3' ,GradientType=0)";
background : linear-gradient(0deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3',endColorstr='#4A4A4A' , GradientType=0);
}
.bb-grid-system .post-heading {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size : 50px;
line-height : 54px;
letter-spacing : 2px;
}
.bb-grid-system .meta-date {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size : 22px;
letter-spacing : 0.66px;
margin-bottom: 5px;
}
.bb-grid-system .simplefavorite-button {
background: none;
padding: 5px 0px 0px 20px;
display: inline-block;
height: 50px;
margin-left: -20px;
}
.bb-grid-system .button {
text-align: center;
z-index: 11;
position: relative;
bottom: 45px;
display: inline;
margin-left: -160px;
}
.bb-grid-system .button .inner {
color:#fff;
border: 1px solid #fff;
width: 160px;
height: 48px;
display: inline-block;
line-height: 2.5em;
background: transparent;
}
.bb-grid-system .button .inner {
font-family: 'Flama';
font-size : 24px;
line-height: 46px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #fff;
}
/* BUTTON LARGE FOR HOTEL ETC */
.bb-grid-system .button.large {
text-align: center;
z-index: 11;
position: relative;
bottom: 45px;
display: inline;
margin-left: -265px;
}
.bb-grid-system .button.large .inner {
color:#fff;
border: 1px solid #fff;
width: 270px;
height: 77px;
line-height: 2.5em;
background: transparent;
}
.bb-grid-system .button.large .inner .row-cell {
display: grid;
grid-template-rows: 50% 50%;
grid-template-columns: 50% 50%;
}
.bb-grid-system .button.large .inner .row-cell .cell:first-child {
font-size : 18px;
letter-spacing : 1.44px;
line-height: 1.2em;
text-align: left;
padding: 15px 0px 15px 20px;
}
.bb-grid-system .button.large .inner .row-cell .cell:last-child {
font-size : 60px;
letter-spacing : 1.2px;
padding: 15px 10px 15px 0px;
}
.accommondation .bb-grid-system .post-heading {
font-size : 40px;
letter-spacing : 1.6px;
}
.bb-grid-system .button.large .inner {
font-family: 'Flama';
font-size : 18px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #fff;
}
.nectar-post-grid .accommondation .nectar-post-grid-item.bb-grid-system .content .post-heading {
margin-bottom: 75px;
}
.nectar-post-grid .nectar-post-grid-item.bb-grid-system .content .item-main {
top: 0px;
}
.nectar-post-grid .bb-grid-system .content {
justify-content: flex-end !important;
}
.nectar-post-grid .nectar-post-grid-item.bb-grid-system .content .post-heading {
max-width: 100%;
margin-bottom: 70px;
}
.nectar-post-grid[data-columns="3"][data-grid-spacing="none"] .nectar-post-grid-item {
width: 33.333%;
margin: 0;
border-right: 24px solid transparent;
}
.nectar-post-grid[data-grid-item-height="75vh"] .nectar-post-grid-item.bb-grid-system {
min-height: 30vw;
margin-bottom: 24px;
}
.nectar-post-grid[data-grid-item-height="100vh"] .nectar-post-grid-item.bb-grid-system {
min-height: 37vw;
height: 37vh;
margin-bottom: 24px;
}
.nectar-post-grid-item-bg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: all 1s;
}
.nectar-post-grid-item-bg.quote {
background: #889ca3 !important;
}
.bb-grid-system .nectar-post-grid-item-bg.quote:before {
position: absolute;
content: '';
background-image: none;
z-index: 10;
width: 100%;
height: 100%;
}
.bb-grid-system.nectar-post-grid-item:not(.bg-overlay):hover .nectar-post-grid-item-bg {
-webkit-transform: scale(1.13) !important;
transform: scale(1.13) !important;
}
body.material .main-content .nectar-post-grid .nectar-post-grid-item:hover .inner {
overflow: hidden !important;
}
body.overflow {
overflow: hidden !important;
margin: 0;
height: 100%;
}
html.overflow {
overflow: hidden !important;
margin: 0;
height: 100%;
}
.nectar-post-grid[data-text-layout="all_middle"] .content .quote-left {
position: absolute;
left: 20px;
top: 30px;
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size: 40px;
line-height: 42px;
letter-spacing: 2px;
width: 40%;
text-align: right;
}
.nectar-post-grid[data-text-layout="all_middle"] .content .quote-right {
position: absolute;
right: 42%;
bottom: 29%;
font-family: 'Flama';
text-transform: uppercase;
font-size: 40px;
line-height: 42px;
letter-spacing: 2px;
width: 10%;
text-align: left;
color: #003e51;
}
.nectar-post-grid[data-text-hover-color="light"] .nectar-post-grid-item.bb-grid-system:hover .content .quote-left {
color: #003e51;
}
.nectar-post-grid[data-text-hover-color="light"] .nectar-post-grid-item.bb-grid-system:hover .content .quote-right {
color: #fff;
}
.nectar-post-grid-wrap .load-more-wrap {
text-align: center;
margin: 30px 60px 60px 50px;
}
.nectar-post-grid-wrap .load-more {
padding: 10px 40px;
color: #889ca3;
border: 0px solid rgba(0,0,0,0.15);
background-color: transparent;
display: inline-block;
position: relative;
transition: none;
font-size : 26px;
letter-spacing : 1.3px;
font-family: 'Flama';
text-transform: uppercase;
}
.nectar-post-grid-wrap .load-more:hover {
background: none !important;
color: #003e51;
border: 0px solid rgba(0,0,0,0.15);
}
.nectar-post-grid-wrap .load-more:after {
content: url(../binz-child/images/content/load-more.svg);
width: 62px;
position: relative;
object-fit: contain;
left: 25px;
text-align: center;
display: block;
top: 18px;
}
.nectar-post-grid-wrap .load-more:hover:after {
transform: rotate(45deg);
}
@media screen and (max-width: 999px) and (max-aspect-ratio: 13/9) {
.nectar-post-grid[data-columns="3"][data-grid-spacing="none"] .nectar-post-grid-item.bb-grid-system {
width: 100%;
margin: 10px 10px 0px 10px;
}
.nectar-post-grid-wrap .load-more-wrap {
margin: 15px 60px 27px 50px;
}
.bb-grid-system .post-heading {
font-size : 40px;
line-height : 43px !important;
letter-spacing : 1.6px;
}
.bb-grid-system .button {
bottom: 15px;
}
.nectar-post-grid .nectar-post-grid-item.bb-grid-system .content .post-heading {
margin-bottom: 32px;
}
.nectar-post-grid .nectar-post-grid-item.bb-grid-system .content .post-heading {
margin-bottom: 32px;
}
.nectar-post-grid .nectar-post-grid-item.bb-grid-system.price-field .content .post-heading {
margin-bottom: 60px;
}
.nectar-post-grid[data-grid-item-height="75vh"] .nectar-post-grid-item.bb-grid-system {
min-height: 444px;
}
.nectar-post-grid[data-columns="3"][data-grid-spacing="none"] .nectar-post-grid-item {
border-right: 0px solid transparent;
}
.nectar-post-grid[data-text-layout="all_middle"] .content .quote-left {
font-size: 33px;
line-height: 39px;
}
.nectar-post-grid[data-text-layout="all_middle"] .content .quote-right {
right: 42%;
bottom: 31.5%;
font-size: 33px;
line-height: 39px;
width: 8%;
}
}
/* FOOTER */
#footer-outer[data-custom-color="true"] #footer-widgets a:not(.nectar-button) {
font-family: 'GothamXNarrow-Book';
font-size : 20px;
line-height : 34px;
letter-spacing : 0.4px;
color: #889ca3 !important;
opacity: 1;
font-weight: normal !important;
}
#footer-outer[data-custom-color="true"] #footer-widgets a:not(.nectar-button):hover {
color: #003c50 !important;
opacity: 1;
}
@media screen and (min-width: 320px) and (max-width: 770px) and (max-aspect-ratio: 13/9) {
#footer-outer .row {
padding:0px 0px 25px 0px !important;
}
#copyright p.made {
margin-top: 40px !important;
}
#footer-widgets .container .col:nth-child(1) {
width: 50%;
position: relative;
float: left;
border-right: none !important;
}
#footer-widgets .container .col:nth-child(2) {
width: 50%;
position: relative;
float: left;
border-right: none !important;
}
#footer-widgets .container .col:nth-child(4) {
width: 100%;
position: relative;
text-align: center;
}
#footer-outer .magazin-footer {
float: none !important;
text-align: center;
}
#footer-outer .magazin-footer::before {
left: 40%;
}
}
/* POST GRID END POST */
/* SCROLLINGTELLING MAP */
.page-template-template-binzerbucht-map #scrollbox h2 {
font-family: 'Flama';
font-weight: 400;
font-style: normal;
text-transform: uppercase;
color: #fff;
}
.page-template-template-binzerbucht-map #scrollbox div.poi-container {
width: 65%;
}
.page-template-template-binzerbucht-map .poi-description {
font-family: 'GothamXNarrow-Book';
font-size:24px;
color: #fff;
}
.page-template-template-binzerbucht-map .background-gradient-white {
background: linear-gradient(to right,rgba(74,74,74,0) ,rgba(74,74,74,.7));
}
.page-template-template-binzerbucht-map #scrollbox {
width: 65%;
float: right;
padding: 0px 30px 0px 25px;
text-align: right;
margin: 0;
z-index: 10;
position: relative;
margin-bottom:-40px;
}
body.page-template-template-binzerbucht-map #page-header-wrap {
z-index:11;
}
.page-template-template-binzerbucht-map #page-header-bg h1::after {
content: none !important;
}
.page-template-template-binzerbucht-map #loading-process {
position: absolute;
top: 2%;
left: -10px;
z-index: 11;
border: 1px #fff solid;
}
.page-template-template-binzerbucht-map #page-header-wrap.fullscreen-header #page-header-bg, .page-template-template-binzerbucht-map #page-header-wrap.fullscreen-header {
height: calc(100vh - 88px);
}
.page-template-template-binzerbucht-map #page-header-bg .span_6 span.subheader, .page-template-template-binzerbucht-map #page-header-bg .span_6 span.subheader i {
font-family: 'Flama';
font-weight: 500;
font-style: normal;
font-size: 60px;
line-height: 70px;
letter-spacing: 2px;
text-transform: uppercase;
width: 40%;
display: block;
}
.page-template-template-binzerbucht-map #page-header-bg h1 {
margin-bottom: 0px;
}
@media screen and (min-width: 320px) and (max-width: 460px) and (max-aspect-ratio: 13/9) {
.page-template-template-binzerbucht-map #page-header-bg.fullscreen-header .span_6 span.subheader, .overlaid-content .subheader {
font-size: 34px !important;
line-height: 40px !important;
width: 75%;
}
.page-template-template-binzerbucht-map #scrollbox {
width: 100%;
padding: 0px 30px 0px 25px;
margin-bottom:-40px;
}
.page-template-template-binzerbucht-map .poi-description {
font-size:20px;
}
}
@media screen and (max-width: 995px) and (max-aspect-ratio: 13/9) {
/* WEBCAM */
body.page-template-webcam .container {
margin: 0px !important;
}
body.page-template-webcam #search > .container, body.page-template-webcam .nectar-ajax-search-results > .container {
margin: 21px !important;
}
.page-template-template-binzerbucht-map #page-header-bg[data-alignment-v="top"] .span_6, #page-header-bg[data-alignment-v="top"] .nectar-particles .inner-wrap, .page-template-template-binzerbucht-map #page-header-bg[data-alignment-v="top"].fullscreen-header .span_6 {
top: 15%!important;
}
.page-template-template-binzerbucht-map #page-header-bg.fullscreen-header .span_6 h1 {
margin-bottom: 15px;
}
.page-template-template-binzerbucht-map #scrollbox h2 {
font-size: 36px;
line-height: 40px;
}
.page-template-template-binzerbucht-map #scrollbox div.poi-container {
width: 90%;
}
.page-template-template-binzerbucht-map .poi-description {
line-height: 24px !important;
}
.page-template-template-binzerbucht-map #loading-process {
top:65%;
}
.page-template-template-binzerbucht-map #page-header-bg.fullscreen-header .span_6 span.subheader, .overlaid-content .subheader {
font-size: 50px !important;
line-height: 60px !important;
width: 100%;
}
.page-template-template-binzerbucht-map.material #page-header-wrap, .page-template-template-binzerbucht-map[data-header-resize="0"] #page-header-wrap {
margin-top: -20px;
}
.page-template-template-binzerbucht-map #page-header-bg .span_6 h1, #page-header-bg.fullscreen-header .span_6 h1 {
font-size: 30px !important;
line-height: 30.6px;
}
}
/* BEREICHSSTART / bb-dynamic-pageheader */
.page-template-template-bereichsstart #page-header-bg::before, .bb-dynamic-pageheader #page-header-bg::before {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
left: 50%;
background : #889CA3;
background : rgba(136, 156, 163, 1);
opacity : 0.75;
filter: alpha(opacity=75) progid:DXImageTransform.Microsoft.Alpha(opacity=75) ;
}
.page-template-template-bereichsstart .header-wrap-txt, .bb-dynamic-pageheader .header-wrap-txt {
z-index: 11;
font-family: 'Flama';
font-size : 50px;
line-height : 90px;
letter-spacing : 2px;
color: #fff;
text-transform: uppercase;
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 1024px) and (max-aspect-ratio: 13/9) {
/*STRECHT WRAP TO CONTENT*/
.page-template-template-bereichsstart #page-header-bg::before, .bb-dynamic-pageheader #page-header-bg::before {
width: 100%;
height: 50%;
left: 0;
bottom: 0;
}
}
.row-right {
position: absolute;
right: 0;
top: 50%;
width: 50%;
}
@media screen and (min-width: 1000px) and (max-width: 1024px) and (max-aspect-ratio: 13/9) {
.menu-merkliste a.merkliste::before {
left: 60px !important;
}
}
@media screen and (max-width: 1024px) and (max-aspect-ratio: 13/9) {
.row-right {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
top: 0;
}
/*
.menu-merkliste a.merkliste::before {
left: 61px !important;
}
*/
.menu-merkliste .count.mobile.distance {
left: 101px;
}
.menu-merkliste .count.mobile {
left: 97px;
}
.page-template-template-bereichsstart .header-wrap-txt, .bb-dynamic-pageheader .header-wrap-txt {
z-index: 11;
position: relative;
top: 75%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.page-template-template-bereichsstart .header-wrap-txt h1, .bb-dynamic-pageheader .header-wrap-txt h1 {
font-size : 40px !important;
line-height : 45px;
letter-spacing : 1.6px;
padding:0px 30px 0px 30px;
}
.page-template-template-bereichsstart:not(.single-post) #page-header-bg:not(.fullscreen-header), .bb-dynamic-pageheader:not(.single-post) #page-header-bg:not(.fullscreen-header) {
padding-top: 0;
padding-bottom: 0;
}
}
.page-template-template-bereichsstart .header-wrap-txt h1, .bb-dynamic-pageheader .header-wrap-txt h1 {
font-size: 56px;
}
.page-template-template-bereichsstart #page-header-bg[data-bg-pos="center-top"] .page-header-bg-image, .bb-dynamic-pageheader #page-header-bg[data-bg-pos="center-top"] .page-header-bg-image {
background-position:50% 80%;
}
.page-template-template-bereichsstart #page-header-bg[data-bg-pos="center-bottom"] .page-header-bg-image, .bb-dynamic-pageheader #page-header-bg[data-bg-pos="center-bottom"] .page-header-bg-image {
background-position:50% 30%;
}
.bb-dynamic-pageheader
.page-template-template-bereichsstart #page-header-bg[data-bg-pos="center-center"] .page-header-bg-image, .bb-dynamic-pageheader #page-header-bg[data-bg-pos="center-center"] .page-header-bg-image {
background-position:50% 50%;
}
.page-template-template-bereichsstart[data-header-resize="0"] #page-header-wrap, .page-template-template-bereichsstart #page-header-bg, .page-template-template-bereichsstart:not(.single-post) #page-header-bg:not(.fullscreen-header), .bb-dynamic-pageheader[data-header-resize="0"] #page-header-wrap, .bb-dynamic-pageheader #page-header-bg, .bb-dynamic-pageheader:not(.single-post) #page-header-bg:not(.fullscreen-header), .page-template-template-list:not(.single-post) #page-header-bg:not(.fullscreen-header), .post-template-default:not(.single-post) #page-header-bg:not(.fullscreen-header), .blog:not(.single-post) #page-header-bg:not(.fullscreen-header), .page-template-wishlist:not(.single-post) #page-header-bg:not(.fullscreen-header)
{
height: 70vh !important;
}
/* BLOG */
body.date #page-header-wrap #page-header-bg, body.author #page-header-wrap #page-header-bg {
height: 70vh !important;
padding-top: 8%;
padding-bottom: 8%;
}
body.date #page-header-bg[data-bg-pos="center"] .page-header-bg-image, body.author #page-header-bg[data-bg-pos="center"] .page-header-bg-image {
background-position: 20% center;
}
body[data-bg-header="true"].date .container-wrap {
padding-top: 0px !important;
}
body.author #page-header-wrap #page-header-bg::after, body.author #page-header-wrap #page-header-bg::before {
background: none !important;
}
body.date #page-header-wrap #page-header-bg::before, body.date #page-header-wrap #page-header-bg::before, body.author #page-header-wrap #page-header-bg::after, body.author #page-header-wrap #page-header-bg::after {
background: none !important;
}
.post-author .meta-category, .post-author .meta-category a {
color: #889ca3;
font-size: 60px;
line-height: 90px;
letter-spacing: 3.2px;
font-family: 'Flama';
text-transform: uppercase;
}
.post-area.standard-minimal .post .post-header, .post-area.standard-minimal .post .post-header a {
margin-bottom: 40px;
font-size: 60px;
line-height: 68px;
letter-spacing: 2.4px;
color: #003c50;
font-family: 'Flama';
text-transform: uppercase;
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 13 / 9) {
.post-author .meta-category, .post-author .meta-category a, .post-area.standard-minimal .post .post-header {
font-size: 22px !important;
line-height: 0px !important;
margin-bottom: 0px;
}
.post-area.standard-minimal .post .post-header, .post-area.standard-minimal .post .post-header a {
font-size: 30px !important;
line-height: 0px !important;
margin-bottom: 0px;
}
article.post .post-header h2 {
line-height: 32px;
}
article.post .excerpt {
font-size: 20px;
}
.post-area.standard-minimal.full-width-content .post {
border-bottom: 0px solid #e6e6e6;
padding-top: 20px !important;
}
.post-area.standard-minimal .post .content-inner .post-featured-img img {
margin-bottom: 10px !important;
}
.post-area.standard-minimal .post .more-link span {
margin-bottom: 0px !important;
}
}
.post-area.standard-minimal .post .more-link {
border:1px solid #889ca3;
width: 150px;
height: 50px;
text-align: center;
padding-right: 0px;
}
.post-area.standard-minimal .post .more-link:hover {
border: 1px solid #003C50;
}
.post-area.standard-minimal article.post .more-link span {
font-family: 'Flama';
font-size: 18px;
letter-spacing: 1.44px;
color: #889ca3 !important;
text-transform: uppercase;
line-height: 2.6em;
}
.post-area.standard-minimal .post .more-link a{
color: #889ca3;
}
.post-area.standard-minimal.full-width-content .post {
border-bottom: 0px solid #e6e6e6;
padding-top: 70px;
}
.post-area.standard-minimal .post .more-link .continue-reading {
text-align: center;
}
.post-area.standard-minimal .post .more-link span::before, .post-area.standard-minimal .post .more-link span::after {
display: none !important;
}
.page-template-template-list:not(.single-post) #page-header-bg[data-padding-amt="low"]:not(.fullscreen-header), .post-template-default:not(.single-post) #page-header-bg[data-padding-amt="low"]:not(.fullscreen-header) {
padding-top: 0;
padding-bottom: 0;
}
body.page-template-wishlist:not(.single-post) #page-header-bg:not(.fullscreen-header) {
padding-top: 0;
padding-bottom: 0;
height: 65vh !important;
}
.single-post #page-header-bg[data-post-hs="default_minimal"], .single-post #page-header-bg[data-post-hs="default"] {
padding-top: 0px;
padding-bottom: 50px;
}
/*END HEADER BEREICHSSTART */
.breadcrumb {
font-family: 'GothamXNarrow-Book';
font-size : 20px;
line-height : 36px;
letter-spacing : 0.4px;
padding-top: 30px;
padding-left: 120px;
padding-right: 120px;
background-color:none !important;
color: #889ca3;
}
.breadcrumb a {
color: #889ca3;
}
.breadcrumb span.current-page {
color:#003c50;
}
@media screen and (max-width: 695px) and (max-aspect-ratio: 13/9) {
.breadcrumb {
padding-left: 30px;
padding-right: 30px;
margin-bottom: 30px;
}
.breadcrumb {
padding-top: 17px;
}
.breadcrumb {
font-size : 18px;
line-height : 24px;
letter-spacing : 0.36px;
}
}
/* CORONA */
.page-template-template-corona:not(.single-post) #page-header-bg:not(.fullscreen-header) {
padding-top: 0;
padding-bottom: 0;
}
.page-template-template-corona.material #header-outer[data-full-width="true"]:not([data-format="left-header"]) #top nav > .buttons {
margin-top: 0px;
}
.page-template-template-corona .background-overlay {
position: absolute;
}
.page-template-template-corona #page-header-bg .span_6 .inner-wrap {
padding-top: 0px;
text-align: center;
}
span.icons {
background: #ff00ff;
padding: 10px;
}
.bb-toggle div[data-style*="minimal"] .toggle h3 i {
width: 30px;
height: 30px;
position: absolute;
right: auto;
left: 0;
top: 50%;
margin-top: -15px;
border: 2px solid #888;
border-radius: 30px 30px;
-ms-transition: border-color 0.15s ease;
transition: border-color 0.15s ease;
-webkit-transition: border-color 0.15s ease;
}
.bb-toggle div[data-style="minimal"] .toggle h3 {
font-weight: normal !important;
}
.bb-toggle div[data-style="minimal"] .toggle h3 a {
padding: 15px 30px 15px 70px;
font-size: 'Flama';
font-size : 30px;
line-height : 48px;
letter-spacing : 1.2px;
color: #889ca3;
text-transform: uppercase;
font-weight: normal !important;
}
.bb-toggle div[data-style="minimal"] .toggle:hover h3 a {
color: #003c50;
}
.bb-toggle .fa-plus-circle {
content: url(../binz-child/images/content/arrow_down.svg);
width: 62px;
position: relative;
object-fit: contain;
top: -15px;
left: 48%;
text-align: center;
display: block;
}
.bb-toggle .fa-minus-circle {
content: url(../binz-child/images/content/arrow_up.svg);
width: 62px;
position: relative;
object-fit: contain;
top: -15px;
left: 48%;
text-align: center;
display: block;
}
.bb-toggle div[data-style*="minimal"] .toggle h3 i {
border-color:none;
border:none;
}
.bb-toggle .toggles .wpb_wrapper ul li {
list-style: disc;
margin-left: 0px;
}
.bb-toggle .toggles {
padding-left: calc(30% - 120px);
}
@media screen and (max-width: 695px) and (max-aspect-ratio: 13/9) {
.bb-toggle .toggles {
padding-left: 30px !important;
}
.bb-toggle div[data-style="minimal"] .toggle h3 a {
padding: 30px 15px 30px 15px;
font-size: 22px;
line-height: 30px;
}
.bb-toggle div[data-style*="minimal"] .toggle h3 i {
left: -30px;
}
.bb-toggle div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {
padding: 0 0px 30px 15px !important;
}
.bb-list .bb-icon .wpb_wrapper {
text-align: center;
}
.bb-list .bb-header p {
font-size: 20px !important;
line-height: 30px !important;
letter-spacing: 0.4px !important;
padding-top: 10px !important;
}
.bb-list .bb-header h2 {
font-size: 36px !important;
line-height: 39px !important;
padding-top: 21px !important;
}
body.page-template-template-corona .bb-list .bb-header h2 {
font-size : 36px !important;
line-height : 39px !important;
}
body.page-template-template-corona .bb-list .bb-header p {
font-size : 20px !important;
line-height : 30px !important;
letter-spacing : 0.4px !important;
}
body.page-template-template-corona .img-with-aniamtion-wrap[data-border-radius="151px"] .img-with-animation {
border-radius: 200px;
}
body.page-template-template-corona .vc_col-sm-3 {
min-height: 400px !important;
}
.bb-list .button {
text-align: center !important;
margin-top: 45px;
}
}
body .bb-toggle .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap p, body .bb-toggle .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap ul li, body .bb-toggle .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap ol li {
font-family: 'GothamXNarrow-Book';
font-size : 20px;
line-height : 30px;
letter-spacing : 0.4px;
color: #4a4a4a;
}
.bb-toggle div[data-style="minimal"] .toggle {
border-bottom: none;
}
.bb-toggle div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {
padding: 0 0px 30px 70px;
}
.bb-list .bb-icon {
background: #889ca3;
}
.bb-list .bb-header h2 {
color: #889ca3;
font-size : 40px;
line-height : 43px;
letter-spacing : 1.2px;
font-family: 'Flama';
text-transform: uppercase;
padding-top:16px;
}
.bb-list .bb-header p {
color: #4a4a4a;
font-size : 24px;
line-height : 36px;
letter-spacing : 0.48px;
font-family: 'GothamXNarrow-Book';
padding-left: 0px;
padding-top: 25px;
margin-bottom: -6px;
}
.bb-list .nectar_icon_wrap[data-style="border-basic"] .nectar_icon {
background: #fff;
border:none;
}
.bb-list .button {
width: 100%;
text-align: left;
z-index: 11;
margin-top: 45px;
}
.bb-list .button .inner {
color:#889ca3;
border: 1px solid #889ca3;
width: 160px;
height: 48px;
display: inline-block;
line-height: 2.5em;
text-align: center;
}
.bb-list .button .inner {
font-family: 'Flama';
font-size : 18px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #889ca3;
}
.bb-list h1 {
font-size : 40px;
line-height : 43px;
letter-spacing : 1.2px;
padding-top: 15px;
}
/* BB LIST DYNAMIC */
.bb-list-dynamic .bb-icon {
background: #889ca3;
}
.bb-list-dynamic .bb-header h2 {
color: #889ca;
font-size : 40px;
line-height : 43px;
letter-spacing : 1.2px;
font-family: 'Flama';
text-transform: uppercase;
padding-top:16px;
}
.bb-list-dynamic .bb-header p {
color: #4a4a4a;
font-size : 24px;
line-height : 36px;
letter-spacing : 0.48px;
font-family: 'GothamXNarrow-Book';
padding-left: 0px;
padding-top: 25px;
margin-bottom: -6px;
}
.bb-list-dynamic .nectar_icon_wrap[data-style="border-basic"] .nectar_icon {
background: #fff;
border:none;
}
.bb-list-dynamic .button {
width: 100%;
text-align: left;
z-index: 11;
margin-top: 45px;
}
.bb-list-dynamic .button .inner {
color:#889ca3;
border: 1px solid #889ca3;
width: 160px;
height: 48px;
display: inline-block;
line-height: 2.5em;
text-align: center;
}
.bb-list-dynamic .button .inner {
font-family: 'Flama';
font-size : 18px;
letter-spacing : 1.44px;
text-transform: uppercase;
color: #889ca3;
}
.bb-list-dynamic .button:hover .inner {
color: #003c50;
border-color: #003c50;
}
.bb-list .button:hover .inner {
border-color: #003c50;
color: #003c50;
}
.bb-list-dynamic h1 {
font-size : 40px;
line-height : 43px;
letter-spacing : 1.2px;
padding-top: 15px;
}
.bb-list-dynamic-img img{
display: block;
}
.bb-list-margin {
padding-bottom: 60px;
}
.bb-list-dynamic {
padding-left: 120px;
padding-right: 120px;
padding-bottom: 60px;
}
.bb-list-dynamic .bb-header {
padding-left: 45px;
}
@media screen and (max-width: 695px) and (max-aspect-ratio: 13/9) {
.wpb_row.vc_row-fluid.bb-list-dynamic {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 45px;
}
.bb-list-dynamic .bb-header {
padding-left: 20px;
padding-right: 20px;
}
.bb-list-dynamic .button {
text-align: center;
}
}
.bb-list-dynamic .bb-list-dynamic-img:after {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
left: 0px;
top:0px;
background : -moz-linear-gradient(50% 100% 90deg,rgba(74, 74, 74, 0.4) 10%,rgba(77, 78, 78, 0.32) 22.42%,rgba(86, 89, 91, 0.23) 35.29%,rgba(100, 108, 111, 0.14) 48.37%,rgba(120, 135, 140, 0.06) 61.5%,rgba(136, 156, 163, 0) 70%);
background : -webkit-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.1,rgba(74, 74, 74, 0.4) ),color-stop(0.2242,rgba(77, 78, 78, 0.32) ),color-stop(0.3529,rgba(86, 89, 91, 0.23) ),color-stop(0.4837,rgba(100, 108, 111, 0.14) ),color-stop(0.615,rgba(120, 135, 140, 0.06) ),color-stop(0.7,rgba(136, 156, 163, 0) ));
background : -o-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
background : -ms-linear-gradient(90deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A4A4A', endColorstr='#889CA3' ,GradientType=0)";
background : linear-gradient(0deg, rgba(74, 74, 74, 0.4) 10%, rgba(77, 78, 78, 0.32) 22.42%, rgba(86, 89, 91, 0.23) 35.29%, rgba(100, 108, 111, 0.14) 48.37%, rgba(120, 135, 140, 0.06) 61.5%, rgba(136, 156, 163, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3',endColorstr='#4A4A4A' , GradientType=0);
}
/* BB LIST DYNAMIC END */
/* LOAD MORE BUTTON */
.load-more__btn {
width: 100%;
text-align: center;
display: block;
padding-top: 60px;
}
.load-more__btn span {
display: inline-block;
font-family: 'Flama';
font-size : 26px;
letter-spacing : 1.3px;
color : #889CA3;
text-transform: uppercase;
margin-top: 36px;
margin-bottom: 30px;
}
.load-more__btn span:after {
content: url(../binz-child/images/content/load-more.svg);
width: 62px;
position: relative;
object-fit: contain;
left: 80px;
text-align: center;
display: block;
top: 18px;
}
.load-more__btn span:hover {
background: none !important;
color: #003e51;
border: 0px solid rgba(0,0,0,0.15);
}
.load-more__btn span:after {
content: url(../binz-child/images/content/load-more.svg);
width: 62px;
position: relative;
object-fit: contain;
left: 80px;
text-align: center;
display: block;
top: 18px;
}
.load-more__btn:hover span:after {
transform: rotate(45deg);
}
.load-more__btn.accommondation span::after {
left: 40px;
}
/* BB ELEMENTS */
.bb-elements toubiz-widget h1 {
font-family: 'Flama';
}
/* SEARCH PAGE */
body.search #page-header-bg {
height: 65vh;
padding-bottom: 100px;
}
body.search-results #page-header-bg h1:not(.header-wrap-txt h1), html body .row .col.section-title h1 {
font-family: 'Flama';
text-transform: uppercase;
font-size: 30px;
line-height: 60px;
color:#fff;
}
body.search-results .result-num .number {
color: #889CA3;
}
body.search #header-outer.transparent, body.tax-listing_categories #header-outer.transparent {
background-color: transparent !important;
}
body.search #header-outer.scroll, body.tax-listing_categories #header-outer.scroll {
background-color: #fff;
}
body.search #header-outer, body[data-header-color="dark"] #header-outer, body.tax-listing_categories #header-outer, body[data-header-color="dark"] #header-outer {
background-color: rgba(255,255,255,0);
}
body.search #header-space, body.tax-listing_categories #header-space {
height: 0px !important;
}
#page-header-bg .result-num {
color: #fff;
}
.search-wrapper .bb-typ1 span.h5 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size: 22px;
letter-spacing: 0.66px;
margin-bottom: 5px;
}
.search-wrapper .bb-typ1 .header h2 {
font-family: 'Flama';
text-transform: uppercase;
color: #fff;
font-size: 40px;
line-height : 43px;
letter-spacing: 1px;
width: 100%;
text-align: center;
margin-bottom: 37px;
}
.img-with-aniamtion-wrap.bb-teaser-after.search img {
object-fit: cover;
width: 100%;
height: 25vw;
}
body.search #page-header-bg .header-wrap-txt h1 {
z-index: 11;
font-family: 'Flama';
font-size: 40px;
line-height: 90px;
letter-spacing: 2px;
color: #fff !important;
text-transform: uppercase;
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
#search-results.search-wrapper .vc_col-sm-4 {
margin-bottom: 24px;
}
.search-wrapper {
padding-left: 30px;
padding-right: 30px;
}
body.search .container-wrap .inner_row .child_column {
padding-left: 12px;
padding-right: 12px;
padding-bottom: 24px;
}
body.search #page-header-bg .header-wrap-txt h1 span i {
color: #fff;
font-size: 50px;
padding-right: 15px;
}
body.search #page-header-bg .header-wrap-txt h1 span::before {
content: url(../binz-child/images/content/welle.svg);
width: 62px;
position: absolute;
object-fit: contain;
top: 30px;
left: 48%;
text-align: center;
display: block;
}
body.search #page-header-bg .header-wrap-txt h1 span {
display: block;
font-size: 40px;
}
body.search .header-wrap-txt {
z-index: 11;
font-family: 'Flama';
font-size: 50px;
line-height: 90px;
letter-spacing: 2px;
color: #fff;
text-transform: uppercase;
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(0%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 1000px) and (max-aspect-ratio: 13/9) {
body.search .header-wrap-txt {
z-index: 11;
position: relative;
top: 75%;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
body.search #page-header-bg .header-wrap-txt h1 span {
display: block;
font-size: 35px;
}
body.search #page-header-bg .header-wrap-txt {
font-size: 40px;
}
body.search #page-header-bg .header-wrap-txt h1 span::before {
left: 42%;
}
body.search #page-header-bg .header-wrap-txt h1 {
line-height: 70px;
}
body.search #page-header-bg .header-wrap-txt h1 span::before {
top: 26px;
}
.search-wrapper {
padding-left: 0px;
padding-right: 0px;
}
}
/* PAGER */
body #pagination a.page-numbers:hover, body #pagination > span.page-numbers.current, body #pagination a.page-numbers:hover {
box-shadow: 0 6px 15px rgba(0,0,0,0.16);
height: 50px;
width: 50px;
text-align: center;
font-family: 'Flama';
font-size: 16px !important;
text-transform: uppercase;
color: #003C50 !important;
border: 1px solid #003C50;
background: #fff !important;
line-height: 30px !important;
border-radius: 0px !important;
}
body #pagination span.page-numbers.dots {
line-height: 30px !important;
font-size: 16px !important;
}
body #pagination > span.page-numbers, body #pagination a.page-numbers, body #pagination a.prev.page-numbers, body #pagination a.next.page-numbers {
box-shadow: none;
margin: 0px !important;
height: 50px;
width: 50px;
text-align: center;
font-family: 'Flama';
font-size: 16px !important;
text-transform: uppercase;
color: #4a4a4a;
border: 1px solid #f2f1ec;
background: #fff;
line-height: 30px !important;
border-radius: 0px !important;
}
#pagination {
height: 55px;
}
body #pagination a.prev.page-numbers:hover, body #pagination a.next.page-numbers:hover {
border-color: #003C50;
}
body #pagination a.prev.page-numbers, body #pagination a.next.page-numbers, body #pagination a.prev.page-numbers:hover, body #pagination a.next.page-numbers:hover {
width: 110px;
font-family: 'GothamXNarrow';
color: #003C50;
}
#pagination span.page-numbers.current {
background-color: #fff !important;
margin: 0px !important;
}
.search-result-pagination {
margin-bottom: 50px;
}
/* WISHLIST SITE */
.bb-wishlist {
padding-right: 120px;
padding-left: 120px;
padding-top: 75px;
padding-bottom: 50px;
}
.bb-wishlist-wrapper {
width: 100%;
margin: 0 auto;
text-align: center;
padding-top: 80px;
}
#bb-wishlist-gal {
list-style: none;
padding-left: 16px;
padding-right: 16px;
}
#buttons button {
font-size: 22px !important;
line-height: 28px;
letter-spacing: 1.1px;
color: #889ca3;
font-family: 'Flama';
text-transform: uppercase;
background: none;
border: none;
padding-bottom: 80px;
position: relative;
margin-right: 30px;
}
#buttons button.active::after {
content: "";
transition: 0.37s all cubic-bezier(0.23, 0.46, 0.4, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;
display: block;
left: 0;
height: 2px;
width: 100%;
background-color: #003c50;
bottom: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
#buttons button.active::after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
#bb-wishlist-gal > li {
width: 31.6%;
float: left;
margin: 12px;
position: relative;
}
#buttons button:hover {
color: #003c50;
cursor: pointer;
}
#bb-wishlist-gal .bb-typ1 .header h2 {
margin-bottom: 38px;
}
#bb-wishlist-gal .img-with-aniamtion-wrap.bb-typ1 p, .img-with-aniamtion-wrap.bb-typ1 h2 {
z-index: 1;
}
#bb-wishlist-gal .hover-wrap {
opacity: 1;
}
#bb-wishlist-gal li .img-with-aniamtion-wrap.bb-typ1 img {
object-fit: cover;
width:100%;
height:35vw;
}
#bb-wishlist-gal li .bb-typ1.inner-text .header h2 {
margin-bottom: 22px;
}
@media only screen and (min-width: 320px)and (max-width: 999px) {
.bb-wishlist {
padding-right: 30px;
padding-left: 30px;
padding-top: 0px;
padding-bottom: 30px;
}
.bb-wishlist-wrapper {
padding-right: 5px;
padding-left: 5px;
padding-top: 35px;
}
.bb-wishlist-wrapper #buttons {
padding-bottom: 25px;
}
#bb-wishlist-gal .bb-header h2 {
font-size: 40px;
line-height: 43px;
letter-spacing: 1.6px;
}
#buttons button {
padding-bottom: 20px;
margin-right: 10px;
}
#bb-wishlist-gal li .img-with-aniamtion-wrap.bb-typ1 img {
height: 100vw;
}
#bb-wishlist-gal {
list-style: none;
padding-left: 6px;
padding-right: 6px;
}
#bb-wishlist-gal > li {
width: 100%;
float: left;
padding-left: 0px;
padding-right: 0px;
margin: 0px 0px 10px 0px!important;
}
.bb-wishlist .bb-header h2 {
color: #889ca3;
font-size : 40px !important;
line-height : 45px !important;
font-family: 'Flama';
text-transform: uppercase;
padding-top:0px;
}
.bb-wishlist .bb-header h2.subtitle {
color:#003c50;
}
.bb-wishlist .bb-header .p {
color: #4a4a4a;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.48px;
font-family: 'GothamXNarrow-Book';
padding-left: 0px;
padding-top: 25px;
margin-bottom: -6px;
}
.bb-wishlist ul {
margin-left: 0px;
margin-bottom: 0px;
}
.wishlist .favorites-list li {
zoom: 1;
border-top: 0px solid rgba(0,0,0,0.2);
padding: .75em 0;
padding-top: 0.75em;
padding-left: 0px;
margin: 0;
}
.wishlist .favorites-list li {
display: inline-block;
}
.wishlist .favorites-list li a.favoriteHref {
color: #889ca3;
font-size: 40px;
line-height: 43px;
letter-spacing: 1.2px;
font-family: 'Flama';
text-transform: uppercase;
padding-top: 0px;
display: block;
}
.wishlist .favorites-list li {
color: #4a4a4a;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.48px;
font-family: 'GothamXNarrow-Book';
padding-left: 0px;
padding-top: 25px;
margin-bottom: -6px;
}
}
/* WISHLIST */
/* BLOG SETTINGS
/*BLOG GRID */
.post-template-default #page-header-bg:not(.fullscreen-header), body.post-template-default #page-header-wrap {
height: 75vh !important;
}
.post-template-default .bb-date.bb-published {
font-size : 22px;
line-height : 26px;
letter-spacing : 1.1px;
color : #003C50;
font-family: 'Flama';
text-transform: uppercase;
}
.post-template-default .bb-header.bb-blog {
padding-top: 15px;
}
.nectar-post-grid-filters a {
font-size : 22px !important;
line-height : 28px;
letter-spacing : 1.1px;
color : #889ca3;
font-family: 'Flama';
text-transform: uppercase;
}
.nectar-post-grid-filters a::after {
background-color:#003C50;
}
.nectar-post-grid-filters a:hover {
color : #003C50;
}
.nectar-post-grid-wrap .nectar-post-grid-filters h4 {
font-family: 'Flama';
letter-spacing: 0.48px;
font-size: 24px;
font-weight:normal;
text-transform: uppercase;
color: #889ca3;
}
.nectar-post-grid-filters h4::before {
background-color: #003c50;
}
#author-bio {
padding-bottom:35px;
}
#author-bio img {
width: 220px;
height: 220px;
}
#author-bio .wpb_wrapper .bb-gravatar img {
float: right;
}
#author-bio .vc_col-sm-9 .bb-bio {
padding-right: 120px;
}
#author-bio .vc_col-sm-9 .bb-header p {
padding-top: 45px;
padding-left:0px;
padding-right: 120px;
padding-bottom: 0px;
text-align: left;
}
#author-bio .bb-header h2 {
font-size : 60px !important;
line-height : 68px !important;
letter-spacing : 2.4px !important;
}
#author-bio .bb-header h2:not(.subtitle) {
margin-top: 35px;
}
#author-bio .bb-header span.h5 {
font-size : 22px !important;
line-height : 26px !important;
letter-spacing : 1.1px !important;
color : #003C50;
text-transform: uppercase;
}
#author-bio .bb-header {
padding-top: 20px;
text-align: left;
}
.single-post #page-header-bg[data-post-hs="default_minimal"] .page-header-bg-image::after {
background-color: none !important;
opacity: 0 !important;
}
.listing-detail-gallery-preview-inner {
width: fit-content;
margin: 20px auto;
height: auto;
}
.listing-detail-gallery-preview-inner .media {
width: calc(33% - 6px);
overflow:hidden;
padding: 0;
display:flex;
position:relative;
float:left;
}
.listing-detail-gallery-preview-inner .media:hover {
cursor: pointer;
}
.listing-detail-gallery-preview-inner > .media {
border-left: 12px solid #fff;
border-right: 12px solid #fff;
border-bottom: 24px solid #fff;
}
.listing-detail-gallery-preview-inner .media:nth-of-type(1), .listing-detail-gallery-preview-inner .media:nth-of-type(2), .listing-detail-gallery-preview-inner .media:nth-of-type(6), .listing-detail-gallery-preview-inner .media:nth-of-type(7), .listing-detail-gallery-preview-inner .media:nth-of-type(11), .listing-detail-gallery-preview-inner .media:nth-of-type(12), .listing-detail-gallery-preview-inner .media:nth-of-type(16), .listing-detail-gallery-preview-inner .media:nth-of-type(17), .listing-detail-gallery-preview-inner .media:nth-of-type(21), .listing-detail-gallery-preview-inner .media:nth-of-type(22), .listing-detail-gallery-preview-inner .media:nth-of-type(26), .listing-detail-gallery-preview-inner .media:nth-of-type(27) {
width: 50%;
max-height:480px;
min-height:215px;
}
.listing-detail-gallery-preview-inner .media img {
object-fit: cover;
width: 100% !important;
height: 100%;
}
.listing-detail-gallery-preview-inner .media:nth-of-type(3), .listing-detail-gallery-preview-inner .media:nth-of-type(4), .listing-detail-gallery-preview-inner .media:nth-of-type(5), .listing-detail-gallery-preview-inner .media:nth-of-type(8),.listing-detail-gallery-preview-inner .media:nth-of-type(9), .listing-detail-gallery-preview-inner .media:nth-of-type(10), .listing-detail-gallery-preview-inner .media:nth-of-type(13), .listing-detail-gallery-preview-inner .media:nth-of-type(14), .listing-detail-gallery-preview-inner .media:nth-of-type(15), .listing-detail-gallery-preview-inner .media:nth-of-type(18), .listing-detail-gallery-preview-inner .media:nth-of-type(19), .listing-detail-gallery-preview-inner .media:nth-of-type(20), .listing-detail-gallery-preview-inner .media:nth-of-type(23), .listing-detail-gallery-preview-inner .media:nth-of-type(24), .listing-detail-gallery-preview-inner .media:nth-of-type(25), .listing-detail-gallery-preview-inner .media:nth-of-type(28), .listing-detail-gallery-preview-inner .media:nth-of-type(29), .listing-detail-gallery-preview-inner .media:nth-of-type(30) {
width: 33.333%;
max-height:350px;
}
.listing-detail-gallery-preview-inner .media:nth-of-type(2),
.listing-detail-gallery-preview-inner .media:nth-of-type(5),
.listing-detail-gallery-preview-inner .media:nth-of-type(7),
.listing-detail-gallery-preview-inner .media:nth-of-type(10),
.listing-detail-gallery-preview-inner .media:nth-of-type(12),
.listing-detail-gallery-preview-inner .media:nth-of-type(15),
.listing-detail-gallery-preview-inner .media:nth-of-type(17),
.listing-detail-gallery-preview-inner .media:nth-of-type(20),
.listing-detail-gallery-preview-inner .media:nth-of-type(22),
.listing-detail-gallery-preview-inner .media:nth-of-type(25) {
border-right: 0px;
}
.listing-detail-gallery-preview-inner .media:nth-of-type(1),
.listing-detail-gallery-preview-inner .media:nth-of-type(3),
.listing-detail-gallery-preview-inner .media:nth-of-type(6),
.listing-detail-gallery-preview-inner .media:nth-of-type(8),
.listing-detail-gallery-preview-inner .media:nth-of-type(11),
.listing-detail-gallery-preview-inner .media:nth-of-type(13),
.listing-detail-gallery-preview-inner .media:nth-of-type(16),
.listing-detail-gallery-preview-inner .media:nth-of-type(18),
.listing-detail-gallery-preview-inner .media:nth-of-type(21),
.listing-detail-gallery-preview-inner .media:nth-of-type(23) {
border-left:0px;
}
.listing-detail-gallery-preview-inner .media:hover:after {
content: '';
position: absolute;
width: 100%;
height:100%;
top:0;
left:0;
background:rgba(0,60,80,0.3);
}
.listing-detail-gallery-preview-inner .media:hover:before {
font-family: 'ui-bb' !important;
content: "\e916";
left:47%;
color:#fff;
transition: none !important;
position: absolute;
z-index:1000;
top:50%;
font-size:45px;
}
@media screen and (max-width: 768px) and (max-aspect-ratio: 13/9) {
body.single-post.material[data-bg-header="true"] .container-wrap {
padding-top: 0px !important;
}
#author-bio .wpb_wrapper .bb-gravatar img {
float: inherit !important;
}
#author-bio .bb-header h2 {
font-size : 40px !important;
line-height : 45px !important;
letter-spacing : 1.6px !important;
}
#author-bio .vc_col-sm-9 .bb-header p {
padding-top: 25px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#author-bio .bb-header {
padding-top: 0px;
}
#author-bio .bb-header h2:not(.subtitle) {
margin-top: 0px;
}
.listing-detail-gallery-preview-inner > .media {
width: 100% !important;
max-height: 250px !important;
border-left: 0px solid #fff !important;
border-right: 0px solid #fff !important;
border-bottom: 10px solid #fff !important;
}
#author-bio .vc_col-sm-9 .bb-bio {
padding-right: 50px;
padding-left: 50px;
}
.nectar-post-grid[data-grid-item-height="100vh"] .nectar-post-grid-item.bb-grid-system {
min-height: 65vw;
height: 65vh;
}
/* COVID EMPTY */
body.page-template-template-corona .vc_column-inner .wpb_wrapper:empty {
height: 0px !important;
min-height: 0px !important;
}
}
/* BB HEAD SLIDER */
.bb-head-slider span.h5 {
color: #fff;
font-size : 40px;
line-height : 50px;
letter-spacing : 2px;
font-family: 'Flama';
padding-bottom: 6px;
text-transform: uppercase;
font-weight: normal !important;
margin-bottom: 18px !important;
}
.nectar-simple-slider .cell > .inner .bb-head-slider h1 {
color:#fff;
font-size: 68px;
line-height: 72px;
letter-spacing : 3.2px;
font-family: 'Flama';
text-transform: uppercase;
width: 47%;
}
.nectar-simple-slider .cell > .inner .bb-head-slider h2.subtitle {
color:#003c50;
font-size: 68px;
line-height: 72px;
letter-spacing : 3.2px;
font-family: 'Flama';
margin-bottom: -6px;
text-transform: uppercase;
}
.nectar-simple-slider .cell > .inner .bb-head-slider p {
color: #fff;
font-size : 24px;
line-height : 36px;
letter-spacing : 0.48px;
font-family: 'GothamXNarrow-Book';
padding-top: 20px;
margin-bottom: 35px;
text-align: left;
width: 55%;
}
.nectar-simple-slider.sizing-percentage.height-85vh {
height: 85vh;
}
.nectar-simple-slider .button {
width: 100%;
text-align: left;
z-index: 11;
}
.nectar-simple-slider .button .inner {
color: #fff;
border: 1px solid #fff;
width: 160px;
height: 48px;
display: inline-block;
line-height: 2.5em;
text-align: center;
}
.nectar-simple-slider .button .inner {
font-family: 'Flama';
font-size: 18px;
letter-spacing: 1.44px;
text-transform: uppercase;
color: #fff;
}
.nectar-simple-slider .bb-head-slider {
position: relative;
top: 70px;
}
body.term-unterkuenfte .flickity-slider .cell::before {
position: absolute;
content: '';
z-index: 10;
width: 100%;
height: 100%;
left: 0px;
background : -moz-linear-gradient(50% 100% 90deg,rgba(0, 60, 80, 0.4) 10%,rgba(4, 63, 83, 0.33) 19.99%,rgba(17, 72, 90, 0.26) 30.34%,rgba(37, 86, 103, 0.19) 40.86%,rgba(66, 107, 121, 0.12) 51.49%,rgba(103, 133, 143, 0.05) 62.11%,rgba(136, 156, 163, 0) 70%);
background : -webkit-linear-gradient(90deg, rgba(0, 60, 80, 0.4) 10%, rgba(4, 63, 83, 0.33) 19.99%, rgba(17, 72, 90, 0.26) 30.34%, rgba(37, 86, 103, 0.19) 40.86%, rgba(66, 107, 121, 0.12) 51.49%, rgba(103, 133, 143, 0.05) 62.11%, rgba(136, 156, 163, 0) 70%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0.1,rgba(0, 60, 80, 0.4) ),color-stop(0.1999,rgba(4, 63, 83, 0.33) ),color-stop(0.3034,rgba(17, 72, 90, 0.26) ),color-stop(0.4086,rgba(37, 86, 103, 0.19) ),color-stop(0.5149,rgba(66, 107, 121, 0.12) ),color-stop(0.6211,rgba(103, 133, 143, 0.05) ),color-stop(0.7,rgba(136, 156, 163, 0) ));
background : -o-linear-gradient(90deg, rgba(0, 60, 80, 0.4) 10%, rgba(4, 63, 83, 0.33) 19.99%, rgba(17, 72, 90, 0.26) 30.34%, rgba(37, 86, 103, 0.19) 40.86%, rgba(66, 107, 121, 0.12) 51.49%, rgba(103, 133, 143, 0.05) 62.11%, rgba(136, 156, 163, 0) 70%);
background : -ms-linear-gradient(90deg, rgba(0, 60, 80, 0.4) 10%, rgba(4, 63, 83, 0.33) 19.99%, rgba(17, 72, 90, 0.26) 30.34%, rgba(37, 86, 103, 0.19) 40.86%, rgba(66, 107, 121, 0.12) 51.49%, rgba(103, 133, 143, 0.05) 62.11%, rgba(136, 156, 163, 0) 70%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#003C50', endColorstr='#889CA3' ,GradientType=0)";
background : linear-gradient(0deg, rgba(0, 60, 80, 0.4) 10%, rgba(4, 63, 83, 0.33) 19.99%, rgba(17, 72, 90, 0.26) 30.34%, rgba(37, 86, 103, 0.19) 40.86%, rgba(66, 107, 121, 0.12) 51.49%, rgba(103, 133, 143, 0.05) 62.11%, rgba(136, 156, 163, 0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#889CA3',endColorstr='#003C50' , GradientType=0);
}
.flickity-page-dots {
z-index: 1;
}
#bb-accommodations-rows {
padding-left: 120px;
padding-right: 120px;
padding-bottom: 30px;
}
.bb-accommodations {
padding-left: 120px;
padding-right: 120px;
}
.bb-result-pagination {
margin-bottom: 50px;
text-align: center;
margin-top: 50px;
}
.bb-header-accommondation {
margin-top: 85px;
}
.accommondation-filters {
display: block;
text-align: center;
padding-bottom: 30px;
padding-left: 120px;
padding-right:120px;
}
.accommondation-filters .inner {
margin: 0 auto;
background-color:#F2F1EB;
padding: 40px 30px 30px 30px;
}
.accommondation-filters .inner ul {
background-color:#fff;
}
.accommondation-filters label {
display: block;
text-align: left;
}
.accommondation-filters .form-group-listing-results:not(span) {
font-size : 36px;
line-height : 39px;
letter-spacing : 1.44px;
font-family: 'Flama';
text-transform: uppercase;
color: #003c50;
}
.accommondation-filters .form-group-listing-results span {
color: #889ca3;
font-size: 36px;
line-height: 39px;
letter-spacing: 1.44px;
font-family: 'Flama';
text-transform: uppercase;
position: relative;
top: -7px;
}
.accommondation-filters .form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
margin-right: 30px;
}
.accommondation-filters .bs-searchbox {
display: none !important;
}
.accommondation-filters .mapswitch a {
color:#889CA3;
}
.accommondation-filters .mapswitch a:hover, .accommondation-filters .mapswitch:hover a {
color:#fff;
}
.accommondation-filters .mapswitch {
width: 160px;
height: 43px;
border: 1px solid #889CA3 !important;
border-radius: 0px !important;
font-family: 'Flama';
font-size: 18px !important;
letter-spacing: 1.44px;
text-transform: uppercase;
color: #889CA3;
cursor: pointer;
padding-left: 5px;
}
.accommondation-filters .mapswitch.active {
background : #889CA3;
border : 1px solid #889CA3 !important;
border-radius: 0px !important;
font-family : 'Flama';
font-size : 18px !important;
letter-spacing : 1.44px;
color : #FFFFFF;
}
.accommondation-filters .mapswitch:hover {
background : #fff;
border : 1px solid #889CA3 !important;
border-radius: 0px !important;
color : #fff;
}
.accommondation-filters .mapswitch {
background: #fff;
margin-right: 25px;
margin-bottom: 16px;
min-width: 200px;
}
.accommondation-filters .mapswitch:hover {
background : #889CA3;
border : 1px solid #fff !important;
border-radius: 0px !important;
color : #fff;
}
.accommondation-filters .mapswitch:hover:after {
content: url("images/content/marker-w.svg");
width: 15px;
text-align: center;
position: relative;
top: 4px;
padding-left: 5px;
display: inline-block;
}
.accommondation-filters .mapswitch:after {
content: url("images/content/marker.svg");
width: 15px;
text-align: center;
position: relative;
top: 4px;
padding-left: 5px;
display: inline-block;
}
.bb-accommodations .button.large {
text-align: center;
z-index: 11;
position: relative;
bottom: -15px;
display: inline;
margin-left: 10px;
}
.bb-accommodations .button.large .inner {
font-family: 'Flama';
font-size: 18px;
letter-spacing: 1.44px;
text-transform: uppercase;
color: #fff;
}
.bb-accommodations .button.large .inner .row-cell {
display: grid;
grid-template-rows: 50% 50%;
grid-template-columns: 50% 50%;
}
.bb-accommodations .button.large .inner .row-cell .cell:first-child {
font-size: 18px;
letter-spacing: 1.44px;
line-height: 1.2em;
text-align: left;
padding: 15px 0px 15px 20px;
}
.bb-accommodations .button.large .inner .row-cell .cell:last-child {
font-size: 60px;
letter-spacing: 1.2px;
padding: 15px 10px 15px 0px;
}
.bb-accommodations .button.large .inner {
color: #fff;
border: 1px solid #fff;
width: 270px;
height: 77px;
line-height: 2.5em;
background: transparent;
}
.btn-default {
color: #889CA3;
background-color: #fff;
border-color: #fff;
border-radius: 0px;
border: 1px solid #889CA3;
font-family: 'Flama';
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
}
.dropdown-menu {
min-width: 160px;
padding: 0px;
margin: -1px 0px 0px 0px;
font-size: 20px;
text-align: left;
background-color: #fff;
border-bottom: 1px solid #003C50;
border-left:1px solid #003C50;
border-right:1px solid #003C50;
border-radius: 0px;
box-shadow: none;
text-transform: uppercase;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
color: #fff !important;
text-decoration: none;
background-color: #889CA3;
outline: 0;
}
.open > .dropdown-toggle.btn-default:not(.mapswitch, .listswitch):focus {
color: #003C50;
background-color: #fff;
border-radius: 0px;
border: 1px solid #889CA3;
}
.btn-default:not(.mapswitch, .listswitch):hover {
color: #003C50;
background-color: #fff;
border-radius: 0px;
border: 1px solid #889CA3;
font-family: 'Flama';
text-transform: uppercase;
}
.dropdown-menu > li > a:hover {
color: #fff !important;
text-decoration: none;
background-color: #889CA3;
}
.open > .dropdown-toggle.btn-default:hover {
color: #003C50;
background-color: #fff;
border-radius: 0px;
border: 1px solid #003C50;
font-family: 'Flama';
text-transform: uppercase;
}
.btn-default:active {
color: #fff;
background-color: #fff;
border-color: #003C50;
}
.open > .dropdown-toggle.btn-default {
color: #003C50;
background-color: #fff;
border-bottom: 1px solid #003C50;
border-left:1px solid #003C50;
border-right:1px solid #003C50;
}
.bootstrap-select .dropdown-menu li {
padding: 0px 0px 0px 0px;
font-family: 'Flama';
}
.bootstrap-select .dropdown-menu li a {
padding:10px 10px 10px 15px !important;
color: #003C50;
}
.form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*="col-"]) {
min-width: 200px;
margin-bottom: 15px;
}
.btn-group.open .dropdown-toggle {
box-shadow: none;
}
@media only screen and (min-width: 320px)and (max-width: 767px) {
.nectar-simple-slider .cell > .inner .bb-head-slider h1 {
font-size: 40px;
line-height: 43px;
letter-spacing: 1.6px;
width: 90%;
}
.bb-head-slider span.h5 {
font-size: 22px !important;
line-height: 26px !important;
}
.nectar-simple-slider .cell > .inner .bb-head-slider p {
font-size : 18px;
line-height : 22px;
letter-spacing : 0.48px;
width: 100%;
margin-bottom: 20px;
padding-top:10px;
}
.nectar-simple-slider .bb-head-slider {
top: 50px;
}
#bb-accommodations-rows {
padding-left: 30px !important;
padding-right: 30px !important;
padding-bottom: 45px !important;
}
.accommondation-filters .inner {
margin: 0 auto;
background-color: #F2F1EB;
padding: 40px 30px 30px 30px;
}
.accommondation-filters {
display: block;
text-align: center;
padding-bottom: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.accommondation-filters .form-inline .form-group {
margin-right: 0px;
}
.bb-header-accommondation {
margin-top: 5px !important;
}
.bb-accommodations .button.large {
bottom: 5px !important;
}
.accommondation-filters .mapswitch {
margin-right: 0px;
padding-left: 17px;
text-align: left;
}
body #pagination a.page-numbers:hover, body #pagination > span.page-numbers.current, body #pagination a.page-numbers:hover,body #pagination > span.page-numbers, body #pagination a.page-numbers, body #pagination a.prev.page-numbers, body #pagination a.next.page-numbers {
height: 40px;
width: 40px;
line-height: 20px !important;
}
body #pagination span.page-numbers.dots {
line-height: 20px !important;
}
body #pagination a.prev.page-numbers, body #pagination a.next.page-numbers {
width:80px !important;
display: none;
}
.accommondation-filters .mapswitch::after {
padding-left: 10px;
}
}
@media only screen and (min-width: 320px)and (max-width: 999px) {
.bb-accommodations {
padding-left: 10px;
padding-right: 10px;
}
}
/* GO TOP BUTTON */
#to-top {
display: block;
position: fixed;
text-align: center;
line-height: 12px;
right: 17px;
bottom: 0px;
transform: translateY(105%);
color: #fff;
cursor: pointer;
border-radius: 0px;
z-index: 9994;
height: 40px;
width: 40px;
background-color:#889ca3;
background-repeat: no-repeat;
background-position: center;
transition: background-color 0.1s linear;
-webkit-transition: background-color 0.1s linear;
}
#to-top i {
line-height:38px;
width: 40px;
height: 40px;
font-size: 35px;
top: 0;
left: 0;
text-align: center;
position: relative;
z-index: 10;
background-color: transparent;
}
/* WEBCAM */
body.page-template-webcam .container {
margin: 0 auto;
}
body.page-template-webcam .container.main-content {
margin: 0px !important;
}
body.page-template-webcam .nectar_image_with_hotspots[data-size="medium"] .nectar_hotspot_wrap .nttip[data-tooltip-position="right"] {
margin-left: 0px;
margin-top: 50px;
}
body.page-template-webcam .nectar_image_with_hotspots[data-size="medium"] .nectar_hotspot_wrap .nttip[data-tooltip-position="right"] {
margin-left: 0;
margin-top: 80px !important;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
body.page-template-webcam .nectar_image_with_hotspots[data-size="medium"] .nectar_hotspot_wrap .nttip[data-tooltip-position="right"].open {
width: 100% !important;
height: auto !important;
max-width: 690px;
position: fixed;
left: 50%;
top: 50px;
}
body.page-template-webcam iframe {
max-height: 500px;
height: 480px;
width: 100%;
}
@media only screen and (min-width: 690px)and (max-width: 999px) {
body .container-wrap .vc_row-fluid[data-column-margin="24px"] .wpb_column:not(.child_column) {
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 10px;
}
body .container-wrap .vc_row-fluid[data-column-margin="24px"] .wpb_column:not(.child_column) {
border-left: 0px solid #fff !important;
border-right:0px solid #fff !important;
}
body .container-wrap .inner_row[data-column-margin="24px"] .child_column {
border-left: 0px solid transparent;
border-right: 0px solid transparent;
padding-bottom: 24px;
}
}
@media only screen and (min-width: 320px)and (max-width: 767px) {
body.page-template-webcam .nectar_image_with_hotspots[data-size="medium"] .nectar_hotspot_wrap .nttip[data-tooltip-position="right"].open {
width: 100% !important;
height: auto !important;
max-width: 690px;
position: fixed;
left: 0% !important;
top: 150px;
background: none !important;
}
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip .inner {
top: 50%;
}
body.page-template-webcam .nectar_image_with_hotspots[data-size="medium"] .nectar_hotspot_wrap .nttip[data-tooltip-position="right"] {
margin-top: 85% !important;
}
body.page-template-webcam iframe {
}
body.page-template-webcam .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip .inner {
left: 50% !important;
width: 95%;
}
body.page-template-webcam .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip .tipclose {
left: 95%;
}
body.page-template-webcam .inner img {
min-height: auto !important;
max-width: 320px !important;
}
body.page-template-webcam iframe, body.page-template-webcam #idIframe {
max-height: 280px;
height: 280px;
}
/* END WEBCAM */
}
/* TABLET
@media only screen and (max-width: 768px) and (max-height: 1024px) {
#ajax-content-wrap .vc_row.right_padding_120px .row_col_wrap_12 {
padding-right: 30px;
}
#ajax-content-wrap .vc_row.left_padding_120px .row_col_wrap_12 {
padding-left: 30px;
}
#ajax-content-wrap .vc_row.left_padding_240px .row_col_wrap_12 {
padding-left: 30px;
}
#ajax-content-wrap .vc_row.right_padding_240px .row_col_wrap_12 {
padding-right: 30px;
}
.nectar-post-grid[data-columns="3"][data-grid-spacing="none"] .nectar-post-grid-item {
width:100%;
}
.nectar-post-grid[data-grid-item-height="75vh"] .nectar-post-grid-item.bb-grid-system {
min-height: 45vh;
}
#ajax-content-wrap .vc_row.inner_row.left_padding_120px .row_col_wrap_12_inner {
padding-left: 30px;
}
#ajax-content-wrap .vc_row.inner_row.right_padding_120px .row_col_wrap_12_inner {
padding-right: 30px;
}
.img-with-aniamtion-wrap.bb-typ1 img {
height: 45vh;
}
.img-with-aniamtion-wrap.bb-slider img {
height: 70vh;
}
.vc_col-sm-4 .img-with-aniamtion-wrap.bb-typ1.inner-text img {
height: 70vw;
}
.img-with-aniamtion-wrap.bb-teaser-after img {
height: 35vh;
}
.fulltext-under {
min-height: 35vh;
}
.breadcrumb {
padding-left: 30px;
padding-right: 30px;
}
#bb-accommodations-rows {
padding-left: 30px;
padding-right: 30px;
}
.accommondation-filters {
padding-left: 30px;
padding-right: 30px;
}
/* END
}*/
/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
/* TOURBIS */
body.page-template-template-tourbis-detail .vc_row-fluid > .span_12 .wpb_column {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
body.page-template-template-tourbis-detail .breadcrumb {
padding-top: 120px;
padding-bottom: 25px;
}
@media (min-width: 692px) and (max-width: 1023px) {
.breadcrumb {
padding-left: 30px;
padding-right: 30px;
}
#ajax-content-wrap .vc_row.right_padding_120px .row_col_wrap_12 {
padding-right: 30px;
}
#ajax-content-wrap .vc_row.left_padding_120px .row_col_wrap_12 {
padding-left: 30px;
}
#ajax-content-wrap .vc_row.right_padding_30px .row_col_wrap_12 {
padding-right: 30px;
}
#ajax-content-wrap .vc_row.left_padding_30px .row_col_wrap_12 {
padding-left: 30px;
}
.bb-slider .owl-theme[data-desktop-cols] .owl-nav.disabled + .owl-dots {
bottom: 90px;
}
.img-with-aniamtion-wrap.bb-slider img {
height: 65vh;
}
body .container-wrap .inner_row[data-column-margin="24px"] .child_column {
padding-left: 0px;
padding-right: 0px;
}
#ajax-content-wrap .vc_row.left_padding_240px .row_col_wrap_12 {
padding-left: 30px;
}
#ajax-content-wrap .vc_row.right_padding_240px .row_col_wrap_12 {
padding-right: 30px;
}
#ajax-content-wrap .vc_row.inner_row.left_padding_120px .row_col_wrap_12_inner {
padding-left: 20px;
}
#ajax-content-wrap .vc_row.inner_row.right_padding_120px .row_col_wrap_12_inner {
padding-right: 20px;
}
.container-wrap .full-width-content .vc_row-fluid[data-column-margin*="px"] > .span_12 > .wpb_column {
margin-bottom: 0px;
}
.nectar-post-grid[data-grid-item-height="75vh"] .nectar-post-grid-item.bb-grid-system {
min-height: 80vw;
}
.nectar-post-grid[data-columns="3"][data-grid-spacing="none"] .nectar-post-grid-item {
width: 100%;
margin-bottom: 25px !important;
}
.binz-prora .wpb_row > .span_12 > .column_container.prora, .binz-prora .wpb_row > .span_12 > .column_container.binz {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 10px;
}
.binz-prora .wpb_row > .span_12 > .column_container.binz {
margin-right: 0px !important;
}
#footer-magazin .form-inline input[type="text"] {
margin-bottom: 30px;
}
.bb-header p {
padding-left: 5px;
padding-top: 45px;
}
#abstand-video {
min-height: 250px;
margin-top: 150px;
}
/* IMAGES */
.bb-typ2 .img-with-aniamtion-wrap img {
height:70vh;
}
.img-with-aniamtion-wrap.bb-teaser-after img {
height: 50vw;
}
.vc_col-sm-6 .img-with-aniamtion-wrap.bb-typ1 img, .img-with-aniamtion-wrap.bb-typ1 img {
height: 83vh !important;
}
.vc_col-sm-4 .img-with-aniamtion-wrap.bb-typ1.inner-text img {
height: 60vw;
}
.img-with-aniamtion-wrap.bb-typ3 img:not(.bb-icons-full img) {
height: 80vw;
}
.one-fourths.vc_col-sm-3:not([class*="vc_col-xs-"]) {
margin-bottom: 0%;
}
.gold .child .wpb_wrapper {
padding-bottom: 30px;
}
/* TEASER */
.bb-typ3 .header h1 {
font-size: 54px;
line-height: 60px;
padding-top: 30px;
padding-left: calc(21vw - 120px);
}
.bb-typ3 .fulltext {
padding-bottom: 100px;
padding-right: 30px;
}
.bb-typ5 .header h1 {
font-size: 50px;
line-height: 60px;
padding-bottom: 30px;
padding-top: 22px;
}
.bb-typ5 .header {
left: 30px;
top: 55px;
}
.fulltext-under {
min-height: 40vw;
}
.wpb_row.full-width-content .img-with-aniamtion-wrap{
margin-bottom: 30px;
}
}
#footer-outer[data-full-width="1"] .container {
padding: 0 0px;
}
#footer-outer .magazin-footer {
float: left;
}
/* MEDIA QUERY GRÖßER MOBILE DAZWISCHEN */
@media only screen and (min-width: 520px)and (max-width: 800px) {
#abstand-video {
height: 30px !important;
margin-top: 130px !important;
min-height: 267px;
}
}
@media only screen and (min-width: 320px)and (max-width: 520px) {
#abstand-video {
height: 125px !important;
margin-top: 50px !important;
}
/* END DAZWISCHEN*/
}
@media only screen and (min-width: 1024px)and (max-width: 1480px) {
#ajax-content-wrap .vc_row.right_padding_120px .row_col_wrap_12 {
padding-right: 30px;
}
#ajax-content-wrap .vc_row.left_padding_120px .row_col_wrap_12 {
padding-left: 30px;
}
#ajax-content-wrap .vc_row.right_padding_120px .row_col_wrap_12 .bb-header {
padding-right: 90px;
}
#ajax-content-wrap .vc_row.left_padding_120px .row_col_wrap_12 .bb-header {
padding-left: 90px;
}
#ajax-content-wrap .vc_row.seo-block.right_padding_120px .row_col_wrap_12 .bb-header {
padding-right: 0px;
}
#ajax-content-wrap .vc_row.seo-block.left_padding_120px .row_col_wrap_12 .bb-header {
padding-left: 0px;
}
#ajax-content-wrap .vc_row.inner_row.left_padding_120px .row_col_wrap_12_inner {
padding-left: 30px;
}
#ajax-content-wrap .vc_row.inner_row.right_padding_120px .row_col_wrap_12_inner {
padding-right: 30px;
}
#ajax-content-wrap .vc_row.inner_row.left_padding_120px .row_col_wrap_12_inner .bb-header {
padding-left: 90px;
}
#ajax-content-wrap .vc_row.inner_row.right_padding_120px .row_col_wrap_12_inner .bb-header {
padding-right: 90px;
}
.img-with-aniamtion-wrap.bb-typ5 img {
height: 85vh;
}
.img-with-aniamtion-wrap.bb-typ1 img {
height: 35vw;
}
.breadcrumb {
padding-left: 30px;
padding-right: 30px;
}
/*
body .container-wrap .inner_row[data-column-margin="24px"] .vc_col-sm-6.child_column:last-child {
padding-right: 20px;
}
body .container-wrap .inner_row[data-column-margin="20px"] .vc_col-sm-4.child_column:last-child {
padding-right: 0px;
}
*/
.nectar-post-grid[data-columns="3"][data-grid-spacing="none"] .nectar-post-grid-item:nth-child(3) {
border-right: 0px solid transparent;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1480px) and (max-height: 800px) {
.img-with-aniamtion-wrap.bb-typ1 img {
height: 35vw;
}
}
/* IPAD PROTRAIT / OTHER TABLETS */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
#ajax-content-wrap .vc_row.right_padding_120px .row_col_wrap_12 {
padding-right: 30px;
}
#ajax-content-wrap .vc_row.left_padding_120px .row_col_wrap_12 {
padding-left: 30px;
}
#ajax-content-wrap .vc_row.right_padding_120px .row_col_wrap_12 {
padding-right: 10px;
}
#ajax-content-wrap .vc_row.left_padding_120px .row_col_wrap_12 {
padding-left: 10px;
}
#ajax-content-wrap .vc_row.right_padding_120px .row_col_wrap_12 {
padding-right: 30px;
}
#ajax-content-wrap .vc_row.left_padding_120px .row_col_wrap_12 {
padding-left: 30px !important;
}
#ajax-content-wrap .vc_row.left_padding_30px .row_col_wrap_12 {
padding-left: 30px !important;
}
#ajax-content-wrap .vc_row.right_padding_30px .row_col_wrap_12 {
padding-right: 30px;
}
body.page-template-template-list-php .vc_col-sm-6:not(.vc_col-sm-4) .img-with-aniamtion-wrap.bb-typ2 {
padding-left: 30px !important;
padding-right: 30px !important;
}
#bb-accommodations-rows {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
}
.vc_row-fluid > .span_12 .wpb_column, body[data-col-gap="default"] .vc_row-fluid[data-column-margin="default"]:not(.full-width-content) .full-page-inner > .container > .span_12 .wpb_column:not(.child_column) {
padding-left: 30px;
padding-right: 30px;
}
.accommondation-filters {
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.oesults {
padding-top: 0px;
}
.img-with-aniamtion-wrap[data-border-radius="151px"] .img-with-animation, .img-with-aniamtion-wrap[data-border-radius="151px"] .hover-wrap {
border-radius: 290px;
}
.wpb_row.full-width-content .img-with-aniamtion-wrap {
margin-bottom: 35px;
margin-left: 0px;
}
.menu-merkliste .count {
top: -24px;
}
.gold .child:nth-child(3) .column-bg-overlay-wrap:before {
content: none !important;
}
.bb-grid-system .post-heading {
font-size: 80px;
line-height: 93px !important;
letter-spacing: 1.6px;
}
.bb-typ4 .header h3 {
font-size: 80px;
letter-spacing: 2px;
}
.bb-typ1 .header h2
{
font-size: 80px;
line-height: 93px !important;
letter-spacing: 2px;
}
.bb-typ2 .header h3, .bb-teaser-after .header h2 {
font-size: 60px;
line-height: 73px !important;
letter-spacing: 2px;
}
.img-with-aniamtion-wrap.bb-typ5 img {
height: 50vh;
}
.bb-typ5 .header {
left: 60px;
}
.seo-text .bb-header {
margin-bottom: 30px;
}
#footer-outer .magazin-footer {
text-align: left !important;
float: left !important;
}
#footer-outer .magazin-footer::before {
left: 0%;
}
#bb-nl-submit {
margin-top: 20px;
}
body.page-template-template-binzerbucht-map .vc_row-fluid > .span_12 .wpb_column, body[data-col-gap="default"] .vc_row-fluid[data-column-margin="default"]:not(.full-width-content) .full-page-inner > .container > .span_12 .wpb_column:not(.child_column) {
padding-left: 0px;
padding-right: 0px;
}
.page-template-template-bereichsstart .header-wrap-txt h1, .bb-dynamic-pageheader .header-wrap-txt h1 {
font-size: 80px !important;
line-height: 90px !important;
}
#ajax-content-wrap .wpb_row.bb-description {
padding-top: 41px;
padding-left: 30px;
padding-right: 30px;
}
.listing-detail-gallery-preview-inner .media:nth-of-type(1), .listing-detail-gallery-preview-inner .media:nth-of-type(2), .listing-detail-gallery-preview-inner .media:nth-of-type(6), .listing-detail-gallery-preview-inner .media:nth-of-type(7), .listing-detail-gallery-preview-inner .media:nth-of-type(11), .listing-detail-gallery-preview-inner .media:nth-of-type(12), .listing-detail-gallery-preview-inner .media:nth-of-type(16), .listing-detail-gallery-preview-inner .media:nth-of-type(17), .listing-detail-gallery-preview-inner .media:nth-of-type(21), .listing-detail-gallery-preview-inner .media:nth-of-type(22), .listing-detail-gallery-preview-inner .media:nth-of-type(26), .listing-detail-gallery-preview-inner .media:nth-of-type(27) {
width: 50%;
max-height: 380px;
min-height: 400px;
}
.listing-detail-gallery-preview-inner .media:nth-of-type(3), .listing-detail-gallery-preview-inner .media:nth-of-type(4), .listing-detail-gallery-preview-inner .media:nth-of-type(5), .listing-detail-gallery-preview-inner .media:nth-of-type(8), .listing-detail-gallery-preview-inner .media:nth-of-type(9), .listing-detail-gallery-preview-inner .media:nth-of-type(10), .listing-detail-gallery-preview-inner .media:nth-of-type(13), .listing-detail-gallery-preview-inner .media:nth-of-type(14), .listing-detail-gallery-preview-inner .media:nth-of-type(15), .listing-detail-gallery-preview-inner .media:nth-of-type(18), .listing-detail-gallery-preview-inner .media:nth-of-type(19), .listing-detail-gallery-preview-inner .media:nth-of-type(20), .listing-detail-gallery-preview-inner .media:nth-of-type(23), .listing-detail-gallery-preview-inner .media:nth-of-type(24), .listing-detail-gallery-preview-inner .media:nth-of-type(25), .listing-detail-gallery-preview-inner .media:nth-of-type(28), .listing-detail-gallery-preview-inner .media:nth-of-type(29), .listing-detail-gallery-preview-inner .media:nth-of-type(30) {
min-height: 400px;
}
.full-width-content.vc_row-fluid .wpb_column.bb-detail-left {
padding-left: 30px;
padding-top:30px;
}
.detail-map {
padding-right: 40px;
}
}
/* IPAD LANDSCAPE */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.bb-accommodations {
padding-left: 30px;
padding-right: 30px;
}
.vc_row-fluid > .span_12 .wpb_column, body[data-col-gap="default"] .vc_row-fluid[data-column-margin="default"]:not(.full-width-content) .full-page-inner > .container > .span_12 .wpb_column:not(.child_column) {
padding-left: 10px;
padding-right: 10px;
}
.img-with-aniamtion-wrap.bb-typ1 img {
height: 40vw;
}
.menu-merkliste a.merkliste::before {
left: 92px !important;
}
#ajax-content-wrap .vc_row.left_padding_120px .row_col_wrap_12 .bb-header {
padding-left: 0px;
}
#ajax-content-wrap .vc_row.right_padding_120px .row_col_wrap_12 .bb-header {
padding-right: 0px;
}
.nectar-post-grid[data-grid-item-height="75vh"] .nectar-post-grid-item.bb-grid-system {
min-height: 40vw;
}
.img-with-aniamtion-wrap.bb-typ5 img {
height: 90vh;
}
#bb-accommodations-rows {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
}
.accommondation-filters {
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.centered-text .nectar_video_lightbox.play_button {
top: 27px;
}
.bb-grid-system .post-heading {
font-size: 35px;
}
.bb-slider .header h2 {
font-size: 70px;
}
.bb-typ1 .header h2 {
font-size: 40px;
}
.bb-typ1.inner-text .fulltext {
padding: 0px 15px 15px 15px;
}
}
/* FRIEDER OVERRIDE */
#bb-nl-submit {
width: 30% ;
border: 1px solid #fff !important;
background: transparent !important;
font-family: 'Flama' !important;
text-transform: uppercase !important;
padding: 13.3px !important;
letter-spacing: 1.44px !important;
font-size: 18px;
height: 49.8px !important;
}
.bb-free-entry-with-bbcard p::before {
content: url('https://binzer-bucht.de/wp-content/themes/binz-child/images/content/bb-card-inline-icon.svg') !important;
width: 1.5em;
float: left;
margin-right: 0.5em;
}
/*FRIEDER STYLES OVERRIDE */
input[type="email"]#bb-nl-email::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: 'GothamXNarrow-Book';
font-size : 18px !important;
letter-spacing : 1.44px !important;
color : #4A4A4A !important;
text-transform: uppercase;
}
input[type="email"]#bb-nl-email::-moz-placeholder { /* Firefox 19+ */
font-family: 'GothamXNarrow-Book';
font-size : 18px !important;
letter-spacing : 1.44px !important;
color : #4A4A4A !important;
text-transform: uppercase;
}
input[type="email"]#bb-nl-email:-ms-input-placeholder { /* IE 10+ */
font-family: 'GothamXNarrow-Book';
font-size : 18px;
letter-spacing : 1.44px;
color : #4A4A4A;
text-transform: uppercase;
}
input[type="email"]#bb-nl-email:-moz-placeholder { /* Firefox 18- */
font-family: 'GothamXNarrow-Book';
font-size : 18px !important;
letter-spacing : 1.44px !important;
color : #4A4A4A !important;
text-transform: uppercase;
}
/* MODIFED LIST TEMPLATE MOBILE HOOK*/
@media only screen and (min-width: 320px)and (max-width: 999px) {
body.page-template-template-list-php .container-wrap .vc_row-fluid[data-column-margin="40px"] .wpb_column:not(.child_column) {
padding-left: 0px;
padding-right: 0px;
}
body.page-template-template-list-php #ajax-content-wrap .vc_row.left_padding_phone_30px .row_col_wrap_12 {
padding-left: 0px !important;
}
body.page-template-template-list-php #ajax-content-wrap .vc_row.right_padding_phone_30px .row_col_wrap_12 {
padding-right: 0px !important;
}
body.page-template-template-list-php .vc_custom_heading, body.page-template-template-list-php .wpb_text_column p {
padding-left: 30px;
padding-right:30px;
}
body.page-template-template-list-php .bb-wpb-custom-elm-button {
left: 30px;
}
body.page-template-template-list-php .bb-block-bg-white-border {
box-sizing: border-box;
border-left: 0px solid white;
border-right: 0px solid white;
}
body.page-template-template-list-php .vc_col-sm-6:not(.vc_col-sm-4) .img-with-aniamtion-wrap.bb-typ2 {
padding-left: 10px;
padding-right:10px;
}
body.page-template-template-list-php .wpb_text_column p {
font-size : 20px;
line-height : 30px;
letter-spacing : 0.4px;
}
body.page-template-template-list-php .bb-header.col.span_12 {
padding: 30px 30px 0px 30px;
}
body.page-template-template-list-php .bb-free-entry-with-bbcard {
margin-bottom: 0px !important;
}
body.page-template-template-list-php .vc_custom_heading {
padding-bottom: 10px !important;
}
body.page-template-template-list-php #ajax-content-wrap .vc_row.left_padding_phone_10px .row_col_wrap_12 {
padding-left: 0px !important;
}
body.page-template-template-list-php #ajax-content-wrap .vc_row.right_padding_phone_10px .row_col_wrap_12 {
padding-right: 0px !important;
}
body.page-template-template-list-php #ajax-content-wrap .vc_row.inner_row.left_padding_phone_30px .row_col_wrap_12_inner {
padding-left: 0px !important;
}
body.page-template-template-list-php #ajax-content-wrap .vc_row.inner_row.right_padding_phone_30px .row_col_wrap_12_inner {
padding-right: 0px !important;
}
body.page-template-template-list-php .container-wrap .full-width-content .vc_row-fluid[data-column-margin*="px"] > .span_12 > .wpb_column {
margin-left: 10px;
margin-right: 10px;
}
body.page-template-template-list-php .nectar_icon_wrap {
padding-left: 30px;
}
}
/*
* CSS additions to WP theme binz-child
* Author: Frieder Goeoeck - work@goeoeck.eu
*/
/** WP Bakery BB CUSTOM Element — BUTTON
* ##################################################################################################################
*/
.bb-wpb-custom-elm-button{
font-size: 0.85em !important;
text-transform: uppercase;
border-width: 1px !important;
}
/** BLOCK Newsletter
* ##################################################################################################################
*/
.bb-newsletter-headline{
width: 80%;
font-family: 'Flama';
font-size: 80px;
line-height: 90px;
letter-spacing: 3.2px;
text-transform: uppercase;
}
.wpcf7-form.invalid .wpcf7-not-valid-tip {
height: 50px;
padding-top: 8px;
font-family: 'GothamXNarrow-Book';
font-size: 18px !important;
letter-spacing: 1.44px !important;
text-transform: uppercase;
color: #4A4A4A;
}
.wpcf7 form.invalid .wpcf7-response-output {
border-color: #FB2B2F;
}
@media screen and (max-width: 999px){
.wpb_wrapper h2.vc_custom_heading.bb-newsletter-headline{
font-size: 80px !important;
line-height: 90px !important;
}
}
@media screen and (max-width: 480px){
.wpb_wrapper h2.vc_custom_heading.bb-newsletter-headline{
font-size: 50px !important;
line-height: 60px !important;
}
}
.bb-newsletter-text{
color: #fff;
font-size: 32px;
line-height: 44px;
letter-spacing: 0.16px;
}
@media screen and (max-width: 767px) /*and (max-aspect-ratio: 13/9)*/ {
.bb-newsletter-text{
font-size : 22px;
line-height : 30px;
letter-spacing : 0.11px;
}
}
.bb-newsletter-text p{
font-family: 'Eckhart' !important;
}
#bb-nl-form .ajax-loader {
left: -0.5em;
top: -1.65em;
}
#bb-nl-form .wpcf7-response-output{
margin: 0.5em 0em 1em;
}
#bb-nl-email{
width: 70%;
float: left;
}
#bb-nl-submit{
width: 30%;
height: 2.1em;
border: 1px solid #fff;
background: transparent;
font-family: 'Flama';
text-transform: uppercase;
padding: 0px !important;
letter-spacing: 1.44px;
}
@media screen and (max-width: 600px){
#bb-nl-form p{}
#bb-nl-form .ajax-loader {
left: -0.5em;
top: 0.1em;
}
#bb-nl-email{
width: 100%;
float: none;
}
#bb-nl-submit{
width: auto;
padding: 0 1em !important;
}
}
/** BLOCKS MIT GRAUEM HINTERGRUND (#ecf0f1) UND WEIßEM RAND
* ##################################################################################################################
*/
/*.row-bg.using-bg-color[style~="#ecf0f1"],*/
.bb-block-bg-white-border{
box-sizing: border-box;
border-left: 30px solid white;
border-right: 30px solid white;
}
/** LINK Eintritt frei mit BINZER BUCHT CARD (Global Section/Element)
* ##################################################################################################################
*/
.bb-free-entry-with-bbcard{
margin-bottom: 30px !important;
}
.bb-free-entry-with-bbcard p{
font-size: 0.85em;
}
.bb-free-entry-with-bbcard p::before {
content: url('https://bb.binzer-bucht.de/wp-content/themes/binz-child/images/content/bb-card-inline-icon.svg');
width: 1.5em;
float: left;
margin-right: 0.5em;
}
.bb-free-entry-with-bbcard div {
padding-left: 0 !important;
}
/** CONTACT FORM
* ##################################################################################################################
*/
.bb-form-wrapper{
padding: 0 25% !important;
}
@media screen and (max-width: 767px){
.bb-form-wrapper{
padding: 0 0 !important;
}
}
.bb-form-background{
margin: 0 30px !important;
}
@media screen and (max-width: 690px){
.bb-form-background{
margin: 0 12px !important;
}
}
.bb-form-headline{
margin-bottom: 60px !important;
font-size: 40px !important;
letter-spacing: 0.01em !important;
text-transform: uppercase;
color: #889ca3;
}
@media screen and (max-width: 690px){
.bb-form-headline{
margin-bottom: 45px !important;
}
}
.wpcf7-form p span{
margin-bottom: 24px;
}
@media screen and (max-width: 690px){
.wpcf7-form p span{
margin-bottom: 20px;
}
}
.wpcf7-form p span.your-message{
margin-top: 60px;
margin-bottom: 60px;
}
@media screen and (max-width: 690px){
.wpcf7-form p span.your-message{
margin-top: 45px;
margin-bottom: 45px;
}
}
#bb-form input[type="text"],
#bb-form input[type="email"],
#bb-form input[type="tel"],
#bb-form textarea{
font-family: 'Flama';
font-size: 24px;
line-height: 1.3em;
color: #494a4b;
text-transform: none;
}
@media screen and (max-width: 690px){
#bb-form input[type="text"],
#bb-form input[type="email"],
#bb-form input[type="tel"],
#bb-form textarea,
#bb-form ::placeholder{
font-size: 20px !important;
}
}
#bb-form input[type="submit"].wpcf7-submit{
height: 50px;
padding: 0 3em !important;
background-color: transparent;
border: 1px solid #003C50;
border-radius: 0 !important;
font-family: 'Flama';
color: #003C50;
font-size: 18px;
letter-spacing: 1.44px;
text-transform: uppercase;
}
/** FILE ATTACHMENTS / Download Fields
* ##################################################################################################################
*/
.col-text-2{ /* Container for attachments' only class !not prefixed */
position: relative;
margin-left: -50vw;
margin-left: calc(-50vw + var(--scroll-bar-w)/2);
left: 50%;
width: 100vw;
width: calc(100vw - var(--scroll-bar-w));
}
.download-fields{
display: flex;
flex-wrap: wrap;
margin: 100px 30px;
padding: 5em calc(120px - 2em);
background-color: #f4f5ee;
}
@media screen and (max-width: 690px){
.download-fields{
margin: 40px 25px;
padding: 3em 1em;
}
.download-fields li {
display: flow-root !important;
}
}
.download-fields li{
display: flex;
align-items: center;
flex-basis: content;
flex-wrap: wrap;
min-width: 50%;
max-width: 50%;
padding-bottom: 2em;
list-style-type: none;
color: #889ca3;
}
@media screen and (max-width: 999px){
.download-fields li{
min-width: 100%;
max-width: 100%;
}
}
.download-fields li:before{
display: inline-block;
content: '';
width: 3em;
height: 3em;
background-image: url('data:image/svg+xml;utf8,');
margin-right: 1em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.attachment-icon{
padding-right: 1.3em;
}
.attachment-link b{
margin-right: 0.5em;
color: #889ca3;
font-weight: normal;
text-decoration: underline;
}
.download-fields span{ /* alternativly edit function getSize()'s output */
text-transform: uppercase;
}
/* BOOKING FORM */
#booking-form .vc_col-sm-3 {
width: 23% !important;
}
@media only screen and (max-width: 768px) {
#booking-form .t-check-in, #booking-form .t-check-out {
width: 100%;
}
#booking-form .t-check-out {
margin-top: 10px;
}
body .container-wrap .vc_row-fluid[data-column-margin="24px"] #booking-form-submit .wpb_column {
padding-bottom: 0px !important;
}
#booking-form .vc_col-sm-3 {
width: 100% !important;
margin:0px !important;
}
#booking-form .vc_col-sm-6 {
width: 100% !important;
margin:0px !important;
}
.t-datepicker-days {
left: 0px !important
}
#booking-form .btn.btn-primary {
margin-top: 5px !important;
}
#booking-form .wpb_wrapper.submit {
text-align: center;
}
body .container-wrap #booking-form-row[data-column-margin="24px"] .wpb_column:not(.child_column) {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
}
@media only screen
and (min-width : 810px)
and (max-width : 1023px)
{
#booking-form .t-datepicker {
width: 100%;
}
#booking-form .t-check-in, #booking-form .t-check-out {
width: 50%;
}
#booking-form .vc_col-sm-3 {
width: 100% !important;
margin:0px !important;
}
#booking-form .vc_col-sm-6 {
width: 100% !important;
margin:0px !important;
}
#booking-form .wpb_wrapper.submit {
text-align: center;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1023px)
and (orientation : portrait) {
#booking-form .t-datepicker {
width: 100%;
}
#booking-form .t-check-in, #booking-form .t-check-out {
width: 50%;
}
#booking-form .vc_col-sm-3 {
width: 100% !important;
margin:0px !important;
}
#booking-form .vc_col-sm-6 {
width: 100% !important;
margin:0px !important;
}
#booking-form .wpb_wrapper.submit {
text-align: center;
}
}
#booking-form form {
width: 100% !important;
}
#booking-form .btn.btn-primary {
margin-top: 35px;
background: #003c50 !important;
color: #fff;
border: 1px solid #003c50;
font-size: 18px;
}
#booking-form label {
font-family: 'Flama';
text-transform: uppercase;
color: #003c50;
font-size: 16px;
letter-spacing: 0.75px;
text-align: center;
display: table;
}
#booking-form input, #booking-form select {
font-family: 'Flama';
text-transform: uppercase;
color: #003c50;
}
#booking-form::placeholder {
color: #003c50;
}
#booking-form label {
color: #003c50;
}
/*DATEPICKER*/
.t-check-in,
.t-check-out,
.t-datepicker {
display: inline-block;
position: relative;
float: left;
}
.t-datepicker {
clear: both;
width: 100%;
font-size: 14px;
line-height: 1.4em;
max-width: 650px;
}
.t-check-in,
.t-check-out {
border-width: 0;
border-style: solid;
width: 50%;
box-sizing: border-box;
height: 50px;
font-family: 'Flama';
text-transform: uppercase;
color: #003c50;
background: #fff;
}
.t-check-in .t-date-info-title,
.t-check-out .t-date-info-title {
position: absolute;
top: 15px;
left: 10px;
display: block;
font-weight: 400;
opacity: 0.5;
font-size: 18px;
cursor: pointer;
color: #003c50;
}
.t-check-in .fa,
.t-check-out .fa {
top: -1px;
position: relative;
}
.t-check-in {
border-radius: 0px;
}
.t-picker-only {
border-radius: 0px;
width: 100%;
}
.t-check-out {
border-radius:0px;
}
.t-check-out .t-datepicker-day {
left: -100%;
}
.t-input {
bottom: 0;
left: 20px;
position: absolute;
z-index: -1;
opacity: 0;
}
.t-arrow-top {
top: 32px;
z-index: 9999;
}
.t-arrow-top,
.t-arrow-top::after {
border-width: 10px;
border-style: solid;
border-color: transparent transparent #ddd;
display: inline-block;
position: absolute;
}
.t-arrow-top::after {
top: -9px;
left: -10px;
content: "";
border-width: 10px;
border-bottom-color: #fff;
}
.t-dates {
padding: 17px 10px 10px 10px;
box-sizing: border-box;
height: 50px;
}
#booking-form .t-dates label {
font-size: 22px;
font-weight: normal !important;
}
.t-dates span {
font-size: 22px;
}
.t-datepicker-day {
border-width: 0px;
border-style: solid;
top: 51px;
overflow: hidden;
position: absolute;
z-index: 9998;
padding: 10px 0;
border-radius: 4px;
box-shadow: 0 7px 15px rgba(0, 0, 0, 0.25);
}
.t-table-wrap {
width: 100%;
padding: 0 10px;
font-size: inherit;
display: inline-block;
vertical-align: top;
}
.t-datepicker-days {
width: 650px;
}
.t-datepicker-days .t-table-wrap {
padding: 0;
width: 47%;
margin-left: 2%;
}
@media (max-width: 480px) {
.t-datepicker-days {
width: 300px;
}
.t-datepicker-days .t-table-wrap {
margin-left: 0;
width: 100%;
padding: 0 10px;
}
}
@media (max-width: 320px) {
.t-datepicker-days {
width: 290px;
}
.t-datepicker-days .t-table-wrap {
padding: 0 5px;
}
}
.t-table-condensed {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
vertical-align: top;
}
.t-next,
.t-prev,
.t-table-condensed td,
.t-table-condensed th {
text-align: center;
padding: 10px;
font-family: 'Flama';
color: #003c50 !important;
font-size: 20px;
font-weight: normal !important;
}
.t-date-title {
clear: both;
width: 100%;
text-align: center;
display: inline-block;
margin: 0;
padding: 15px 0 10px;
}
.t-day,
.t-disabled,
.t-end,
.t-range,
.t-start {
border-width: 0px;
border-style: solid;
}
.t-arrow {
border: none;
}
.t-hover-day::after,
.t-special-day:before {
content: "";
border-style: solid;
}
.t-arrow,
.t-dates,
.t-day,
.t-end,
.t-end-limit,
.t-range,
.t-start {
cursor: pointer;
}
.t-special-day {
position: relative;
}
.t-special-day:before {
height: 3px;
width: 3px;
top: 0;
right: 0;
position: absolute;
display: block;
border-width: 3px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.t-hover-day {
position: relative;
}
.t-hover-day-content {
top: -50px;
width: 70px;
right: calc(50% - 35px);
position: absolute;
font-size: 12px;
font-weight: 700;
padding: 3px 5px;
border-radius: 4px;
z-index: 9999;
}
.t-hover-day::after {
position: absolute;
top: -8px;
right: calc(50% - 7px);
border-width: 7px;
}
.t-today .t-hover-day-content {
z-index: 9998;
}
.t-check-in .t-end-limit,
.t-disabled {
opacity: 0.25;
cursor: auto;
}
.t-check-in,
.t-check-out {
border-color: #003a59;
}
.t-check-in {
}
.t-date-title {
color: #e91e63;
}
.t-special-day:before {
border-color: #e91e63 #e91e63 transparent transparent;
}
.t-datepicker-day {
border-color: #ededed;
background: #fff;
}
.t-day,
.t-disabled,
.t-end,
.t-range,
.t-start {
background: #fafafa;
border-color: #fff;
}
.t-disabled {
background: 0 0;
}
.t-highlighted {
color: #edf0f1;
}
.t-highlighted.t-disabled {
background: #fafafa;
}
.t-end,
.t-end-limit,
.t-start {
color: #fff;
background: #EDF0F1;
}
.t-range,
.t-range-limit {
color: #edf0f1;
}
.t-range {
background: #edf0f1;
border-bottom:3px solid #003a59 !important;
}
.t-range.t-hover-day {
border:none !important;
}
.t-range-limit {
background: #edf0f1;
}
/* border-bottom:3px solid #003a59 !important;
*/
.t-range-limit.t-end,
.t-range-limit.t-start {
color: #fff;
background: #edf0f1;
}
.t-start.t-today, .t-day.t-today {
background: none !important;
}
.t-check-in .t-end,
.t-check-out .t-start,
.t-check-out tr ~ .t-end {
color: #fff;
background: #EDF0F1;
}
.t-hover-day,
.t-hover-day-content,
.t-hover-day:hover {
color: #003c50;
background: #edf0f1;
}
.t-hover-day::after {
border-color: #edf0f1 transparent transparent;
}
.t-today,
.t-today .t-hover-day-content {
background: #edf0f1;
}
.t-today::after {
border-top-color: #edf0f1;
}
.t-today:hover,
.t-today:hover .t-hover-day-content {
background: #edf0f1;
}
.t-today:hover::after {
border-top-color: #edf0f1;
}
.t-end.t-today,
.t-start.t-today {
color: #003c50;
}
.t-end.t-today,
.t-end.t-today .t-hover-day-content,
.t-start.t-today,
.t-start.t-today .t-hover-day-content {
background: #EDF0F1;
}
.t-end.t-today::after,
.t-start.t-today::after {
border-top-color: #EDF0F1;
}