:root { --text-color: #000; --bhs-dark-blue: #00263a; --bhs-light-blue: #97a3ae; --bhs-bright-blue: #e5e9eb; --bhs-dark-red: #540202; --bhs-light-red: #a41916; --bhs-dark-grey: #7e8e9d; --bhs-light-grey: #b0b9bf; --bhs-dark-beige: #b7b3a7; /* --bhs-gold: #ffcc00; */ --bhs-gold: #dba93b; --vier-gruen: #8c8a6c; --vier-hellgruen: #bfd464; --vier-rosa: #fff3f6; --vier-lila: #82145c; --vier-rot: #fba737; --color-bg-bright: #f8f8f8; --color-bg-medium: #d8d2c5; --color-bg-dark: #b1a58b; --vier-bright: #f8f8f8; --vier-meduim: #f5f5f5; --vier-grau: #777777; --vier-weiss: #ffffff; --vier-input-bg: #f5f5f5; --vier-input-placeholder: #ccc; --vier-input-required: #9daa69; --vier-td-bright: #f3f3f3; --vier-td-medium: #e6e6e6; --content-width: 1140px; } @media only screen and (min-width: 1800px) { body.template-pagets__home.layout-0 { --content-width: 1440px; } } /*------------------------------------------------*/ /*----------------- Reset ------------------------*/ /*------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*---------------------------------------------------------------*/ /*----------------- Fluid styled content ------------------------*/ /*---------------------------------------------------------------*/ /* Start Default */ .ce-align-left { text-align: left; } .ce-align-center { text-align: center; } .ce-align-right { text-align: right; } .ce-table td, .ce-table th { vertical-align: top; } .ce-textpic, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; } .ce-column { float: left; } .ce-center .ce-row { text-align: center; } .ce-center .ce-column { display: inline-block; float: none; vertical-align: top; } .ce-right .ce-gallery { float: right; } .ce-gallery figure { display: table; margin: 0; } .ce-gallery figcaption { display: table-caption; caption-side: bottom; padding-top: 5px; } .ce-gallery img { display: block; } .ce-gallery iframe { border-width: 0; } .ce-border img, .ce-border iframe { border: none; padding: 0; } .ce-left .ce-gallery { float: left; } .ce-right .ce-gallery { float: right; } .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom: 10px; } .ce-intext.ce-right .ce-gallery { margin-left: 40px; margin-top: 10px; } .ce-intext.ce-left .ce-gallery { margin-right: 40px; margin-top: 10px; } .ce-below .ce-gallery { margin-top: 20px; } .ce-column { margin-right: 20px; } .ce-column:last-child { margin-right: 0; } .ce-row { margin-bottom: 20px; } .ce-row:last-child { margin-bottom: 0; } .ce-above .ce-bodytext { clear: both; } .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; } .ce-uploads { margin: 0; padding: 0; } .ce-uploads li { list-style: none outside none; margin: 1em 0; } .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; } .ce-uploads span { display: block; } /* End Default */ .ce-textpic .ce-bodytext { padding: 10px 0; } .ce-intext .ce-bodytext h2:first-child, .ce-intext .ce-bodytext h3:first-child { padding-top: 0; } .typo3-editPanel-btn .icon-size-small { margin: 0 0 0 10px; } .ce-media img { width: 100%; height: auto; } figure.image img { max-width: 100%; height: auto; } /* feedit */ body.feedit-active .typo3-feedit-element { position: relative; padding-bottom: 20px; } body.feedit-active .typo3-feedit-element:hover { background: #f2f2f2; } .typo3-editPanel { display: none; } body.feedit-active .typo3-editPanel { display: block; text-align: center; } .content-link { display: none; } body.feedit-active .content-link{ display: block; max-width: 1140px; max-width: var(--content-width); margin: 0 auto; } /* Sitemap */ .content .frame-type-menu_sitemap { text-align: center; } .content .frame-type-menu_sitemap ul { margin: 10px 0 10px 30px; } .content .frame-type-menu_sitemap > ul { margin-left: 0; border-left: 0; display: inline-block; text-align: left; } .content .frame-type-menu_sitemap ul li { padding: 5px 0 0 0; } .content .frame-type-menu_sitemap ul a { text-decoration: none; } .content .frame-type-menu_sitemap ul a:hover { text-decoration: underline; } .content .frame-type-menu_sitemap > ul > li > a { font-size: 1.4em; } .content .frame-type-menu_sitemap > ul > li > ul { font-size: 1.2em; } .content .frame-type-menu_sitemap > ul > li > ul > li ul { font-size: 0.9em; } /* Video */ .ce-gallery figure.video div.video-embed video.video-embed-item { max-width: 100%; height: auto; } /* Eigenes */ .ce-clear { clear: both; height: 0px; overflow: hidden; } .ce-intext .no-header .ce-gallery { padding-top: 20px; } /*-----------------------------------------------*/ /*----------------- Xeye ------------------------*/ /*-----------------------------------------------*/ @font-face { font-family: 'xeye_sans'; src: url('../fonts/poppins/poppins_300_normal.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'xeye_sans'; src: url('../fonts/poppins/poppins_300_italic.woff2') format('woff2'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'xeye_sans'; src: url('../fonts/poppins/poppins_700_normal.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'xeye_sans'; src: url('../fonts/poppins/poppins_700_italic.woff2') format('woff2'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'xeye_sans'; src: url('../fonts/poppins/poppins_800_normal.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'xeye_sans'; src: url('../fonts/poppins/poppins_800_italic.woff2') format('woff2'); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'xeye_sans'; src: url('../fonts/poppins/poppins_200_normal.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'xeye_sans'; src: url('../fonts/poppins/poppins_200_italic.woff2') format('woff2'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'xeye_sans'; src: url('../fonts/poppins/poppins_500_normal.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'xeye_sans'; src: url('../fonts/poppins/poppins_500_italic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "xeye_serif"; src: url("../fonts/playfairdisplay_variable/playfair_display_italic.woff2") format("woff2 supports variations"), url("../fonts/playfairdisplay_variable/playfair_display_italic.woff2") format("woff2-variations"); font-weight: 400 900; font-style: italic; } @font-face { font-family: "xeye_serif"; src: url("../fonts/playfairdisplay_variable/playfair_display_normal.woff2") format("woff2 supports variations"), url("../fonts/playfairdisplay_variable/playfair_display_normal.woff2") format("woff2-variations"); font-weight: 400 900; font-style: normal; } @font-face { font-family: 'xeye_script'; src: url('../fonts/kolkerbrush/kolkerbrush.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bhs'; font-style: normal; font-weight: 400; font-display: auto; src: url("../fonts/schlaining/bhs_icons.woff") format("woff"); } @font-face { font-family: 'FontAwesome'; font-style: normal; font-weight: 400; font-display: auto; src: url("../fonts/fontawesome/fontawesome-webfont.eot"); src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg#fontawesome") format("svg"); } /*----------------- Basic Styles -----------------*/ html { box-sizing: border-box; scroll-behavior: smooth; } *, ::before, ::after { box-sizing: inherit; } body { background: #fff; padding: 0; margin: 0; font-family: 'xeye_sans', Arial, Helvetica, sans-serif; font-size: 100.1%; } .header img, .content img, .footer img { max-width: 100%; height: auto; } h1, h2, h3 { line-height: 1.2em; font-weight: 500; color: var(--bhs-dark-blue); padding: 0.4em 0; font-family: 'xeye_serif', 'Times New Roman', Georgia, Serif; } h4, h5 { line-height: 1.2em; font-weight: bold; color: var(--text-color); padding: 1.4em 0 0.2em 0; font-family: 'xeye_sans', Arial, Helvetica, sans-serif; } h1 { font-size: 3em; color: var(--bhs-dark-blue); padding: 0.4em 0; } h2 { font-size: 2em; } h3 { font-size: 1.6em; } h4 { font-size: 1.2em; } h5 { font-size: 1em; } h1 a, h2 a, h3 a, h4 a, h5 a { color: inherit; text-decoration: none; } header h2, header h3, header h4, header h5 { padding-top: 0.4em; } .frame-layout-1 header { font-size: 1.4em; } .frame-layout-1 header h1, .frame-layout-1 header h2, .frame-layout-1 header h3, .frame-layout-1 header h4 { font-family: 'xeye_script', 'Times New Roman', Georgia, Serif; } .frame-layout-1 h2 { font-family: 'xeye_script', 'Times New Roman', Georgia, Serif; color: var(--bhs-dark-blue); font-size: 2.8em; font-size: calc(2vw + 30px); font-weight: normal; } .ce-headline-left { text-align: left; } .ce-headline-center { text-align: center; } .ce-headline-right { text-align: right; } div.clear-floating { clear: both; height: 0px; overflow: hidden; } div.clear-floating-mobile { display: none; } .position-relative { display: block; position: relative; } a { text-decoration: underline; color: var(--text-color); text-underline-offset: 0.2em; text-decoration-color: #777; text-decoration-thickness: 1px; } p { margin: 0; padding: 0.3em 0; } p:empty { display: none; } b, strong { font-weight: bold; } i, em { font-style: italic; } .clearfix:after { display: block; content: ' '; float: none; clear: both; } /*---------- Page ----------*/ #page-wrap { display: block; width: 100%; overflow: hidden; font-size: 1em; } body.blurred #page-wrap { filter: blur(10px); } /*---------- Header ----------*/ .has-header:empty { height: 40px; } .header-logo { display: block; width: 100%; background: #fff; position: absolute; left: 0; top: 5px; } .header-logo a { display: block; } .header-logo img { display: block; width: 120px; height: auto; margin: 0 auto; } /* ----- scroll down ----- */ .scroll-down { position: absolute; bottom: 20px; left: 50%; width: 50px; height: 50px; line-height: 50px; text-align: center; font-family: 'fontAwesome'; color: #fff; font-size: 30px; margin-left: -25px; -webkit-animation: sdb05 5s infinite; animation: sdb05 5s infinite; box-sizing: border-box; z-index: 30; cursor: pointer; } .scroll-down:after { content: '\f107'; } .scroll-down span { display: none; } @-webkit-keyframes sdb05 { 0% { -webkit-transform: translate(0, 0); opacity: 0; } 20% { opacity: 1; } 40% { -webkit-transform: translate(0, 20px); opacity: 0; } 100% { -webkit-transform: translate(0, 20px); opacity: 0; } } @keyframes sdb05 { 0% { transform: translate(0, 0); opacity: 0; } 20% { opacity: 1; } 40% { transform: translate(0, 20px); opacity: 0; } 100% { -webkit-transform: translate(0, 20px); opacity: 0; } } .home-fullscreen-video-wrap { display: block; width: 100%; height: 640px; height: 100vh; position: relative; overflow: hidden; } video.bgvid { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; } /*---------- Stoerer ----------*/ div.stoerer-wrap { display: block; width: 220px; height: 220px; border-radius: 50%; position: absolute; left: 5%; bottom: 20%; background-size: contain; background: var(--bhs-dark-blue); color: #fff; text-decoration: none; z-index: 170; margin-right: -110px; margin-top: -170px; transform: rotate(-10deg); box-shadow: 0 0 60px 0 rgba(255,255,255,0.4); } body.template-pagets__sub div.stoerer-wrap, body.template-pagets__subhome div.stoerer-wrap { top: -140px; } a.stoerer { display: flex; justify-content: center; align-items: center; width: 200px; height: 200px; margin: 10px; padding: 10px; position: relative; border-radius: 50%; color: #fff; font-size: 16px; text-decoration: none; text-align: center; border-radius: 50%; border: dashed 2px #fff; clip-path: circle(50%); } a.stoerer .stoerer-header { font-size: 24px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.04em; } a.stoerer p.p-serif { font-size: 24px; } a.stoerer p, a.stoerer p.p-large, a.stoerer p.p-serif, a.stoerer p.p-tiny { margin: 0; padding: 0.2em 0; line-height: 1.4em; } body.layout-2 a.stoerer { background: var(--bhs-dark-blue); color: #fff; } /*---------- Content ----------*/ .no-header-offset { display: block; width: 100%; height: 140px; } .page-header { padding: 10px 0; width: 100%; max-width: var(--content-width); margin: 0 auto; } .page-header h1 { text-align: left; line-height: 1.1em; font-weight: normal; color: var(--bhs-dark-blue); font-family: 'xeye_serif', 'Times New Roman', Georgia, Serif; padding: 10px 0; margin: 0; } .page-header h2 { text-align: left; font-size: 1em; color: var(--bhs-dark-grey); font-family: 'xeye_sans', Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; padding: 10px 0; margin: 0; } .page-header.header-align-center h1, .page-header.header-align-center h2 { text-align: center; } .page-header.header-align-right h1, .page-header.header-align-right h2 { text-align: right; } .page-header .image-wrap { text-align: center; padding: 10px 0 0 0; } .page-header .image-wrap img { max-width: 60%; height: auto; } .page-header.h-layout-1:after { display: block; content: ''; width: 1px; height: 40px; background: var(--vier-hellgruen); overflow: hidden; margin: 20px auto; } .page-header.h1-big h1 { font-size: 40px; } .content-wrap { display: block; width: 100%; color: var(--text-color); padding: 0; font-size: 1.1em; line-height: 1.4em; position: relative; } .content { display: block; width: 100%; padding: 0; min-height: 100px; line-height: 1.4em; } .frame-default hr { display: block; width: 2px; height: 80px; border: none; background: var(--bhs-dark-blue); margin: 0 auto; padding: 0; clear: both; position: relative; overflow: visible; } .frame-default hr.hr-dashed { background-color: transparent; background-image: linear-gradient(90deg, #f9f1ee, #f9f1ee 60%, transparent 60%, transparent 100%); background-size: 20px 2px; margin: 20px 0; } .frame-default hr.hr-dashed:after { display: none; } /* iframes im Content */ /* .content iframe { display: block; width: 100%; height: 500px; } */ /* Google Maps Link unter iframe */ .frame-type-html small a { color: #777 !important; font-size: 0.8em; } /* ----- Footer ----- */ .footer-wrap-1 { display: block; width: 100%; padding: 80px 40px 40px 40px; background: #fff; position: relative; color: #000; } .footer { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; max-width: 1440px; margin: 0 auto; line-height: 1.4em; } .footer-wrap-1 a { text-decoration: none; color: var(--bhs-dark-blue); } .footer-wrap-1 a:hover { text-decoration: underline; } .footer-col { padding-bottom: 20px; flex-basis: 22%; text-align: left; } .footer-header { font-family: 'xeye_sans', Arial, Helvetica, sans-erif; font-size: 1.4em; font-weight: bold; padding: 0 0 20px 0; color: var(--bhs-dark-blue); text-transform: uppercase; } footer a[title="Facebook"], footer a[title="Instagram"], footer a[title="Youtube"], footer a[title="Linkedin"], footer a[title="Gutscheine"] { text-decoration: none; display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 10px; text-indent: -999em; overflow: hidden; background: transparent url(../images/icons/facebook.svg) no-repeat center center; background-size: 100%; } footer a[title="Instagram"] { background-image: url(../images/icons/instagram.svg); } footer a[title="Linkedin"] { background-image: url(../images/icons/linkedin.svg); } footer a[title="Youtube"] { background-image: url(../images/icons/Video.svg); } footer a[title="Gutscheine"] { background-image: url(../images/icons/Voucher.svg); } footer a[title="Newsletter"] { text-decoration: none; display: inline-block; padding: 10px; border: 2px solid var(--bhs-dark-blue); color: var(--bhs-dark-blue); line-height: 18px; font-size: 14px; font-weight: 500; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; -ms-transition: 0.2s ease; transition: 0.2s ease; } footer a[title="Newsletter"]:hover { text-decoration: none; border-color: var(--bhs-dark-blue); background-color: var(--bhs-dark-blue); color: #fff; } ul.footer-menu { padding: 0; } ul.footer-menu li { display: block; vertical-align: top; font-family: 'xeye_sans', Arial, Helvetica, sans-erif; font-weight: normal; padding: 10px 0; border-bottom: 1px solid var(--bhs-dark-blue); } ul.footer-menu li:first-child { border-top: 1px solid var(--bhs-dark-blue); } .footer-col-logos { display: flex; justify-content: center; align-items: center; margin: 10px 0; } .footer-distance-extra-small { margin-top: 5px; } .footer-distance-small { margin-top: 10px; } .footer-distance-medium { margin-top: 20px; } .footer-distance-large { margin-top: 40px; } .footer-distance-extra-large { margin-top: 80px; } .footer-wrap-2 { display: block; width: 100%; padding: 10px 40px; background: var(--bhs-dark-blue); position: relative; color: #fff; text-align: center; font-weight: 500; font-size: 16px; } .footer-wrap-2 a { color: #fff; text-decoration: none; } .footer-wrap-2 p, .footer-wrap-2 ul, .footer-wrap-2 li { display: inline-block; vertical-align: top; line-height: 30px; margin: 0; } .footer-wrap-2 p, .footer-wrap-2 ul { padding: 10px 0; } .footer-wrap-2 ul { padding-right: 20px; } .footer-wrap-2 li:before { display: inline-block; content: '|'; padding: 0 6px; line-height: 28px; vertical-align: top; } .footer-wrap-2 a[title="Facebook"] { background-image: url(../images/icons/facebook-white.svg); } .footer-wrap-2 a[title="Instagram"] { background-image: url(../images/icons/instagram-white.svg); } .footer-wrap-2 a[title="Linkedin"] { background-image: url(../images/icons/linkedin-white.svg); } /* ----- Logos im Footer ----- */ .footer-logos-wrap { display: none; width: 100%; margin: 0 auto; background: #FFF; text-align: center; position: relative; } .footer-logos { display: block; padding: 20px 0; color: #777777; font-size: 0.8em; text-align: center; background: #FFF; } .footer-logos img { display: block; } .footer-logos .single-logo, .footer-logos .single-html { display: inline-block; vertical-align: middle; padding: 20px; } .footer-logos-div { display: inline-block; vertical-align: middle; width: 3px; height: 110px; background: var(--text-color); margin: 0 20px; } .footer-col .single-logo { display: inline-block; vertical-align: middle; padding: 0 3px; } /* ----- Greyscale mit CSS ----- */ .footer-logos.greyscale .single-logo img.sl-image { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity: 0.7; } .footer-logos.greyscale .single-logo:hover img.sl-image { filter: none; -webkit-filter: none; opacity:1; } .footer-logos a { color: #777777; text-decoration: none; } /* ----- Listen ----- */ div.content-wrap .ce-bodytext ul, .onecol-teasermenu-details ul, .packageteaser-text ul, .xeye-bodytext ul { line-height: 1.4em; padding: 0; margin: 0; list-style-type: none; } div.content-wrap .ce-bodytext ul, .xeye-bodytext ul { padding: 5px 0; } div.content-wrap .ce-bodytext ul li, .footer-block ul li, .onecol-teasermenu-details ul li, .packageteaser-text ul li, .xeye-bodytext ul li { padding: 0 0 0 1.8em; margin: 5px 0; list-style-type: none; background-image: url('../images/ul_bullet.png'); background-repeat: no-repeat; background-position: 2px 0.5em; text-align: left; } .footer-block ul li { background-image: url('../images/footer_bullet.png'); margin: 2px 0; } /* ----- Suchfeld ----- */ .search-small { display: block; width: 300px; max-width: 80%; margin: 0; background: rgba(255,255,255,0.1); height: 40px; line-height: 40px; border-radius: 20px; } #indexedsearch { text-align: center; } #indexedsearch > div { float: none; clear: both; } #indexedsearch:after { display: block; content: ''; float: none; clear: both; } #indexedsearch input.search-small-input { display: block; border: none; font-size: 1em; color: #fff; background: transparent; text-align: left; margin: 0; width: 80%; width: calc(100% - 40px); padding: 0 15px; height: 40px; line-height: 40px; outline: none; -webkit-appearance: none; float: left; } input.search-small-input::-webkit-input-placeholder { color: #fff; } input.search-small-input:-moz-placeholder { color: #fff; } input.search-small-input::-moz-placeholder { color: #fff; } input.search-small-input:-ms-input-placeholder { color: #fff; } #indexedsearch input.search-small-button { cursor: pointer; display: block; width: 40px; height: 40px; margin: 0; background: transparent url('../images/search_min_w.svg') no-repeat center center; background-size: 20px; border: none; float: right; } /* ----- Suchformular auf Suchergebnis-Seite ----- */ .searchresult-searchform { padding-bottom: 20px; } /* ----- Suche Overlay ----- */ .quicksearch-wrap { position: fixed; top: 0px; left: 999em; bottom: 0; right: -999em; width: 100%; height: 100%; background: var(--text-color); background: rgba(0,0,0,0.7); -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 0; } .quicksearch-wrap.open { opacity: 1; left: 0; right: 0; z-index: 1900; display: block; } .quicksearch-close { position: absolute; top: 20px; right: 0; opacity: 1; color: #fff; cursor: pointer; display: block; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 40px; font-weight: normal; background: transparent url('../images/search_close.png') no-repeat center center; text-indent: -999em; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease; transition: 0.5s ease; } /* ----- Suchfeld / Overlay ----- */ .search-big { display: block; background: #FFF; width: 600px; max-width: 60%; height: 60px; border: none; padding: 0; overflow: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); margin-top: -30px; z-index: 2000; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); } input.search-big-input { border: none; font-size: 1em; color: var(--text-color); background-color: transparent; margin: 0; width: calc(100% - 65px); padding: 15px; float: left; margin: 5px 0 0 0; outline: none; } input.search-big-button { cursor: pointer; display: block; width: 60px; height: 58px; margin: 0; background: #FFF url('../images/search_button_black.png') no-repeat center center; border: none; float: right; } /* ----- Inhaltselement Tabelle CSS Klasse preisliste ----- */ table.pricetable { color: var(--text-color); border-collapse: collapse; width: 100%; table-layout: fixed; margin: 20px 0; } table.pricetable td, table.pricetable th { border: 1px solid #008237; border-right: none; margin: 0; padding: 6px; vertical-align: middle; text-align: center; line-height: 1.2em; } table.pricetable tr td:first-child { border-left: none; } /* ----- Inhaltselement Tabelle CSS Klasse ohnelinie ----- */ table.ohnelinie td { background-color: #fff; padding: 5px 10px 0 0; margin: 0; text-align: left; vertical-align: top; border-bottom: none; } /* ----- fuer alle Tabellen ----- */ td h1, td h2, td h3, td h4, td h5 { padding-top: 0; } /* ----- Scroll Up ----- */ #scroll-up { width: 30px; height: 30px; bottom: 20px; right: 20px; text-decoration: none; cursor: pointer; z-index: 999; background: var(--bhs-dark-blue) url(../images/scroll_up.png) no-repeat center center; background-size: 100%; } /* ----- Anfragebutton Plugin ----- */ .inquiry-button { font-size: 1em; color: var(--text-color); text-align: center; padding: 20px 0; /* border-bottom: 2px solid #ddd; */ } .inquiry-button .inquiry-price { display: none; } .inquiry-button a, .inquiry-button button { margin-right: 10px; margin-left: 10px; margin-top: 0; } .inquiry-button span { display: inline-block; vertical-align: middle; } .inquiry-wrap-top { display: block; padding: 20px 40px; background: #f0eeec; text-align: center; border-bottom: 2px solid var(--text-color); } .inquiry-wrap-top .inquiry-button { font-size: 1em; color: var(--text-color); text-align: center; padding: 0; border: none; } .inquiry-wrap-top .inquiry-button a { display: block; margin-left: 0; } .inquiry-wrap-top span { display: block; } .inquiry-button .inquiry-price { display: block; color: var(--text-color); font-size: 40px; padding-top: 0; } /* ----- Newsletter Subscription ----- */ #nl-form { margin: 20px 0 40px 0; } #nl-form .group-wrap { display: inline-block; margin: 20px 0 0 0; max-width: 100%; } #nl-form label { display: inline-block; height: 40px; line-height: 40px; padding: 0 20px 0 0; vertical-align: middle; } #nl-form label span { color: #FF0000; } #nl-form input[type="text"], #nl-form select { font-size: 1em; font-family: inherit; border: 1px solid var(--text-color); background: #FFF; color: var(--text-color); margin: 0 20px 0 0; height: 40px; line-height: 40px; padding: 0 10px; width: 400px; max-width: 100%; vertical-align: middle; } #nl-form select { width: 260px; } #nl-form input[type="submit"] { cursor: pointer; font-family: inherit; margin: 0 20px 0 0; vertical-align: middle; } #nl-form .clear-floating { display: block; height: 10px; } #nl-archive { display: block; margin-top: 40px; } #nl-archive hr, #nl-archive br { display: none; } #nl-archive span.rssheadline { display: block; padding: 4px 0 2px 0; } #nl-archive span.rssheadline a { text-decoration: none; } #nl-archive span.rssheadline a:before { content: '» '; } #nl-archive span.rssheadline a:hover { text-decoration: underline; } /* ---------------------- */ /* ----- Navigation ----- */ /* ---------------------- */ a.social-media-awesome { font-family: 'FontAwesome'; text-decoration: none; } ul.mobile-menu { display: none; } .breadcrumb-wrap { display: none; } ul.dropdown-menu { display: none; } /* ----- Mobile Navigation ----- */ .nav-toggle-bg { position: fixed; right: 0; top: 0; height: 80px; width: 82px; background: #fff; z-index: 1300; display: none; } .nav-toggle { display: block; position: fixed; right: 40px; top: 35px; padding: 0; width: 36px; height: 40px; background: transparent; cursor: pointer; z-index: 1550; overflow: visible; } body.nav-fixed .nav-toggle { top: 15px; } .hamburger, .hamburger:before, .hamburger:after { display: block; width: 30px; height: 2px; background: #fff; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; -ms-transition: 0.2s ease; transition: 0.2s ease; } .nav-toggle:after { display: block; padding-top: 8px; content: 'Menü'; color: #fff; font-weight: 500; font-size: 12px; width: 100%; text-align: center; } .dark-nav .hamburger, .dark-nav .hamburger:before, .dark-nav .hamburger:after { background: var(--bhs-dark-blue); } .dark-nav .nav-toggle:after { color: var(--bhs-dark-blue); } .hamburger { position: relative; margin: 15px 3px; } .hamburger:before, .hamburger:after { content: ''; position: absolute; left: 0; top: 0; } .hamburger:before { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .hamburger:after { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .nav-toggle:hover .hamburger:before { -webkit-transform: translateY(-11px); -ms-transform: translateY(-11px); transform: translateY(-11px); } .nav-toggle:hover .hamburger:after { -webkit-transform: translateY(11px); -ms-transform: translateY(11px); transform: translateY(11px); } .nav-toggle.active .hamburger * { background: #777; } .nav-toggle.active .hamburger:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-toggle.active .hamburger { background: transparent; } .nav-toggle.active .hamburger:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .nav-toggle.active .hamburger:before, .nav-toggle.active .hamburger:after { background: #fff; } .nav-toggle.active:after { display: none; } /* ----- Icons ----- */ .ah-icon-wrap { display: block; text-align: center; padding-top: 26px; } .ah-icon { display: block; padding: 5px; position: relative; } .ah-icon-symbol { display: block; width: 60px; height: 60px; border-radius: 50%; background: var(--vier-hellgruen); margin: 10px auto; transition: background-color 0.2s; } .ah-icon:hover .ah-icon-symbol { background: var(--vier-lila); } .ah-icon-symbol img { display: block; width: 100%; height: auto; } .ah-icon-text { display: inline-block; height: 40px; line-height: 40px; color: var(--vier-lila); font-size: 14px; font-family: 'xeye_sans', Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; white-space: nowrap; position: absolute; right: -999em; opacity: 0; top: 25px; transition: opacity 0.2s; } body.template-pagets__home .ah-icon-text { color: #fff; } body.template-pagets__home.content-triggered .ah-icon-text { color: var(--vier-lila); } .ah-icon:hover .ah-icon-text { right: 80px; opacity: 1; } .ah-icon a { text-decoration: none; position: static; } .ah-icon-wrap-overlay { display: block; text-align: center; position: fixed; right: 0; top: 50%; z-index: 180; background: transparent; transform: translateY(-50%); padding: 0 20px; } /* ----- HauptNavigation ----- */ .mobile-menu-logo { display: none; width: 100%; padding: 80px 60px 20px 60px; text-align: center; } .mobile-menu-logo a { display: inline-block; } .mobile-menu-logo img { display: block; width: 180px; max-width: 100%; height: auto; } .mobile-menu-underlay { position: fixed; top: 0px; left: -999em; background: rgba(0,0,0,0.1); -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; opacity: 0; display: block; z-index: 890; } .mobile-menu-underlay.active { top: 0px; left: 0px; bottom: 0; right: 0; width: 100%; height: 100%; opacity: 1; } .mobile-menu-bg { width: 100%; height: 100%; background: var(--bhs-dark-blue); position: fixed; top: 0; right: 0; bottom: 0; padding: 0; z-index: 1010; overflow: auto; /* ohne Scrollbar */ overflow: hidden; } .mobile-menu-bg::-webkit-scrollbar { width: 0px; background: transparent; } .mobile-menu-wrap { width: 100%; background: transparent; position: absolute; top: 0; left: 0; padding: 0 20px 0 0; z-index: 910; /* ohne Scrollbar */ left: 20px; bottom: auto; right: -20px; height: 100%; overflow-y: scroll; } .mobile-menu-wrap nav { display: block; margin: 240px 30px 0 30px; text-align: left; } .toggle-menu { right: -100%; display: block; opacity: 0; -webkit-transition: opacity 0.5s ease, right 0.1s; -moz-transition: opacity 0.5s ease, right 0.1s; -o-transition: opacity 0.5s ease, right 0.1s; -ms-transition: opacity 0.5s ease, right 0.1s; transition: opacity 0.5s ease, right 0.5s; -webkit-transition-delay: 0, 0.4s; -moz-transition-delay: 0, 0.4s; -o-transition-delay: 0, 0.4s; -ms-transition-delay: 0, 0.4s; transition-delay: 0s, 0.4s; } .toggle-menu.active { opacity: 1; right: 0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; -webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; -ms-transition-delay: 0; transition-delay: 0s; } ul.mobile-menu { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; height: auto; background: transparent; position: relative; margin: 0 0 40px 0; font-family: 'xeye_sans', Arial, Helvetica, sans-serif; } ul.mobile-menu li.mm { padding: 0; margin: 0; border: none; position: relative; background: transparent; text-align: left; } ul.mobile-menu > li.mm { margin: 0 0 10px 0; flex-basis: 100%; } ul.mobile-menu li.mm > a, ul.mobile-menu li.mm > span.nolink { position: relative; display: inline-block; vertical-align: top; line-height: 20px; padding: 10px 0 0 0; height: auto; text-align: left; text-decoration: none; margin-left: 40px; cursor: pointer; color: #fff; } ul.mobile-menu li.mm > a:hover { text-decoration: underline; } ul.mobile-menu > li.mm > a, ul.mobile-menu > li.mm > span.nolink { font-family: 'xeye_sans', Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; line-height: 26px; padding: 4px 0 6px 0; color: #fff; } ul.mobile-menu li.mm > a.cur { color: var(--bhs-gold); font-weight: 500; } ul.mobile-menu-sub { display: none; padding: 20px 0 20px 20px; background: transparent; list-style-type: none; list-style-image: none; position: relative; } ul.mobile-menu span.no-sub, ul.mobile-menu span.has-sub { display: inline-block; vertical-align: top; width: 40px; height: 36px; font-size: 14px; line-height: 36px; text-align: center; font-family: 'FontAwesome'; color: #fff; background: transparent; position: absolute; left: 0; top: 0; font-weight: normal; } ul.mobile-menu span:after { display: inline; } ul.mobile-menu span.no-sub:after { content: ""; } ul.mobile-menu span.has-sub:after { content: "\f067"; } ul.mobile-menu span.has-sub.active:after { content: "\f068"; } ul.mobile-menu span.has-sub { cursor: pointer; } ul.mobile-menu li.mm ul span.has-sub, ul.mobile-menu li.mm ul span.no-sub { height: 38px; line-height: 40px; font-size: 12px; } ul.mobile-menu li.mm ul span.no-sub { font-size: 16px; } ul.mobile-menu li.mm.act > ul { display: block; } ul.mobile-menu li.mm.topics-nav { padding: 0 0 20px 0; } .mobile-menu-icon-wrap { display: block; text-align: center; padding: 0 0 20px 0; } .mobile-menu-footer { display: flex; width: 100%; padding: 0 20px 40px 60px; color: #fff; } .mobile-menu-contact { font-size: 20px; } .mobile-menu-contact ul { display: inline-block; vertical-align: top; } .mobile-menu-contact p, .mobile-menu-contact li { display: inline-block; vertical-align: top; height: 40px; line-height: 40px; padding: 0 20px 0 0; } .mobile-menu-contact a { font-weight: 500; } .mobile-menu-footer a { text-decoration: none; color: #fff; } .mobile-menu-footer a:hover { text-decoration: underline; } .mobile-menu-footer p { line-height: normal; padding: 0; } .mobile-menu-booking { display: none; } .mobile-menu-footer a[title="Facebook"], .mobile-menu-footer a[title="Instagram"], .mobile-menu-footer a[title="LinkedIn"], .mobile-menu-footer a[title="Youtube"], .mobile-menu-footer a[title="Gutscheine"] { text-decoration: none; display: inline-block; vertical-align: top; width: 40px; height: 40px; text-indent: -999em; overflow: hidden; background: transparent url(../images/icons/facebook-white.svg) no-repeat center center; background-size: 75%; padding: 0; } .mobile-menu-footer a[title="Instagram"] { background-image: url(../images/icons/instagram-white.svg); } .mobile-menu-footer a[title="LinkedIn"] { background-image: url(../images/icons/linkedin-white.svg); } .mobile-menu-footer a[title="Youtube"] { background-image: url(../images/icons/Video.svg); } .mobile-menu-footer a[title="Gutscheine"] { background-image: url(../images/icons/Voucher.svg); } .be-button-wrap { display: block; width: 280px; float: right; margin: 74px 0 0 0; margin-right: -40px; } .mobile-tools { display: none; } .main-nav { display: none; } /* ------------------ */ /* ----- Rahmen ----- */ /* ------------------ */ /* Standard */ .textpic-layout-0 { padding: 0; margin: 20px 0; } /* Border */ .textpic-layout-1 { padding: 40px; border: 1px solid var(--text-color); margin: 20px 0; } /* Border Bottom */ .textpic-layout-2 { padding: 0 0 20px 0; border-bottom: dotted 1px var(--text-color); margin: 20px 0; } .ce-bodytext { line-height: 1.6em; } /* .ce-bodytext p, .ce-bodytext ul { font-size: 1.1em; } */ .ce-bodytext p { padding: 0.6em 0; } .frame-default, .frame-zero { display: block; padding: 20px 0; max-width: 1140px; max-width: var(--content-width); margin: 0 auto; } .frame-zero { padding: 0; } .frame-layout-3 .ce-bodytext { display: block; padding: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .frame-layout-3 .ce-bodytext p { padding: 0 0 0.6em 0; } .frame-layout-3 header { padding-bottom: 20px; } .frame-layout-4 { text-align: center; } .frame-layout-4 .ce-bodytext p { display: block; padding: 0; text-align: center; font-size: 1.2em; line-height: 1.4em; padding: 20px 0; max-width: 800px; margin: 0 auto; } .frame-layout-5 { max-width: 800px; margin: 0 auto; } .frame-custom-100 { background: var(--color-bg-bright); padding: 30px 40px; max-width: 1140px; max-width: var(--content-width); margin: 20px auto; } .frame-custom-100 .ce-intext .no-header .ce-gallery { padding-top: 0; } /* Dark */ .frame-custom-110 { background-color: var(--color-bg-dark); padding: 30px 40px; max-width: 1140px; max-width: var(--content-width); margin: 20px auto; } /* ohne Rahmen, ohne Abstand */ .frame-custom-130 { padding: 0; } /* --------------- */ /* ----- RTE ----- */ /* --------------- */ h1.h1-intext-large, h2.h2-intext-large, h3.h2-intext-large { font-size: 4em; line-height: 1em; padding-top: 0; color: var(--bhs-dark-blue); font-weight: normal; padding-bottom: 0; font-family: 'xeye_script', 'Times New Roman', Georgia, Serif; } h3.h2-intext-large { font-size: 3em; } h1.h1-intext-large { font-size: calc(3vw + 50px); } /* ----- Links mit Icon ----- */ a.email-link, a.external-link, a.tel-link, a.fax-link, a.website-link, a.download, a.download-pdf, a.download-doc, a.download-xls, a.download-pic, a.download-zip { text-decoration: underline; } a.email-link:before, a.external-link:before, a.tel-link:before, a.fax-link:before, a.website-link:before, a.download:before, a.download-pdf:before, a.download-doc:before, a.download-xls:before, a.download-pic:before, a.download-zip:before { display: inline-block; padding: 0 8px 0 4px; font-family: 'FontAwesome'; font-size: 1em; text-decoration: none; vertical-align: top; } a.email-link:before { content: "\f003"; } a.external-link:before { content: "\f08e"; } a.tel-link:before { content: "\f095"; } a.fax-link:before { content: "\f1ac"; } a.website-link:before { content: "\f0ac"; } a.download:before, a.download-pdf:before { content: "\f1c1"; } a.download-doc:before { content: "\f1c2"; } a.download-xls:before { content: "\f1c3"; } a.download-pic:before { content: "\f1c5"; } a.download-zip:before { content: "\f1c6"; } a.email-button, a.news-button { display: inline-block; color: var(--text-color); text-decoration: none; border: 2px solid #fff; height: 50px; line-height: 46px; padding: 0 20px; font-size: 20px; white-space: nowrap; background: #fff; border-color: #fff; } a.email-button:hover, a.news-button:hover { background: transparent; color: #fff; text-decoration: none; } a.email-button:before, a.news-button:before { display: inline; font-size: 1.2em; padding: 0 16px 0 0; font-family: 'FontAwesome'; vertical-align: top; } a.email-button:before { content: "\f003"; } a.news-button:before { content: "\f1ea"; } .footer-cols a.email-link, .footer-cols a.tel-link, .footer-cols a.fax-link, .footer-cols a.website-link { color: #fff; } .footer-cols a.tel-link, .footer-cols a.fax-link { text-decoration: none; } .footer-cols a.email-link:before, .footer-cols a.tel-link:before, .footer-cols a.fax-link:before, .footer-cols a.website-link:before { width: 24px; padding: 0; } p.a-icon:before { display: inline; padding: 0 8px 0 4px; font-family: 'FontAwesome'; font-size: 1em; } p.loc-icon:before { content: "\f041"; } a.c-icon { display: inline-block; width: 48px; height: 48px; overflow: hidden; text-decoration: none; padding: 2px 0 0 2px; margin: 0 10px 15px 0; } a.c-icon:hover { opacity: 0.8; text-decoration: none; } a.c-icon:before { display: block; width: 46px; height: 46px; line-height: 46px; font-family: 'FontAwesome'; font-size: 26px; text-align: center; color: #fff; background: #cabdaf; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .footer-cols a.c-icon:before { background: #fff; color: var(--text-color); } .footer-above a.c-icon { margin: 0 5px 10px 5px; } .footer-above a.c-icon:before { background: #fff; color: var(--text-color); } a.fb-icon:before { content: "\f09a"; } a.tw-icon:before { content: "\f099"; } a.in-icon:before { content: "\f16d"; } a.pi-icon:before { content: "\f0d3"; } a.fl-icon:before { content: "\f16e"; } a.em-icon:before { content: "\f0e0"; font-size: 30px; } /* ----- Anfrage Button als Link und Submit-Button ----- */ .button-style, .readmore-button a, .packageSliderButton a, .packageSliderButton a, input.enquiry-button, .tx-powermail input[type="submit"], .tx-powermail a.btn, button.btn { display: inline-block; max-width: 100%; background: var(--bhs-dark-blue); border: 2px solid var(--bhs-dark-blue); padding: 12px 30px; margin: 20px 0 0 0; font-family: 'xeye_sans', Arial, Helvetica, sans-serif; color: #fff; font-size: 18px; line-height: 22px; font-weight: 500; text-decoration: none; cursor: pointer; position: relative; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; -ms-transition: 0.2s ease; transition: 0.2s ease; } .tx-powermail input[type="submit"], .tx-powermail a.btn { line-height: 25px; } .button-style:hover, .readmore-button a:hover, .packageSliderButton a:hover, input.enquiry-button:hover, .tx-powermail input[type="submit"]:hover, .tx-powermail a.btn:hover, button.btn:hover { background: transparent; border-color: var(--bhs-dark-blue); color: var(--bhs-dark-blue); } .button-style:active, .readmore-button a:active, .packageSliderButton a:active, input.enquiry-button:active, .tx-powermail input[type="submit"]:active, .tx-powermail a.btn:active, button.btn:hover { background: transparent; border-color: var(--bhs-dark-blue); color: var(--bhs-dark-blue); } .button-style.bs-red { background: var(--bhs-dark-red); border-color: var(--bhs-dark-red); } .button-style.bs-red:hover, .button-style.bs-red:active { background: transparent; border-color: var(--bhs-dark-red); color: var(--bhs-dark-red); } .button-style.bs-grey { background: var(--bhs-dark-grey); border-color: var(--bhs-dark-grey); color: #fff; } .button-style.bs-grey:hover, .button-style.bs-grey:active { background: transparent; border-color: var(--bhs-dark-grey); color: var(--bhs-dark-grey); } .button-style.bs-white { background: #fff; border-color: #fff; color: var(--bhs-dark-blue); } .button-style.bs-white:hover, .button-style.bs-white:active { background: rgba(0,0,0,0.5); border-color: #fff; color: #fff; } .button-style-outline { display: inline-block; max-width: 100%; background: transparent; border: 2px solid var(--bhs-dark-blue); padding: 12px 30px; margin: 20px 0 0 0; font-family: 'xeye_sans', Arial, Helvetica, sans-serif; color: var(--bhs-dark-blue); font-size: 18px; line-height: 22px; font-weight: 500; text-decoration: none; cursor: pointer; position: relative; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; -ms-transition: 0.2s ease; transition: 0.2s ease; } .button-style-outline:hover, .button-style-outline:active { background: var(--bhs-dark-blue); border-color: var(--bhs-dark-blue); color: #fff; } .button-style-outline.bs-red { border-color: var(--bhs-dark-red); color: var(--bhs-dark-red); } .button-style-outline.bs-red:hover, .button-style-outline.bs-red:active { background: var(--bhs-dark-red); border-color: var(--bhs-dark-red); color: #fff; } .button-style-outline.bs-grey { border-color: var(--bhs-dark-grey); color: var(--bhs-dark-grey); } .button-style-outline.bs-grey:hover, .button-style-outline.bs-grey:active { background: var(--bhs-dark-grey); border-color: var(--bhs-dark-grey); color: #fff; } .button-style-outline.bs-white { border-color: #fff; color: #fff; background: transparent; } .button-style-outline.bs-white:hover, .button-style-outline.bs-white:active { background: #fff; border-color: #fff; color: var(--bhs-dark-blue); } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } a.arrow-button-style, span.arrow-button-style { display: inline-block; color: var(--bhs-dark-blue); text-decoration: none; height: 40px; line-height: 40px; padding: 0 10px 0 0; vertical-align: top; font-weight: bold; font-family: 'xeye_sans', Arial, Helvetica, sans-serif; } a.arrow-button-style:before, span.arrow-button-style:before { display: inline-block; content: "\f105\00a0"; font-family: 'FontAwesome'; text-transform: none; font-weight: normal; vertical-align: top; } a.arrow-button-style:hover { text-decoration: underline; } a.arrow-button-style.inv { color: #fff; } p.p-tiny { font-size: 0.8em; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-color); font-weight: 500; } p.p-tiny-cap { font-size: 0.8em; color: var(--text-color); font-weight: 500; } p.p-uppercase { letter-spacing: 0.02em; text-transform: uppercase; } p.p-large { font-size: 1.2em; line-height: 1.6em; } p.text-center { text-align: center; } p.p-xlarge { font-size: 1.8em; line-height: 1.4em; padding: 30px 0 20px 0 ; color: var(--bhs-dark-blue); font-weight: bold; font-style: italic } p.p-serif { font-family: 'xeye_serif', 'Times New Roman', Georgia, Serif; padding: 0.2em 0; line-height: normal; } p.p-serif-large { font-family: 'xeye_serif', 'Times New Roman', Georgia, Serif; font-size: 2.4em; padding: 0.2em 0; line-height: normal; color: var(--text-color); } p.p-script { font-family: 'xeye_script', 'Times New Roman', Georgia, Serif; font-size: 2.4em; padding: 0.2em 0; line-height: normal; color: var(--bhs-dark-blue); } p.p-script-large { font-family: 'xeye_script', 'Times New Roman', Georgia, Serif; font-size: 4em; padding: 0.2em 0; line-height: normal; color: var(--bhs-dark-blue); } p.p-script-angle { font-family: 'xeye_script', 'Times New Roman', Georgia, Serif; font-size: 2.4em; padding: 0.2em 0 0.6em 0; line-height: normal; color: var(--bhs-dark-blue); -webkit-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); } span.color-bold, .important, span.color-large, .name-of-person, span.no-color-bold, .detail { font-weight: bold; } .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .ce-bodytext p.align-center { text-align: center; max-width: 960px; margin-left: auto; margin-right: auto; } span.span-large { font-size: 1.4em; } ul.package-icons { display: block; padding-top: 10px; } ul.package-icons li, span.package-icon-valid, span.package-icon-nights, span.package-icon-price { display: inline-block; height: 30px; line-height: 30px; vertical-align: top; padding: 0 20px 0 0; font-size: 1em; font-weight: normal; background: none; } ul.package-icons li:before, span.package-icon-valid:before, span.package-icon-nights:before { display: none; content: ''; font-family: 'fontAwesome'; padding: 0 6px 0 0; font-size: 1.2em; } ul.package-icons li:first-child:before, span.package-icon-valid:before { display: inline-block; content: '\f073'; } ul.package-icons li:nth-child(2):before, span.package-icon-nights:before { display: inline-block; content: '\f186'; } ul.package-icons li:nth-child(3) { display: block; } ul.package-icons li strong, span.package-icon-price strong { font-size: 1.4em; font-weight: 400; display: inline-block; vertical-align: baseline; padding: 0 6px; } .ce-bodytext table p { padding: 0; margin: 0; } table.ce-table { margin: 0; padding: 0; border-collapse: collapse; width: 100%; } table.ce-table td, table.ce-table th { padding: 10px 5px; vertical-align: middle; text-align: left; border-bottom: solid 2px var(--vier-meduim); font-weight: normal; } td.very-bright, th.very-bright { background-color: #fff; color: var(--text-color); } td.bright, th.bright { background-color: var(--vier-td-bright); color: var(--text-color); } td.medium, th.medium { background-color: var(--vier-td-medium); color: var(--text-color); } td.dark, th.dark { background-color: var(--bhs-dark-blue); color: #fff; font-weight: normal; } td.dark a { color: #fff; } td.align-center { text-align: center !important; } td.align-left { text-align: left !important; } td.align-right{ text-align: right !important; } td.no-wrap { white-space: nowrap !important; } tr.no-border td { border: none !important; } table.cell-spacing { color: var(--text-color); border-collapse: collapse; width: 100%; } table.cell-spacing td, table.cell-spacing th { border: solid 2px #FFF; margin: 0; padding: 10px; vertical-align: middle; text-align: left; } table.cell-spacing tr td:first-child, table.cell-spacing tr th:first-child { border-left: none; } table.cell-spacing td.very-bright, table.cell-spacing th.very-bright { border-bottom: solid 2px var(--vier-td-medium); } table.cell-spacing td.brightest, table.cell-spacing th.brightest { border-right: solid 2px var(--vier-td-medium); } table.bottom-lines { margin: 0; padding: 0; border-collapse: collapse; width: 100%; } table.bottom-lines td, table.bottom-lines th { padding: 8px; vertical-align: top; text-align: left; border-bottom: solid 1px var(--bhs-dark-blue); border-left: solid 1px var(--bhs-dark-blue); font-weight: normal; } table.bottom-lines th { font-weight: bold; } table.bottom-lines tr td:first-child, table.bottom-lines tr th:first-child { border-left: none; } table.bottom-lines td.bright, table.bottom-lines th.bright, table.bottom-lines td.medium, table.bottom-lines th.medium, table.bottom-lines td.dark, table.bottom-lines th.dark { border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; } table.bottom-lines strong, table.bottom-lines .no-color-bold, table.bottom-lines .color-bold, table.bottom-lines .color-large { font-family: 'xeye_sans', Arial, Helvetica, sans-serif; } table.no-lines { margin: 0; padding: 0; border-collapse: collapse; } table.no-lines td, table.no-lines th { background-color: #fff; padding: 5px 10px 0 0; margin: 0; text-align: left; vertical-align: top; border-bottom: none; } table.no-lines th { font-weight: bold; } table.full-width { width: 100%; } table.striped-table { margin: 0; padding: 0; border-collapse: collapse; } table.striped-table tr.row-odd td { background-color: #f8f6f4; } table.striped-table tr.row-even td { background-color: #fff; } table.team { margin: 0; padding: 0; border-collapse: collapse; width: 100%; } table.team td, table.team th { background-color: #fff; padding: 5px 0; margin: 0; text-align: left; vertical-align: top; border-bottom: none; width: 58%; } table.team td:first-child { width: 40%; padding-right: 2%; } table.team td, table.team td p { line-height: 1.4em !important; } table.team h3, table.team h4 { font-family: inherit; font-weight: normal; } table.price-table { color: var(--text-color); border-collapse: collapse; width: 100%; margin: 20px 0; } table.price-table td, table.price-table th { border-bottom: solid 2px #FFF; border-left: solid 2px #FFF; margin: 0; padding: 10px; text-align: left; vertical-align: top; font-size: 0.9em; line-height: 1.4em; } table.price-table td:not([class]), table.price-table th:not([class]) { text-align: left; vertical-align: top; background: #f8f8f8; } table.price-table tr td:first-child, table.price-table tr th:first-child { border-left: none; } table.price-table tr td:nth-child(2), table.price-table tr th:nth-child(2) { white-space: nowrap; text-align: right; } table.price-table td.very-bright, table.price-table th.very-bright { border-bottom: solid 2px var(--vier-td-medium); } table.price-table td.brightest, table.price-table th.brightest { border-right: solid 2px var(--vier-td-medium); } table.price-table td:empty:after, table.price-table th:empty:after { content: '\a0'; } table.price-table tr td[colspan="6"] { background-color: var(--bhs-dark-blue); color: #fff; font-family: 'xeye_sans', Arial, Helvetica, sans-serif; font-weight: bold; } table.price-table strong, table.price-table .no-color-bold, table.price-table .color-bold, table.price-table .color-large { font-family: 'xeye_sans', Arial, Helvetica, sans-serif; } table.price-table td:nth-child(1n+2) { width: 16%; } table.roomcat-table { color: var(--text-color); border-collapse: collapse; width: 100%; margin: 20px 0; } table.roomcat-table td, table.roomcat-table th { border-bottom: solid 2px #FFF; border-right: solid 2px #FFF; margin: 0; padding: 10px; text-align: left; vertical-align: top; font-size: 0.9em; line-height: 1.4em; width: 20%; text-align: center; } table.roomcat-table th { font-weight: 500; } table.roomcat-table tr th:first-child { width: auto; text-align: center; } table.roomcat-table td:empty:after, table.roomcat-table th:empty:after { content: '\a0'; } table.roomcat-table th { background: #f8f8f8; } table.roomcat-table tr:nth-child(3n-2) td { background: #ebdfe8; } table.roomcat-table tr:nth-child(3n-1) td { background: #e4efd1; } table.roomcat-table tr:nth-child(3n+0) td { background: #cfe1a7; } table.roomcat-table td:nth-child(1n+2) { width: 18%; white-space: nowrap; } table.roomcat-table tr td[rowspan] { background-color: #f8f8f8; width: auto; text-align: center; font-weight: normal; vertical-align: middle; text-transform: uppercase; } table.roomcat-table tr td[rowspan] a { text-decoration: none; } table.roomcat-table tr td[rowspan] a:hover { text-decoration: underline; } table.sroom-table { color: var(--text-color); border-collapse: collapse; width: 100%; margin: 20px 0; } table.sroom-table td, table.sroom-table th { border-bottom: solid 1px var(--bhs-dark-blue); margin: 0; padding: 10px; text-align: center; vertical-align: top; font-size: 1em; line-height: 1.4em; } table.sroom-table td:not([class]), table.sroom-table th:not([class]) { text-align: center; vertical-align: top; background: #fff; } table.sroom-table tr td:first-child, table.sroom-table tr th:first-child { text-align: left; } table.sroom-table td:empty:after, table.sroom-table th:empty:after { content: '\a0'; } table.sroom-table td:nth-child(1n+2) { width: 12%; } table.preise-tabelle { background-color: #fff; color: #555555; border-collapse: collapse; width: 100%; } table.preise-tabelle td, table.preise-tabelle th { border-bottom: solid 2px var(--vier-td-medium); border-right: solid 2px #FFF; margin: 0; text-align: left; padding: 10px 5px; vertical-align: middle; } table.preise-tabelle td:empty:after, table.preise-tabelle th:empty:after { content: '\a0'; } table.preise-tabelle { background-color: transparent; color: #555; border-collapse: collapse; width: 100%; } table.preise-tabelle td { padding: 10px; margin: 0; } td.center-top { text-align: center; vertical-align: top; } td.center-middle { text-align: center; vertical-align: middle; } td.center-left { text-align: left; vertical-align: middle; } blockquote { display: block; text-align: center; font-size: 2em; font-family: 'xeye_serif', 'Times New Roman', Georgia, Serif; font-style: italic; line-height: 1.4em; color: var(--bhs-dark-blue); padding: 40px; } blockquote p.p-script { font-size: 1.6em; font-style: normal; color: var(--bhs-dark-blue); } /* --------------------- */ /* ----- Powermail ----- */ /* --------------------- */ .tx-powermail { background: #fff; padding: 0 0 40px 0; } .tx-powermail fieldset:ater { Display: block; content: ' '; clear: both; float: none; } .powermail_legend { display: block; float: none; clear: both; font-size: 1.4em; font-weight: bold; padding: 60px 0 0 0; text-transform: uppercase; } .powermail_fieldset.nolabel .powermail_legend { display: none; } .powermail_morestep .powermail_legend { display: none; } .powermail_morestep .powermail_form h3 { display: none; } .powermail_field input::placeholder, .powermail_field textarea::placeholder { color: var(--vier-input-placeholder); opacity: 1; } .powermail_field input:-ms-input-placeholder, .powermail_field textarea:-ms-input-placeholder { color: var(--vier-input-placeholder); } .powermail_field input::-ms-input-placeholder, .powermail_field textarea::-ms-input-placeholder { color: var(--vier-input-placeholder); } .powermail_fieldwrap { display: block; float: left; padding: 20px 20px 0 0; } .powermail_field input[type="text"], .powermail_field input[type="email"], .powermail_field input[type="number"], .powermail_field select, .powermail_field textarea { display: block; width: 100%; border: solid 1px var(--vier-meduim); background: var(--vier-input-bg); font-size: inherit; font-family: inherit; border: none; } .powermail_field input[type="text"], .powermail_field input[type="email"], .powermail_field input[type="number"], .powermail_field select { height: 50px; line-height: 46px; padding: 0 10px; } .powermail_field textarea { padding: 10px; } .powermail_field input:required, .powermail_field textarea:required { background: var(--vier-input-bg) url('../images/field_required.png') no-repeat right top; border-left: 4px solid var(--vier-input-required); } .powermail_field input.powermail_field_error, .powermail_field textarea.powermail_field_error { border-color: #F00; background: var(--vier-input-bg) url('../images/field_error.png') no-repeat right top; } li.parsley-required, .powermail-errors-list { color: #FF0000; } .powermail_field input.parsley-success, .powermail_field textarea.parsley-success { border: solid 2px #090; background: #FFF url('../images/field_success.png') no-repeat right center; } .powermail_field select:required { background-color: var(--vier-input-bg); border-color: var(--vier-meduim); } .powermail_field select.powermail_field_error { border-color: #F00; } .powermail_field select.parsley-success { border: solid 2px #090; background-color: #FFF; } .powermail_fieldwrap_type_html { width: 100%; clear: both; float: none; } .powermail_fieldwrap_pauschalen_teaser { width: 100%; float: none; clear: both; padding: 0; } .powermail_fieldwrap_pauschale { /* display: none; */ width: 100%; float: none; clear: both; } .powermail_fieldwrap_anreise { width: 50%; } #powermail_field_anreise { position: relative; background: var(--vier-input-bg) url('../images/calendaricon.png') no-repeat right center; } .powermail_fieldwrap_naechte { width: 25%; } .powermail_fieldwrap_personen { width: 25%; } .powermail_fieldwrap_personen label { display: block; width: 100%; overflow: hidden; } .powermail_fieldwrap_zimmer { width: 25%; } .powermail_fieldwrap_uhrzeit { width: 40%; } .powermail_fieldwrap_stunden, .powermail_fieldwrap_minuten { width: 20%; } .powermail_fieldwrap_zimmer1, .powermail_fieldwrap_zimmer2, .powermail_fieldwrap_zimmer3, .powermail_fieldwrap_zimmer4 { width: 15%; } .powermail_fieldwrap_suiten { width: 20%; } .powermail_fieldwrap.powermail_fieldwrap_suite { /*display: none;*/ width: 100%; float: none; clear: both; } .powermail_fieldwrap_suite .powermail_field:after { display: block; content: ''; float: none; clear: both; } .powermail_fieldwrap_suite .powermail_field .checkbox { display: block; width: 33%; float: left; } .powermail_fieldwrap_kinder { width: 25%; } .powermail_fieldwrap_alterderkinder { width: 50%; } .powermail_fieldwrap_anrede { width: 15%; clear: left; } .powermail_fieldwrap_titel { width: 15%; } .powermail_fieldwrap_vorname { width: 35%; } .powermail_fieldwrap_familienname { width: 35%; } .powermail_fieldwrap_email { width: 50%; clear: left; } .powermail_fieldwrap_emailadresse { width: 50%; clear: left; } .powermail_fieldwrap_telefon { width: 50%; } .powermail_fieldwrap_firma { width: 100%; clear: left; } .powermail_fieldwrap_strasse { width: 100%; clear: left; } .powermail_fieldwrap_plz { width: 20%; clear: left; } .powermail_fieldwrap_ort { width: 40%; } .powermail_fieldwrap_land { width: 40%; } .powermail_fieldwrap_nachricht { width: 100%; float: none; clear: both; } .powermail_fieldwrap_aufmerksam { width: 100%; float: none; clear: both; } .powermail_fieldwrap_referenz { width: 100%; float: none; clear: both; } .powermail_fieldwrap_spamspamspam { width: 50%; clear: left; } #powermail_field_spamspamspam { max-width: 229px; } .powermail_fieldwrap_pflichtfelder { clear: left; } .powermail_fieldwrap_anzahl { width: 30%; float: none; clear: both; } #powermail_field_anzahl { font-size: 1.6em; height: 60px; line-height: 60px; padding: 0 20px;} .powermail_fieldwrap_beschenkter { width: 100%; float: none; clear: both; } .powermail_fieldwrap_newsletter { width: 100%; float: none; clear: both; } .powermail_fieldwrap_zimmerkategorie { width: 100%; clear: left; } .powermail_fieldwrap_zimmeranzahl { width: 100%; clear: left; } .powermail_fieldwrap_zimmerkategorie .powermail_field .checkbox { display: inline-block; width: 280px; height: 40px; line-height: 40px; padding: 0 40px 0 0; } .powermail_fieldwrap_frage, .powermail_fieldwrap_antwort { float: none; clear: both; } .powermail_fieldwrap_antwort { padding-bottom: 20px; } .powermail_fieldwrap_antwort > label.powermail_label { display: none; } .powermail_fieldwrap_antwort .radio { padding: 5px 0; } .powermail_fieldwrap_antwort .radio.parsley-error { color: #FF0000; } .powermail_fieldwrap_teilnahme { width: 100%; float: none; clear: both; } .powermail_fieldwrap_info { width: 100%; float: none; clear: both; } .powermail_fieldwrap_gutscheinpersonen { width: 30%; } .powermail_fieldwrap_personenanzahl { width: 20%; } .tx-powermail .btn-group { display: block; padding: 20px 20px 0 0; } .tx-powermail .btn-group:after { display: block; content: " "; float: none; clear: both; } .powermail_form button.btn-default { display: inline-block; height: 50px; line-height: 50px; border: solid 1px var(--text-color); background: #FFF; color: var(--text-color); padding: 0; width: 50%; margin: 0; cursor: pointer; font-family: inherit; font-weight: inherit; font-size: inherit; text-transform: uppercase; } .powermail_form button.btn-primary { border: solid 1px var(--text-color); background: var(--text-color); color: #FFF; } .visible-xs-inline-block { display: block; float: right; } .visible-xs-inline-block:first-child { float: left; } .powermail_fieldset_1 .powermail_tab_navigation { float: none; clear: both; text-align: right; } .powermail_fieldset_2 .powermail_tab_navigation { float: left; } .powermail_fieldwrap_senden { float: right; } .powermail_fieldwrap label { display: block; position: relative; padding: 0 5px 5px 5px; font-size: 0.9em; } .powermail_fieldwrap label span { display: inline-block; width: 40px; } .powermail_fieldwrap label div.package-description { display: none; width: 600px; position: absolute; left: 20px; bottom: 30px; background: #FFF; font-size: 1em; padding: 5px 10px; border: solid 2px #e5e5e5; } .powermail_fieldwrap label:hover div.package-description { display: block; } ul.parsley-errors-list li { padding: 0; background: none; } .powermail_confirmation table { width: 100%; } .powermail_confirmation td { padding: 8px 20px 8px 0; border-bottom: solid 2px #e5e5e5; } .privacy-confirmation { padding: 20px 0; } .please-check-data { display: block; font-size: 1.2em; font-weight: bold; padding: 20px 0; } .powermail_fieldwrap_pauschalenteaser { padding: 0; width: 100%; float: none; clear: both; } .packageteaser { display: block; padding: 40px 20px 20px 0; } .packageteaser-image { display: block; float: left; width: 31.25%; } .packageteaser-image img { display: block; width: 100%; height: auto; } .packageteaser-text { display: block; float: left; width: 65%; margin-left: 3.75%; } .packageteaser h3 { padding-top: 0; } .packageteaser h3 span { display: block; float: right; } .powermail_fieldwrap_prospekte > .powermail_label { display: none; } .powermail_fieldwrap_prospekte .powermail_field { padding: 0 0 20px 0; } .powermail_fieldwrap_prospekte .checkbox { padding: 10px 0; } .powermail_fieldwrap_betrieb { width: 100%; float: none; clear: both; } .powermail-privacy-info { line-height: 1.6em; padding: 20px 0; } .powermail_fieldwrap_oder { width: 100%; float: none; clear: both; } .powermail_fieldwrap_paket { width: 70%; } .powermail_fieldwrap_paketpersonen { width: 30%; } .powermail_fieldwrap_wunsch { width: 100%; float: none; clear: both; padding: 40px 0; } /* Checkbox, Radiobutton */ .powermail_fieldwrap.layout1 div.radio, .powermail_fieldwrap.layout1 div.checkbox { padding: 10px 10px 10px 0; } .powermail_fieldwrap.layout1 div.radio label, .powermail_fieldwrap.layout1 div.checkbox label { line-height: 1.6em; } /* remove standard-styles */ .layout1 input[type='checkbox'], .layout1 input[type='radio'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; font-size: 1em; width: 100% } /* graceful degradation for ie8 */ .layout1 input[type='checkbox'], .layout1 input[type='radio'] { width: auto; float: left; margin-right: .75em; background: transparent; border: none; } .layout1 input[type='checkbox']:checked, .layout1 input[type='checkbox']:not(:checked), .layout1 input[type='radio']:checked, .layout1 input[type='radio']:not(:checked) { background: transparent; position: relative; visibility: hidden; margin: 0; padding: 0; } .layout1 input[type='checkbox'] + label, .layout1 input[type='radio'] + label { cursor: pointer; } .layout1 input[type='checkbox']:checked + label::before, .layout1 input[type='checkbox']:not(:checked) + label::before, .layout1 input[type='radio']:checked + label::before, .layout1 input[type='radio']:not(:checked) + label::before { content:' '; display: inline-block; vertical-align: top; width: 24px; height: 24px; position: relative; border: solid 1px var(--vier-meduim); background: var(--vier-input-bg); margin-right: 0.6em; } .parsley-error input[type='checkbox']:not(:checked) + label::before, .parsley-error input[type='radio']:not(:checked) + label::before { border-color: #ff0000; } .layout1 input[type=radio]:checked + label::before, .layout1 input[type=radio]:not(:checked) + label::before { border-radius: 30px; } .layout1 input[type='checkbox']:hover + label::before, .layout1 input[type='radio']:hover + label::before { background: #ddd; box-shadow: inset 0 0 0 2px white; } .layout1 input[type='checkbox']:checked + label::before, .layout1 input[type='radio']:checked + label::before { background: var(--vier-input-required); box-shadow: inset 0 0 0 2px white; } .layout2 [type="checkbox"] { position: relative; left: 30px; top: 0px; z-index: 0; -webkit-appearance: none; } .layout2 [type="checkbox"] + label { position: relative; display: block; cursor: pointer; font-family: sans-serif; padding: 0 0 0 70px; position: relative; line-height: 30px; margin-top: -24px; } .layout2 [type="checkbox"] + label:before { width: 60px; height: 30px; border-radius: 30px; background-color: var(--vier-input-bg); content: ''; margin-right: 15px; transition: background-color 0.5s linear; z-index: 5; position: absolute; left: 0px; } .layout2 [type="checkbox"] + label:after { width: 22px; height: 22px; border-radius: 11px; background-color: #fff; content: ''; transition: margin 0.1s linear; box-shadow: 0px 0px 5px #aaa; position: absolute; left: 4px; top: 4px; z-index: 10; } .layout2 [type="checkbox"]:checked + label:before { background-color: var(--vier-input-required); } .layout2 [type="checkbox"]:checked + label:after { margin: 0 0 0 30px; } .powermail_fieldwrap_type_check.layout2 label.powermail_label { display: none; } /* -------------------------- */ /* ----- Indexed search ----- */ /* -------------------------- */ .tx-indexedsearch-searchbox { display: block; margin: 20px 0; } .tx-indexedsearch-searchbox legend { font-size: 2.0em; line-height: 1.2em; font-weight: normal; color: var(--text-color); padding: 0 0 1em 0; } .tx-indexedsearch-form, .tx-indexedsearch-search-submit { display: inline-block; } input.tx-indexedsearch-searchbox-sword { display: inline-block; width: 280px; height: 40px; line-height: 40px; font-size: 1em; padding: 0 10px; border: solid 1px #ddd; vertical-align: middle; } input.tx-indexedsearch-searchbox-button { display: inline-block; height: 40px; line-height: 40px; padding: 0 20px; background: var(--vier-input-bg); border: solid 1px #ddd; color: var(--text-color); margin: 0 0 0 10px; font-size: 1em; font-weight: normal; vertical-align: middle; cursor: pointer; } input.tx-indexedsearch-searchbox-button:hover { background: #ddd; } .tx-indexedsearch-res { display: block; padding: 10px 0; margin: 0 0 20px 0; border-bottom: 2px solid var(--vier-medium); } h3.tx-indexedsearch-title { text-decoration: underline; margin-top: 20px; } h3.tx-indexedsearch-title a { text-decoration: underline; } p.tx-indexedsearch-info { display: block; white-space: nowrap; overflow: hidden; font-size: 0.9em; border-bottom: solid 1px var(--vier-medium); } .tx-indexedsearch-browsebox { margin: 20px 0; } .tx-indexedsearch-browsebox li { display: inline-block; margin-right: 20px; } .tx-indexedsearch-browsebox li a { text-decoration: none; } .tx-indexedsearch-browsebox li a:hover { text-decoration: underline; } /* ----- Slider ----- */ .flex-direction-nav { position: static; } .flex-direction-nav a { background: transparent url('../images/slide_left_min.svg') no-repeat left center; cursor: pointer; text-decoration: none; display: block; width: 50px; height:160px; margin: -80px 0 0 0; position: absolute; text-indent: -9999px; overflow: hidden; top: 50%; z-index: 60; } .flex-direction-nav a.flex-next { right: 0; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } .flex-direction-nav a.flex-prev { left: 0; } .flex-direction-nav a.flex-disabled { display: none; } /* Transition */ .transition-slow { -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease; transition: 0.5s ease; } .transition-fast { -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; -ms-transition: 0.2s ease; transition: 0.2s ease; } /* Abstaende */ .frame-space-before-extra-small { margin-top: 20px; } .frame-space-before-small { margin-top: 50px; } .frame-space-before-medium { margin-top: 100px; } .frame-space-before-large { margin-top: 200px; } .frame-space-before-extra-large { margin-top: 300px; } .frame-space-after-extra-small { margin-bottom: 20px; } .frame-space-after-small { margin-bottom: 50px; } .frame-space-after-medium { margin-bottom: 100px; } .frame-space-after-large { margin-bottom: 200px; } .frame-space-after-extra-large { margin-bottom: 300px; } .phone-button-mobile { display: none; } /* Toggle Element */ .toggle-element { display: block; width: 100%; max-width: var(--content-width); margin-left: auto; margin-right: auto; } .toggle-element h3.slide-210 { display: block; font-size: 1.2em; font-weight: normal; text-transform: none; text-align: left; padding: 14px 50px 14px 10px; margin: 0 0 4px 0; cursor: pointer; background: #fff; border-bottom: solid 2px var(--bhs-dark-blue); color: var(--text-color); position: relative; } .toggle-element h3.slide-210:after { display: block; content: ' '; width: 40px; height: 40px; line-height: 40px; position: absolute; top: 50%; margin-top: -20px; right: 0; background: transparent url('../images/toggle_icon.png') no-repeat center center; transition: 0.2s ease; } .toggle-element h3.slide-210.active { background: #fff; } .toggle-element h3.slide-210.active:after { transform: rotate(180deg); } .toggle-element h3.slide-210:hover { background: #fff; } .toggle-element .slide-me-210 { padding: 10px 0; } .bankett-icon, .cocktail-icon, .theater-icon, .klasse-icon, .u-tafel-icon { display: block; width: 100%; height: 50px; background: transparent url('../images/seminar/bankett.svg') no-repeat center center; background-size: contain; } .cocktail-icon { background-image: url('../images/seminar/cocktail.svg'); } .theater-icon { background-image: url('../images/seminar/theater.svg'); } .klasse-icon { background-image: url('../images/seminar/klasse.svg'); } .u-tafel-icon { background-image: url('../images/seminar/u-tafel.svg'); } /* kleiner */ table.sroom-table td, table.sroom-table th { font-size: 0.9em; } table.sroom-table td:nth-child(1n+2) { width: 10%; } .bankett-icon, .cocktail-icon, .theater-icon, .klasse-icon, .u-tafel-icon { height: 40px; } /* ------------------------- */ /* ----- media queries ----- */ /* ------------------------- */ .showmobile { display: none; } .hidemobile { display: block; } .nav-logo { width: 200px; max-width: 50%; left: 40px; top: 40px; position: fixed; z-index: 1002; } .nav-logo img, .nav-logo svg { display: block; width: 100%; height: auto; } body.nav-fixed .nav-logo { height: 60px; overflow: hidden; top: 15px; overflow: hidden; } .nav-logo img.pre-scroll { display: block; } .nav-logo img.post-scroll { display: none; } body.nav-fixed .nav-logo img.pre-scroll { display: none; } body.nav-fixed .nav-logo img.post-scroll { display: block; } .nav-burgenland { display: none; width: 200px; left: 260px; top: 40px; position: fixed; z-index: 1002; } .nav-burgenland img, .nav-burgenland svg { display: block; width: 100%; height: auto; } body.nav-fixed .nav-burgenland { display: block; top: 20px; } /* ----- Extension tinygallery ----- */ .tg-slider { display: block; position: relative; } .tg-slider ul.slides li img { display: block; width: 100%; height: auto; } .tg-slider .flex-direction-nav a.flex-next { right: -50px; } .tg-slider .flex-direction-nav a.flex-prev { left: -50px; } .tg-slider .flex-direction-nav a.disabled { display: none; } /* ----- Slider ----- */ .tg-slider.flex-direction-nav { position: static; } .tg-slider .flex-direction-nav a { background: transparent url('../images/slide_left_30x60.png') no-repeat left center; cursor: pointer; text-decoration: none; display: block; width: 50px; height:160px; margin: -80px 0 0 0; position: absolute; text-indent: -9999px; overflow: hidden; top: 50%; z-index: 60; } .flex-direction-nav a.flex-next { right: 0; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } .flex-direction-nav a.flex-prev { left: 0; } .flex-direction-nav a.flex-disabled { display: none; } .mask-tfw-slider .flex-direction-nav { position: static; } .mask-tfw-slider .flex-direction-nav a { background: transparent url('../images/slide_left_40x70_white.png') no-repeat left center; cursor: pointer; text-decoration: none; display: block; width: 50px; height:80px; margin: 0; position: absolute; text-indent: -9999px; overflow: hidden; top: auto; left: 50%; bottom: 20px; right: auto; z-index: 60; } .mask-tfw-slider .flex-direction-nav a.flex-prev { margin-left: -50px; } .mask-tfw-slider .flex-direction-nav a.flex-next { margin-right: -50px; } .sticky-buttons { display: flex; justify-content: center; align-items: flex-end; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 20; z-index: 500; } .sticky-buttons a { height: 30px; line-height: 30px; padding: 0 15px; background: var(--vier-lila); color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 12px; letter-spacing: 0.1em; white-space: normal; flex-basis: 58%; } .sticky-buttons a.voucher-button { background: var(--bhs-dark-blue); flex-basis: 42%; } .sticky-buttons a:hover { background: var(--vier-hellgruen); color: var(--bhs-dark-blue); } .sticky-nav-wrap { display: block; width: 100%; background: transparent; position: fixed; min-height: 80px; top: 0; left: 0; z-index: 1000; } body.nav-fixed .bright-nav .sticky-nav-wrap { background: var(--bhs-dark-blue); } .dark-nav .sticky-nav-wrap { background: #fff; } .subpage-header { background: #fff; overflow: hidden; position: relative; width: 100%; margin: 0; padding: 0; } .subpage-header:after { display: block; content: ''; height: 200px; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); position: absolute; left: 20px; top: 20px; right: 20px; z-index: 200; } .subpage-header ul { padding: 20px; margin: 0; list-style-type: none; list-style-image: none; } .subpage-header ul li { padding: 0; margin: 0; background: none; zoom: 1; position: relative; } .subpage-header ul li img { display: block; width: 100%; height: auto; } .nav-icon-wrap { display: inline-block; } .nav-icon { display: inline-block; vertical-align: top; padding: 15px 10px 0 10px; } .nav-icon a { text-decoration: none; color: #fff; font-size: 12px; font-weight: 500; } .dark-nav .nav-icon a { color: var(--bhs-dark-blue); } .mobile-menu-wrap .nav-icon a { color: #fff; } .nav-icon-symbol { display: block; width: 100%; height: 40px; overflow: hidden; font-weight: normal; text-align: center; font-family: 'bhs'; font-size: 30px; } .nav-icon-symbol img { display: block; width: 30px; height: auto; margin: 0 auto; } .nav-icon-symbol img.icon-nr-1, .nav-icon-symbol img.icon-nr-2 { display: none; } body.nav-fixed .nav-icon-symbol img.icon-nr-0, body.nav-fixed .nav-icon-symbol img.icon-nr-1 { display: none; } body.nav-fixed .nav-icon-symbol img.icon-nr-2 { display: block; } body.nav-fixed .nav-icon-wrap a { color: var(--bhs-gold); } body.nav-fixed .nav-icon-symbol img.icon-nr-0, body.nav-fixed .nav-icon-symbol img.icon-nr-1 { display: none; } body.nav-fixed .nav-icon-symbol img.icon-nr-2 { display: block; } div.dark-nav .nav-icon-symbol img.icon-nr-0, div.dark-nav .nav-icon-symbol img.icon-nr-2 { display: none; } div.dark-nav .nav-icon-symbol img.icon-nr-1 { display: block; } div.dark-nav .nav-icon-wrap a { color: var(--bhs-dark-blue); } .mobile-nav-icon-wrap { position: fixed; right: 90px; top: 20px; } body.nav-fixed .mobile-nav-icon-wrap { top: 0; } .mobile-nav-icon-wrap .nav-icon a { color: var(--bhs-gold); } .sticky-nav { display: block; width: 100%; text-align: right; padding-right: 90px; padding-top: 20px; } body.nav-fixed .sticky-nav { padding-top: 0; } @media only screen and (min-width: 1200px) { a[href^="tel:"] { text-decoration: none; } /* ----- Header ----- */ .header-offset { height: 0; } .contact-buttons a span { display: inline-block; } /* ----- Breadcrumb ----- */ .breadcrumb-wrap { display: block; position: relative; } .breadcrumb { display: block; width: 100%; text-align: left; font-size: 16px; color: var(--text-color); background: transparent; padding: 0 0 20px 0; } .breadcrumb a { color: var(--text-color); text-decoration: none; } .breadcrumb a:hover { text-decoration: underline; } /* ----- Navigation ----- */ ul.dropdown-menu { list-style-type: none; list-style-image: none; text-align: right; background: transparent; font-family: 'xeye_sans', Arial, Helvetica, sans-serif; /* display: inline-block; */ white-space: nowrap; } ul.dropdown-menu > li { display: inline-block; vertical-align: top; padding: 0; margin: 0; } ul.dropdown-menu > li > a.t3nav { position: relative; white-space: nowrap; display: block; text-align: center; text-decoration: none; background: transparent; font-size: 18px; font-weight: 500; height: 80px; line-height: 80px; padding: 0 14px; color: #fff; } .dark-nav ul.dropdown-menu > li > a.t3nav { color: var(--bhs-dark-blue); } ul.dropdown-menu > li > a.t3nav.act { font-weight: bold; } ul.dropdown-menu > li > a.t3nav:hover { text-decoration: underline; } .booking-inquiry { display: inline-block; position: fixed; right: 40px; top: 16px; bottom: auto; z-index: 1010; } .mobile-menu-wrap { text-align: center; } .mobile-menu-wrap nav { display: inline-block; text-align: left; } ul.mobile-menu { display: flex; flex-direction: row; align-items: flex-start; flex-wrap: nowrap; width: 100%; padding-right: 3%; } ul.mobile-menu > li.mm { flex-basis: auto; min-width: 240px; } ul.mobile-menu > li.mm > a { display: block; margin-left: 60px; white-space: nowrap; font-size: calc(1.1vw + 3px); } ul.mobile-menu > li.mm > span.no-sub, ul.mobile-menu > li.mm > span.has-sub { display: none; } ul.mobile-menu > li.mm > ul { display: block !important; } /* ----- Content ----- */ .content { min-height: 480px; } .footer { flex-direction: row; padding-top: 0; } .nav-toggle-bg { display: none; } .hamburger, .hamburger:before, .hamburger:after { background: #fff; } .dark-nav .hamburger, .dark-nav .hamburger:before, .dark-nav .hamburger:after { background: var(--bhs-dark-blue); } .dark-nav .nav-toggle:after { color: var(--bhs-dark-blue); } .nav-toggle.active .hamburger:before, .nav-toggle.active .hamburger:after { background: #fff; } .nav-toggle.active { display: block; } } @media only screen and (min-width: 1600px) { ul.dropdown-menu { display: inline-block; } ul.footer-menu li { white-space: nowrap; } ul.mobile-menu li.mm > a { white-space: nowrap; } } /* ----------------- */ /* ----- MOBIL ----- */ /* ----------------- */ @media only screen and (max-width: 1600px) { .frame-default, .frame-zero { padding-left: 20px; padding-right: 20px; } body.template-pagets__subnoheader .breadcrumb { padding: 100px 0 0px 0; } } @media only screen and (max-width: 1199px) { /* ----- Fluid styled content ----- */ .ce-gallery[data-ce-columns="2"] .ce-column { max-width: 49.375%; margin-right: 1.25%; } .ce-gallery[data-ce-columns="3"] .ce-column { max-width: 32.5%; margin-right: 1.25%; } .ce-gallery[data-ce-columns="4"] .ce-column { max-width: 24.06%; margin-right: 1.25%; } .ce-gallery[data-ce-columns="5"] .ce-column { max-width: 19%; margin-right: 1.25%; } .ce-gallery[data-ce-columns="6"] .ce-column { max-width: 15.62%; margin-right: 1.25%; } .ce-gallery .ce-column:last-child { margin-right: 0; } /* ----- Content ---- */ .content > .frame-default, .content > .frame-ruler-before, .content > .frame-ruler-after { padding-left: 20px; padding-right: 20px; } .content-wrap > .frame-default, .content-wrap > .frame-ruler-before, .content-wrap > .frame-ruler-after { padding-left: 20px; padding-right: 20px; } .frame-default .frame-default { padding-left: 0; padding-right: 0; } .showmobile { display: block; } .hidemobile { display: none; } /* ----- Fluid styled content ---- */ .typo3-editPanel { display: block !important; } /* ----- Content ---- */ .ce-row img { width: 100%; height: auto; } .ce-bodytext, .frame-layout-3 .ce-bodytext { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; } .content { width: 100%; float: none; margin: 0; } .footer-logos { padding-bottom: 70px; } .footer-logos-div { display: block; width: 100%; height: 3px; margin: 20px 0; } .toggle-element { padding-left: 20px; padding-right: 20px; } /* ----- Scroll Up ---- */ #scroll-up { display: none !important; } /* ----- Navigation ---- */ .lang-mobile { height: 80px; padding: 30px 14px 0 0; font-size: 14px; line-height: 20px; font-weight: bold; text-transform: uppercase; position: absolute; right: 0; top: 0; font-family: 'xeye_sans', Arial, Helvetica, sans-serif; } .lang-mobile a { display: inline-block; padding: 0 4px; white-space: nowrap; text-decoration: none; text-transform: uppercase; color: var(--bhs-dark-blue); } .mobile-menu-wrap nav { margin: 180px 10px 0 10px; } .mobile-menu-footer { padding: 20px; display: block; } .mobile-menu-footer p, .mobile-menu-footer ul, .mobile-menu-footer li { display: block; height: auto; line-height: normal; padding: 5px 0; } .mobile-menu-footer a { font-size: 16px; } .search-small { display: block; margin: 10px 0; } /* ----- Startseite ----- */ body.template-pagets__sub div.stoerer-wrap, body.template-pagets__subhome div.stoerer-wrap { top: -60px; left: 0; } .tg-slider .flex-direction-nav a.flex-prev { width: 30px; left: -35px; } .tg-slider .flex-direction-nav a.flex-next { width: 30px; right: -35px; } .contact-buttons { position: absolute; left: auto; right: 10px; top: 25px; } .contact-buttons a { } .contact-buttons a.phone-button span { display: none; } .contact-buttons a.phone-button:before { background-size: 30px; } .contact-buttons a.search-icon-pc { display: none; } .nav-logo { width: 140px; left: 20px; } body.nav-fixed .nav-logo { top: 20px; } .nav-burgenland { width: 140px; left: 180px; } body.nav-fixed .nav-burgenland { top: 25px; } } @media only screen and (max-width: 767px) { h1, h2, h3, h4, h5 { word-wrap: break-word; } .page-header h1 { font-size: 1.6em; } .page-header.h-layout-1:after { height: 20px; margin: 0 auto 20px auto; } h2 { font-size: 1.4em; } .header-logo { top: 80px; } .nav-logo { width: 100px; left: 20px; } body.nav-fixed .nav-logo { top: 25px; } .nav-burgenland { width: 100px; left: 140px; } body.nav-fixed .nav-burgenland { top: 30px; } /* ----- Fluid styled content ---- */ .ce-left .ce-gallery, .ce-right .ce-gallery { float: none; text-align: center; } .ce-intext.ce-left .ce-gallery, .ce-intext.ce-right .ce-gallery { margin-left: 0; margin-right: 0; } /* ----- Navigation ---- */ .mobile-menu-wrap nav { margin: 140px 0 0 0; } ul.mobile-menu li ul span.has-sub, ul.mobile-menu li ul span.no-sub { height: 28px; } .mobile-menu-booking { display: block; text-align: center; padding-bottom: 20px; padding-right: 20px; } .mobile-menu-booking a { display: inline-block; height: 30px; line-height: 30px; width: 200px; max-width: 100%; text-align: center; padding: 0; background: var(--vier-lila); color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 12px; letter-spacing: 0.1em; white-space: normal; } .mobile-menu-booking a.voucher-button { background: var(--bhs-dark-blue); } /* ----- Header ---- */ #footer-logos .single-logo { padding: 5px; } td { /*white-space: normal !important;*/ } table { display: block; overflow-x: auto; } table::-webkit-scrollbar { -webkit-appearance: none; width: 20px; height: 20px; background-color: rgba(0, 0, 0, .1); } table::-webkit-scrollbar-thumb { border: 2px solid #fff; background-color: rgba(0, 0, 0, .3); } .footer-wrap { padding: 0 40px 80px 40px; } .footer { display: block; } .footer-col { display: block; width: 100%; max-width: 400px; margin: 0 auto; padding: 20px 0 0 0; text-align: center; } .footer-header { font-size: 1.2em; text-align: center; } .footer-claim { padding-top: 0; position: relative; top: -60px; } .footer-claim .footer-claim-rel { display: block; } .footer-claim .footer-claim-rel div { width: 140px; position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0 auto; } ul.footer-menu li { padding: 0; text-align: center; } /* ----- Powermail ---- */ .powermail_fieldwrap { width: 100% !important; } .powermail_form button.btn-default { display: block; width: 100%; } .packageteaser-image, .packageteaser-text { float: none; width: 100%; margin: 0; } .packageteaser-text { padding-top: 20px; } .packageteaser h3 span { float: none; padding-top: 10px; } .inquiry-button span { display: block; height: auto; } .inquiry-button span a.button-style { margin: 10px 0 0 0; } blockquote { font-size: 1.2em; padding: 20px 0; } .ah-icon-wrap-overlay { display: none; } .phone-button-mobile { display: block; width: 50px; height: 50px; position: fixed; right: 80px; top: 15px; z-index: 2000; } .phone-button-mobile img { display: block; width: 100%; height: auto; } .frame-space-before-extra-small { margin-top: 10px; } .frame-space-before-small { margin-top: 20px; } .frame-space-before-medium { margin-top: 40px; } .frame-space-before-large { margin-top: 80px; } .frame-space-before-extra-large { margin-top: 120px; } .frame-space-after-extra-small { margin-bottom: 10px; } .frame-space-after-small { margin-bottom: 20px; } .frame-space-after-medium { margin-bottom: 40px; } .frame-space-after-large { margin-bottom: 80px; } .frame-space-after-extra-large { margin-bottom: 120px; } div.stoerer-wrap { left: 5%; bottom: 5%; } } @media only screen and (max-width: 640px) { .nav-icon { padding: 15px 5px 0 5px; } .nav-icon a { font-size: 10px; } .nav-icon-symbol { padding-top: 4px; } .nav-icon-symbol img { width: 22px; } .nav-burgenland, body.nav-fixed .nav-burgenland { display: none; } } @media only screen and (max-width: 479px) { h1 { font-size: 2em; hyphens: auto; } h2 { font-size: 1.4em; } h3 { font-size: 1.2em; } p.p-large { font-size: 1.2em; } p.p-xlarge { font-size: 1.4em; } h2.header-large { font-size: 3em; } p.p-script-large { font-size: 2em; } .footer-block, .footer-block.first, .footer-block.last { width: 96%; margin: 0 2%; min-height: 100px; float: none; clear: both; } /*---------- Stoerer ----------*/ div.stoerer-wrap { width: 180px; height: 180px; left: -14px; bottom: 5%; } a.stoerer { width: 160px; height: 160px; font-size: 14px; } a.stoerer .stoerer-header { font-size: 16px; } a.stoerer p { margin: 0; padding: 3px 0; } .summer-winter { bottom: 60px; } } img.frontEndEditIcons, a.frontEndEditIconLinks img { width: 16px !important; max-width: 16px !important; height: 16px !important; max-height: 16px !important; } #content img.frontEndEditIcons, #footer img.frontEndEditIcons, #header img.frontEndEditIcons { width: 16px !important; max-width: 16px !important; height: 16px !important; max-height: 16px !important; } @media only screen and (min-width: 1200px) { .has-header:empty { height: 100px; } body.layout-1 .subpage-header:after { background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); } body.layout-2 .subpage-header:after { background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); } } @media only screen and (min-width: 1024px) { .inquiry-button.ib-layout-1 { text-align: left; } .inquiry-button.ib-layout-1 a.button-style:first-child { margin-left: 0; } .inquiry-button.ib-layout-2 { text-align: right; } .inquiry-button.ib-layout-2 form { display: flex; justify-content: flex-end; align-items: center; } } @media only screen and (min-width: 1025px) { @keyframes hasub05 { 0% { transform: translate(0, 0); opacity: 0; } 60% { transform: translate(0, 0); opacity: 0; } 70% { transform: translate(0, 0); opacity: 1; } 90% { transform: translate(15px, 0); opacity: 0; } 100% { opacity: 0; } } @keyframes hasub03 { 0% { transform: translate(0, 0); opacity: 0; } 40% { transform: translate(0, 0); opacity: 0; } 60% { transform: translate(0, 0); opacity: 1; } 80% { transform: translate(15px, 0); opacity: 0; } 100% { opacity: 0; } } }