/*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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; } /* HTML5 display-role reset for older browsers */ 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; } /*---------- Stoerer ----------*/ div.stoerer-wrap { display: block; width: 240px; height: 240px; position: absolute; right: 60px; top: 60px; background: #fff; background: rgba(255,255,255,0.5); color: #333; text-decoration: none; z-index: 170; border-radius: 120px; overflow: hidden; } a.stoerer { display: block; width: 210px; height: 210px; margin: 15px; position: relative; background: #fff; color: #333; text-decoration: none; line-height: 1.4em; font-size: 20px; border-radius: 105px; overflow: hidden; } a.stoerer div.stoerer-v-center { display: block; width: 100%; position: absolute; top: 50%; left: 0; padding: 0 10%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } a.stoerer p { margin: 0; padding: 5px 0; } a.stoerer p strong { font-size: 30px; } /*---------- Popup ----------*/ .stopper-popup-outer-wrap { position: fixed; top: 0px; left: 999em; bottom: 0; right: -999em; width: 100%; height: 100%; background: transparent; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; opacity: 0; z-index: 2000; -webkit-transition-delay: 3s; -moz-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; } .stopper-popup-outer-wrap.open { opacity: 1; left: 0; right: 0; display: block; } .stopper-popup-wrap { display: inline-block; width: 90%; max-width: 400px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); margin-top: -30px; background: #FFF; background: rgba(255,255,255,0.95); color: #555; -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); text-align: center; line-height: 1.4em; } .stopper-popup { display: block; padding: 40px; position: relative; } .stopper-popup-close { display: block; width: 40px; height: 40px; line-height: 40px; background: transparent url('../../../typo3conf/ext/stopper/Resources/Public/Images/close.png') no-repeat center center; position: absolute; right: 0; top: 0; cursor: pointer; font-size: 20px; text-align: center; } .stopper-popup h2, .stopper-popup h3 { padding: 0 0 10px 0; } a.stopper-popup-button { text-decoration: none; display: inline-block; padding: 10px 20px; margin: 10px 0 0 0; border-top: solid 1px #555; border-bottom: solid 5px #555; letter-spacing: 0.04em; } a.stopper-popup-button:hover { border-bottom: solid 5px #000; } /* Obermayerhofen */ a.stopper-popup-button { font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; } a.stoerer p strong { font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; font-weight: normal; } @media only screen and (max-width: 719px) { div.stoerer-wrap { width: 200px; height: 200px; border-radius: 100px; right: 10px; top: 70px; } a.stoerer { width: 180px; height: 180px; margin: 10px; font-size: 18px; border-radius: 90px; } a.stoerer p strong { font-size: 24px; } .stopper-popup { font-size: 0.9em; padding: 40px 20px; } } /* 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-left .ce-gallery, .ce-column { float: left; } .ce-center .ce-outer { position: relative; float: right; right: 50%; } .ce-center .ce-inner { position: relative; float: right; right: -50%; } .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; font-size: 0.9em; } .ce-gallery img { display: block; } .ce-gallery iframe { border-width: 0; } .ce-border img, .ce-border iframe { border: none; padding: 0; } .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; } .ce-intext.ce-left .ce-gallery { margin-right: 40px; } .ce-below .ce-gallery { margin-top: 10px; } /* .ce-column { margin-right: 10px; } .ce-column:last-child { margin-right: 0; } */ .ce-row { margin-bottom: 10px; } .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-gallery[data-ce-columns="2"] .ce-column { width: 49.3%; margin-right: 1.4%; } .ce-gallery[data-ce-columns="3"] .ce-column { width: 32.4%; margin-right: 1.4%; } .ce-gallery[data-ce-columns="4"] .ce-column { width: 23.9%; margin-right: 1.4%; } .ce-gallery .ce-column:last-child { margin-right: 0; } .ce-textpic { padding: 10px 0; } .typo3-editPanel { clear: both; } .typo3-feedit-element { margin-top: 20px; } .frontEndEditIconLinks img { width: auto; height: auto; } .ce-intext .ce-bodytext h2:first-child, .ce-intext .ce-bodytext h3:first-child { padding-top: 0; } .typo3-feedit-element { position: relative; } /* .typo3-feedit-element:hover, .typo3-feedit-element:hover div { background: #eee; } */ .typo3-editPanel { position: absolute; top: -10px; left: 0; z-index: 100; padding: 0 5px; background: #ddd; } .typo3-feedit-element:hover .typo3-editPanel { display: block !important; } .typo3-editPanel .frontEndEditIconLinks { display: inline !important; } .typo3-editPanel a { text-decoration: none; } .typo3-editPanel .icon-markup { display: inline-block; width: 26px; height: 26px; padding: 5px; } .typo3-editPanel-label {display: none;} .ce-media img { width: 100%; height: auto; } /* Sitemap */ .content-col-0 ul.ce-menu-2 { display: block; margin: 40px 0; font-size: 1.2em; } .content-col-0 ul.ce-menu-2 ul { display: block; padding: 0 0 0 40px; font-size: 0.9em; } .content-col-0 ul.ce-menu-2 a { text-decoration: none; } .content-col-0 ul.ce-menu-2 a:hover { text-decoration: underline; } .frame-space-after-medium { margin-bottom: 40px; } iframe.video-embed-item { max-width: 100%; } @media only screen and (max-width: 959px) { .ce-left .ce-gallery { float: none; text-align: center; } .ce-gallery[data-ce-columns="2"] .ce-column, .ce-gallery[data-ce-columns="3"] .ce-column, .ce-gallery[data-ce-columns="4"] .ce-column { width: 100%; margin: 0 0 10px 0; float: none; clear: both; } } @font-face { font-family: 'omh_sans'; src: url('../../../fileadmin/template/fonts/OpenSans/OpenSans-Light-webfont.eot'); src: url('../../../fileadmin/template/fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fileadmin/template/fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'), url('../../../fileadmin/template/fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'), url('../../../fileadmin/template/fonts/OpenSans/OpenSans-Light-webfont.svg#omh_sans') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'omh_sans'; src: url('../../../fileadmin/template/fonts/OpenSans/OpenSans-Bold-webfont.eot'); src: url('../../../fileadmin/template/fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fileadmin/template/fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff'), url('../../../fileadmin/template/fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'), url('../../../fileadmin/template/fonts/OpenSans/OpenSans-Bold-webfont.svg#omh_sans') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'omh_serif'; src: url('../../../fileadmin/template/fonts/playfairdisplay/playfairdisplay-regular-webfont.eot'); src: url('../../../fileadmin/template/fonts/playfairdisplay/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fileadmin/template/fonts/playfairdisplay/playfairdisplay-regular-webfont.woff2') format('woff2'), url('../../../fileadmin/template/fonts/playfairdisplay/playfairdisplay-regular-webfont.woff') format('woff'), url('../../../fileadmin/template/fonts/playfairdisplay/playfairdisplay-regular-webfont.ttf') format('truetype'), url('../../../fileadmin/template/fonts/playfairdisplay/playfairdisplay-regular-webfont.svg#omh_serif') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'omh_script'; src: url('../../../fileadmin/template/fonts/Tangerine/tangerine_regular-webfont.eot'); src: url('../../../fileadmin/template/fonts/Tangerine/tangerine_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fileadmin/template/fonts/Tangerine/tangerine_regular-webfont.woff2') format('woff2'), url('../../../fileadmin/template/fonts/Tangerine/tangerine_regular-webfont.woff') format('woff'), url('../../../fileadmin/template/fonts/Tangerine/tangerine_regular-webfont.ttf') format('truetype'), url('../../../fileadmin/template/fonts/Tangerine/tangerine_regular-webfont.svg#omh_script') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FontAwesome'; src: url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0'); src: url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } /*------------------------------------------------*/ /*----------------- Basic Styles -----------------*/ /*------------------------------------------------*/ html { box-sizing: border-box; } *, ::before, ::after { box-sizing: inherit; } body { background-color: #fff; padding: 0; margin: 0; font-family: 'omh_sans', Arial, Helvetica, sans-serif; font-size: 100.1%; } #header img, #content img, #footer img { max-width: 100% !important; height: auto; } h1, h2, h3, h4, h5 { line-height: 1.2em; font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; font-weight: normal; color: #555; padding: 1em 0 0.5em 0; } h1 { font-size: 2.0em; } h2 { font-size: 1.6em; } h3 { font-size: 1.2em; } h4 { font-size: 1em; font-weight: bold; } h5 { font-size: 1em; font-weight: normal; } .no-distance-header { padding-top: 0 !important; } h1 a, h2 a, h3 a, h4 a, h5 a { color: #555; text-decoration: none; } .content-element-header { padding-top: 0; } 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: #555; } p { margin: 0; padding: 0.3em 0; } b, strong { font-weight: bold; } /*--------------------------*/ /*---------- Page ----------*/ /*--------------------------*/ #page-wrap { display: block; width: 100%; overflow: hidden; font-size: 1em; } #page { font-size: 0.8em; width: 960px; max-width: 100%; margin: 0 auto; } /*----------------------------*/ /*---------- Header ----------*/ /*----------------------------*/ #header-wrap { display: block; background: #FFF; } #header { display: block; position: relative; } #header-logo { display: block; width: 180px; background: transparent; position: relative; margin: 0 auto; padding: 20px 0; } #header-logo a { display: block; border: none; } #header-logo img { display: block; width: 100%; height: auto; /* background: #88aa66; */ border: none; margin: 0; } /*-----------------------------------------------*/ /*---------- Navigation etc. im Header ----------*/ /*-----------------------------------------------*/ .print-button { display: block; position: absolute; bottom: 10px; right: 10px; } .print-button a { background: transparent url('../../../fileadmin/template/images/print.png') no-repeat 10px center; display: block; height: 20px; line-height: 20px; padding: 0 0 0 40px; color: #999; text-decoration: none; font-size: 0.8em; } .translator { padding: 5px 0 0 10px; float: right; color: #999; } .translator a { color: #FFF; } .mobile-tools { display: block; float: right; padding: 20px 20px 0 0; } .mobile-location, .mobile-phone, .mobile-contact { display: block; width: 40px; height: 40px; float: right; text-indent: 999em; overflow: hidden; background: transparent url('../../../fileadmin/template/images/mobile_contact_buttons.png') no-repeat left top; } .mobile-phone { background-position: -40px top; } .mobile-location { background-position: -80px top; } /* Google Translator */ .goog-te-gadget-simple { border: none !important; } a.goog-te-menu-value, a.goog-te-menu-value:hover { text-decoration: none !important; } /* Booking Enquiry Button */ /* ---------------------- */ a.enquiry-button { display: block; padding: 0 30px; height: 80px; line-height: 80px; background: transparent; color: #555; font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; font-size: 24px; text-align: center; text-decoration: none; position: absolute; right: 0; top: 0; } /*-----------------------------*/ /*---------- Content ----------*/ /*-----------------------------*/ #page-headline { display: block; padding: 30px 0; } h1.page-header { font-size: 3.6em; font-weight: normal; text-align: center; line-height: 1em; padding: 10px 0; color: #555; } h1.page-header span.line2 { font-size: 0.6em; font-weight: normal; } .content-wrap { display: block; width: 100%; background-color: #FFF; color: #555; padding: 0 0 20px 0; font-size: 1.2em; line-height: 1.4em; position: relative; } .sub-page-position { display: block; position: relative; } .content { display: block; width: 1140px; max-width: 100%; margin: 0 auto; padding: 0; min-height: 500px; } .content.sub-page { padding-top: 40px; } .content.narrow { width: 800px; max-width: 100%; } .content-col-0 { display: block; color: #555; line-height: 1.4em; } .standard-page-content-distance { display: block; height: 0; } .content-col-0 p.align-center { padding: 0 10%; } .content-col-1 { font-family: 'tatznav', Arial, Helvetica, sans-serif; width: 240px; position: absolute; right: 0; top: 0; } .content hr { height: 2px; border: none; color: #f2f8f4; background-color: #f2f8f4; margin: 0; padding: 0; clear: both; } .big-font { font-size: 1.2em; line-height: 1.6em; color: #777; margin: 10px 0; } /*---------------------------------*/ /*---------- Page Bottom ----------*/ /*---------------------------------*/ .footer-distance { display: block; height: 100px; } #footer-wrap { display: block; background: transparent; margin: 0; } #footer { display: block; margin: 0 auto; background: transparent; padding: 20px 0; color: #777; font-size: 1em; line-height: 1.2em; width: 1140px; max-width: 100%; /* border-top: solid 2px #88aa66; */ text-align: center; } #footer p { padding: 0; margin: 0; line-height: 1.4em; } #footer a { color: #777; text-decoration: none; } #footer a:hover { text-decoration: underline; } .footer-logo-omh { display: block; width: 120px; margin: 0 auto; } .footer-header { display: block; text-align: center; font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; font-size: 1.4em; padding: 40px 0 20px 0; } /*---------- Logos im Footer ----------*/ .footer-logos-wrap { display: block; width: 100%; margin: 0 auto; background: #FFF; text-align: center; position: relative; } .footer-logos { display: inline-block; *display: block; max-width: 100%; color: #777777; font-size: 0.8em; text-align: center; background: #FFF; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .footer-logos img { display: block; } .footer-logos .single-logo { display: inline-block; vertical-align: middle; *display: block; *float: left; padding: 0 10px; } .footer-logo-group { display: inline-block; vertical-align: middle; *display: block; *float: left; padding: 20px; } /* 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 .single-html { padding: 0 0 20px 0; float: left; } .footer-logos a { color: #777777; text-decoration: none; } /*----------------------------*/ /*---------- Listen ----------*/ /*----------------------------*/ div.content-col-0 .ce-bodytext ul, .footer-block ul { padding: 0; margin: 0; list-style-type: none; } div.content-col-0 .ce-bodytext ul li, .footer-block ul li { padding: 0 0 0 0.9em; margin: 5px 0; list-style-type: none; background-image: url('../../../fileadmin/template/images/ul_bullet.png'); background-repeat: no-repeat; background-position: 0px 0.5em; } ul.csc-menu li { background-image: url('../../../fileadmin/template/images/ul_bullet_menu_inv.png'); } .footer-block ul.csc-menu li { background-image: url('../../../fileadmin/template/images/ul_bullet_menu_inv.png'); margin: 2px 0; } /*---------- Sitemap ----------*/ .content-col-0 .frame-type-menu_sitemap { padding-left: 30%; } .content-col-0 .frame-type-menu_sitemap ul { margin: 0 0 20px 20px; } .content-col-0 .frame-type-menu_sitemap ul li { padding: 5px 0 0 0; } .content-col-0 .frame-type-menu_sitemap ul a { text-decoration: none; } .content-col-0 .frame-type-menu_sitemap ul a:hover { text-decoration: underline; } .content-col-0 .frame-type-menu_sitemap > ul > li > a { font-size: 1.4em; } /*---------- Suchfeld ----------*/ .search-small { display: block; background: transparent; width: 300px; max-width: 80%; margin: 40px auto; } #indexedsearch { text-align: center; } #indexedsearch input.search-small-input { display: block; border: 1px solid #555; font-size: 1em; color: #555; text-align: left; background: transparent; border-radius: 3px; margin: 0; width: 100%; padding: 15px; outline: none; -webkit-appearance:none; -webkit-border-radius:0; } input.search-small-input::-webkit-input-placeholder { color: #555; } input.search-small-input:-moz-placeholder { color: #555; } input.search-small-input::-moz-placeholder { color: #555; } input.search-small-input:-ms-input-placeholder { color: #555; } #indexedsearch input.search-small-button { cursor: pointer; display: inline-block; width: 50px; height: 50px; margin: 10px 0 0 0; background: transparent url('../../../fileadmin/template/images/search_button_white.png') no-repeat center center; border: none; } /*---------- Suchformular auf Suchergebnis-Seite ----------*/ .searchresult-searchform { padding-bottom: 20px; } /*------------------------------*/ /*---------- Tabellen ----------*/ /*------------------------------*/ /*---------- Inhaltselement Tabelle ----------*/ .contenttable { width: 100%; margin: 0; padding: 0; border-collapse: collapse; } .contenttable th { background: #e5e5e5; color:#555; padding: 2px 5px; text-align: left; border-bottom: 1px #ffffff solid; border-left: 1px #ffffff solid; } .contenttable th.td-0 { border-left: none; } .contenttable td { padding: 2px 5px; text-align: left; border-bottom: 1px #e5e5e5 solid; border-left: 1px #e5e5e5 solid; } .contenttable td.td-0 { border-left: none; } .contenttable .td-last { } /*---------- Inhaltselement Tabelle CSS Klasse preisliste ----------*/ .preisliste th { background: #a2ac1e; color: #FFF; padding: 10px 5px; text-align: left; border-bottom: 2px #FFF solid; border-left: 2px #FFF solid; } .preisliste th.td-0 { border-left: none; font-weight: bold; } .preisliste td { padding: 10px 5px; text-align: left; border-bottom: 2px #fef5de solid; border-left: 2px #FFF solid; } .preisliste td.td-0 { border-left: none; } .preisliste .td-0 { width: 40%; } .preisliste .td-1, .preisliste .td-2 { width: 15%; } .preisliste .td-1, .preisliste .td-2, .preisliste .td-3 { text-align: center; } .preisliste .tr-odd { background-color: #FFF; } .preisliste .tr-even { background-color: #fef5de; } .preisliste td h2, .preisliste td h3 { padding: 0.2em 0; margin: 0; } /*---------- Tabelle ohne Linien ----------*/ table.ohnelinie td { background-color: #fff; padding: 5px 10px 0 0 !important; margin: 0; text-align: left !important; vertical-align: top; border-bottom: none !important; } /*---------- fuer alle Tabellen ----------*/ td h1, td h2, td h3, td h4, td h5 { padding-top: 0; } /*---------- Scroll Up ----------*/ #scroll-up { width: 60px; height: 60px; background: transparent url('../../../fileadmin/template/images/scroll_up.png') no-repeat center center; bottom: 0; right: 20px; overflow: hidden; text-indent: -999em; text-decoration: none; cursor: pointer; z-index: 999; } /* Anfragebutton Plugin */ .inquiry-button { font-size: 1em; color: #555555; text-align: right; padding: 5px 0; /* border-bottom: 1px solid #555; */ } .inquiry-button a { margin-left: 20px; height: 60px; line-height: 60px; } /* Extended Teaser Plugin */ .teaser-col-0 { display: block; padding: 0 0 10px 0; clear: both; float: none; } .teaser-col-0-image { display: block; width: 49.5%; float: left; } .teaser-col-0-image img { display: block; width: 100%; height: auto; } .teaser-col-0-textblock { display: block; width: 49.5%; float: right; position: relative; background: #f7f7f7; } .tilestyle1 .teaser-col-0-image { float: right; } .tilestyle1 .teaser-col-0-textblock { float: left; } .teaser-col-0-textblock .vertical-align { display: block; width: 70%; position: absolute; left: 15%; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); text-align: left; } .teaser-col-0-textblock:after { display: block; content: ' '; padding-top: 75%; } .teaser-col-0 h3 { padding-top: 5px; } .teaser-col-0-text { font-size: 0.9em; } a.teaser-col-0-button { text-decoration: none; display: inline-block; padding: 10px 20px; margin: 10px 0 0 0; border-top: solid 1px #ddd; border-bottom: solid 5px #ddd; font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; } a.teaser-col-0-button:hover { border-bottom: solid 5px #88aa66; } /* 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 #777; background: #FFF; color: #555555; margin: 0 20px 0 0; height: 50px; line-height: 50px; 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; } .video-wrap-16-9 { display: block; width: 100%; padding: 0; margin: 0; position: relative; } .video-wrap-16-9:after { display: block; content: " "; padding-top: 56.25%; } .video-wrap-16-9 iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .video-wrap-16-7 { display: block; width: 100%; padding: 0; margin: 0; position: relative; } .video-wrap-16-7:after { display: block; content: " "; padding-top: 42.54%; } .video-wrap-16-7 iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .showmobile { display: none; } .hidemobile { display: block; } .csc-textpic-above .csc-textpic-single-image img { max-width: 100%; height: auto; } /* --------------------------------- */ /* ------------- MOBIL ------------- */ /* --------------------------------- */ @media only screen and (max-width: 1279px) { #page-headline { padding-top: 60px; } } @media only screen and (max-width: 959px) { #page-wrap { font-size: 0.8em; } .showmobile { display: blockt; } .hidemobile { display: none; } div.clear-floating-mobile { display: block; clear: floating; height: 0px; overflow: hidden; } #scroll-up { display: none !important; } h1.page-header span.before-after { display: none; } .ce-bodytext, .frame-layout-3 .ce-bodytext { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; } .content-wrap { position: relative; top: auto; left: auto; bottom: auto; right: auto; width: 100%; padding-left: 10px; padding-right: 10px; } .content-col-0, .content-col-1, .content-col-2, .content-col-3, .sub-page { width: 100%; float: none; margin: 0; } .sub-page { width: 100%; float: none; margin: 0; padding: 0; } .footer-block, .footer-block.first, .footer-block.last { width: 42%; max-width: 100%; margin: 0 2%; min-height: 100px; float: left; } .footer-block:nth-child(3){ clear: left; } #footer-logos { padding: 50px 0; } .print-button { display: none; } #header-logo { position: relative; top: auto; right: auto; bottom: auto; left: auto; float: none; clear: both; margin: 0 auto; padding-top: 100px; max-width: 50%; } .cbp-bislideshow { top: 230px !important; height: 360px !important; position: absolute !important; } .left-col-teaser { display: none; } a.enquiry-button { top: 0; height: 60px; line-height: 60px; font-size: 20px; } } @media only screen and (max-width: 719px) { h1 { font-size: 1.6em; } /* #page-wrap { background-color: #FFF; } */ .csc-textpic div { margin: 0 !important; } .csc-textpic-imagewrap, .csc-textpic-imagerow { width: auto !important; } .csc-textpic-imagewrap { float: none !important; } #footer-logos .single-logo { padding: 5px; } div.csc-frame-rulerAfter { font-size: inherit; clear: both; } td { white-space: normal !important; } div.multicol-teasermenu-text { min-height: 0; } .ui-widget { font-size: 1em; } .teaser-col-0-image, .teaser-col-0-textblock, .tilestyle1 .teaser-col-0-image, .tilestyle1 .teaser-col-0-textblock { width: 100%; float: none; } .teaser-col-0-textblock .vertical-align { width: 100%; position: relative; left:auto; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; text-align: left; padding: 40px; } .teaser-col-0-textblock:after { display: none; } } @media only screen and (max-width: 479px) { #page-headline { font-size: 0.7em; } div.packageteaserImage , div.packageteaserText { width: 100%; float: none; } .search-small { width: 80%; margin-left: 10%; } .footer-block, .footer-block.first, .footer-block.last { width: 96%; margin: 0 2%; min-height: 100px; float: none; clear: both; } a.booking-button span, a.enquiry-button span { display: none; } .content-col-0 .frame-type-menu_sitemap { padding: 0 10%; } } ul.mobile-menu { display: none; } /* ----------------------------- */ /* ---------- Sprache ---------- */ /* ----------------------------- */ ul.lang-menu-text { display: block; margin: 40px auto 0 auto; text-align: center; } ul.lang-menu-text li { display: inline-block; } ul.lang-menu-text li a { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 1.2em; color: #555; text-decoration: none; } ul.lang-menu-text li a.lang-act { font-weight: bold; } /* --------------------------------------- */ /* ---------- Mobile Navigation ---------- */ /* --------------------------------------- */ .nav-toggle { display: block; position: fixed; left: 0; top: 0; padding: 0 20px 0 80px; height: 80px; line-height: 80px; background: #FFF url('../../../fileadmin/template/images/nav-toggle.png') no-repeat left center; color: #555; font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; font-size: 24px; text-align: left; text-decoration: none; cursor: pointer; z-index: 1000; } body.nav-fixed .nav-toggle { padding: 0; width: 80px; text-indent: -999em; } /* --------------------------------------- */ /* ---------- Footer Navigation ---------- */ /* --------------------------------------- */ #footer-nav-wrap { display: block; background: transparent; text-align: center; } #footer-nav { display: inline-block; text-align: center; padding: 20px; line-height: 2em; } #footer-nav a { color: #777; text-decoration: none; white-space: nowrap; } #footer-nav a:hover { text-decoration: underline; } /* ---------- HauptNavigation ---------- */ .nav-close { width: 50px; height: 50px; background: transparent url('../../../fileadmin/template/images/nav-close-arrow.png') no-repeat center center; cursor: pointer; position: fixed; left: 0; top: 20px; margin: 0 0 0 20px; z-index: 1550; } .mobile-menu-bg { width: 100%; max-width: 500px; height: 100%; background: rgba(255,255,255,0.9); position: fixed; top: 0; left: 0; bottom: 0; padding: 0; z-index: 1450; overflow: hidden; } .mobile-menu-bg::-webkit-scrollbar { width: 0px; background: transparent; } .mobile-menu-wrap { width: 100%; background: transparent; padding: 0 20px 0 0; z-index: 1500; position: absolute; top: 0; left: 20px; bottom: auto; right: -20px; height: 100%; overflow-y: scroll; } .toggle-menu { left: -100%; display: block; -webkit-transition: left 0.5s ease; -moz-transition: left 0.5s ease; -o-transition: left 0.5s ease; -ms-transition: left 0.5s ease; transition: left 0.5s ease; } .toggle-menu.active { left: 0; } .nav-close.toggle-menu.active { left: 420px; } .nav-logo-omh { display: block; width: 120px; margin: 0 auto; padding: 60px 0 0 11px; } .nav-logo-omh img { display: block; width: 100px; height: auto; } ul.mobile-menu { display: block; width: 100%; height: auto; background: transparent; position: relative; margin: 60px 0 0 0; } ul.mobile-menu li { display: block; width: 100%; padding: 0; margin: 0; float: none; border: none; position: relative; background: transparent; text-align: center; } ul.mobile-menu li > a { font-size: 1.2em; position: relative; display: inline-block; padding: 5px; height: auto; line-height: normal; text-align: center; color: #555; text-decoration: none; } ul.mobile-menu li > a:hover { color: #000; text-decoration: none; } ul.mobile-menu > li > a { font-size: 1.8em; font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; padding: 5px; } ul.mobile-menu li ul li > a.act {} ul.mobile-menu li > a.cur { font-weight: bold; } ul.mobile-menu-sub { display: none; margin: 20px 0 0 0; padding: 0; list-style-type: none; list-style-image: none; position: relative; } ul.mobile-menu-sub.level-3, ul.mobile-menu-sub.level-4 { background: transparent url('../../../fileadmin/template/images/mobile-menu-div.png') no-repeat center top; padding-top: 10px; } ul.mobile-menu span.has-sub { display: inline-block; width: 100px; height: 40px; background: transparent url('../../../fileadmin/template/images/mobile_sub_onoff.png') no-repeat center top; cursor: pointer; } ul.mobile-menu li ul span.has-sub { opacity: 0.7; height: 22px; background: transparent url('../../../fileadmin/template/images/mobile_sub_onoff_small.png') no-repeat center top; } ul.mobile-menu span.has-sub.active { background-position: center -50px; margin: 0 0 40px 0; height: 70px; } /* ohne Javascript */ ul.mobile-menu li.act > ul { display: block; } .mobile-tools { display:none; } @media only screen and (max-width: 959px) { .mobile-tools { display: block; } .mobile-menu-wrap { font-size: 0.8em; } .nav-toggle { top: 0; height: 60px; line-height: 60px; font-size: 20px; } .nav-close.toggle-menu.active { left: 0; background-image: url('../../../fileadmin/template/images/nav-close.png'); } .nav-logo-omh { padding-top: 80px; } } /* Standard */ .textpic-layout-0 { padding: 0; margin: 20px 0; } /* Border */ .textpic-layout-1 { padding: 40px; border: 1px solid #000; margin: 20px 0; } /* Border Bottom */ .textpic-layout-2 { padding: 0 0 20px 0; border-bottom: dotted 1px #000; margin: 20px 0; } .frame-layout-0 { display: block; padding: 20px 0; } .frame-layout-3 .ce-bodytext { display: block; padding: 20px 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; } /* Spalten-Umbruch bei hr */ .frame-layout-3 .ce-bodytext hr { -webkit-column-break-before: always; break-before: always; break-before: column; display: block; height: 1px; border: none; color: transparent; overflow: hidden; content: " "; } .frame-layout-4 { display: block; padding: 40px 0; text-align: center; font-size: 1.2em; line-height: 1.6em; } .frame-layout-5 { display: block; padding: 0; text-align: center; font-family: 'omh_script', 'Times New Roman', Georgia, Serif; font-size: 4em; line-height: normal; } .frame-layout-6 { display: block; width: 48%; float: left; padding: 20px 0; } .frame-default { float: none; clear: both; } .frame-ruler-after { border-bottom: 1px solid #ddd; float: none; clear: both; } .frame-ruler-before { border-top: 1px solid #ddd; float: none; clear: both; } .frame-custom-100 { background: #f5f5f5; padding: 20px 40px; margin: 20px 0; float: none; clear: both; } .frame-custom-left { display: block; width: 48%; float: left; padding: 20px 0; } .frame-custom-right { display: block; width: 48%; float: right; padding: 20px 0; } /* ohne Rahmen, ohne Abstand */ .frame-custom-130 { padding: 0; } /* Abstaende */ .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; } @media only screen and (max-width: 719px) { .frame-custom-left, .frame-custom-right { width: 100%; float: none; } .frame-layout-3 .ce-bodytext { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .frame-layout-3 .ce-bodytext p { padding: 0 0 0.6em 0; } .frame-layout-5 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } /*---------- Links mit Icon ----------*/ a.email-link, a.link-extern, a.download-pdf, a.download-doc, a.download-xls, a.download-pic, a.download-zip { color: #555; text-decoration: underline; text-decoration-color: #777; } a.link-extern:before, a.email-link: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 10px 0 0; vertical-align: middle; font-family: 'FontAwesome'; font-size: 0.8em; } a.link-extern:before { content: "\f08e"; } a.email-link:before { content: "\f003"; } 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"; } /*---------- Anfrage Button als Link und Submit-Button ----------*/ .button-style, .readmore-button a, .packageSliderButton a, .packageSliderButton a, input.enquiry-button { color: #555; background-color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #777; display: inline-block; font-size: 1em; font-weight: normal; text-decoration: none; cursor: pointer; line-height: 50px; height: 50px; padding: 0 30px; -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 { margin: 10px 10px 10px 0; } .button-style:hover, .readmore-button a:hover, .packageSliderButton a:hover, input.enquiry-button:hover { background-color: #555; color: #fff; text-shadow: none; } .button-style:active, .readmore-button a:active, .packageSliderButton a:active, input.enquiry-button:active { background-color: #FFF; color: #555; text-shadow: none; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } a.arrow-button-style { color: #555; text-decoration: underline; text-decoration-color: #777; } a.arrow-button-style:before { display: inline-block; content: "\f061"; padding: 0 8px 0 0; vertical-align: middle; font-family: 'FontAwesome'; font-size: 0.8em; color: #bbb; } a.arrow-button-style:hover { text-decoration: underline; } a.button-style-2 { text-decoration: none; display: inline-block; padding: 10px 20px; margin: 10px 0 0 0; border-top: solid 1px #ddd; border-bottom: solid 5px #ddd; font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; } a.button-style-2:hover { border-bottom: solid 5px #88aa66; } p.p-cols-2 { display: block; padding: 20px 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } p.p-tiny { font-size: 0.8em; } p.p-large { font-size: 1.4em; } p.no-break { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .break-column-before { -webkit-column-break-before: always; break-before: column; } .align-center { text-align: center; } .align-left { text-align: left; } .align-right{ text-align: right; } td.very-bright, td.bright, td.medium, td.dark { } td.very-bright, th.very-bright { background-color: #fff; color: #555555; } td.bright, th.bright { background-color: #f5f5f5; color: #555555; } td.medium, th.medium { background-color: #eee; color: #555555; } td.dark, th.dark { background-color: #555; color: #FFFFFF; font-weight: normal; } td.dark a { color: #FFFFFF; } 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 {} tr.no-border td { border: none !important; } table.cell-spacing { background-color: #FFFFFF; color: #555555; border-collapse: collapse; width: 100%; } table.cell-spacing td, table.cell-spacing th { border-bottom: none; border-left: solid 2px #FFF; border-bottom: solid 2px #FFF; margin: 0; padding: 10px; vertical-align: middle; text-align: left; } /* table.cell-spacing td:first-child { border-left: none; } */ table.cell-spacing td.very-bright, table.cell-spacing th.very-bright { border-bottom: solid 2px #fbf3f4; } table.cell-spacing td.brightest, table.cell-spacing th.brightest { } table.cell-spacing td.dark, table.cell-spacing th.dark { } table.cell-spacing td.brightest, table.cell-spacing th.brightest { border-right: solid 2px #fbf3f4; } table.bottom-lines { margin: 0; padding: 0; border-collapse: collapse; width: 100%; } table.bottom-lines td, table.bottom-lines th { padding: 10px 5px; vertical-align: middle; text-align: left; border-bottom: solid 2px #f2f8f4; font-weight: normal; } table.bottom-lines th { font-weight: bold; } 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.no-lines { margin: 0; padding: 0; border-collapse: collapse; } table.no-lines td, table.no-lines th { background-color: #FFFFFF; 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: #f5f5f5; } table.striped-table tr.row-even td { background-color: #ffffff; } /*---------- Standard RTE Tabelle ----------*/ table.csc-frame-frame1 td { padding-right: 10px; } blockquote { display: inline-block; padding: 20px 40px; margin: 0; text-align: left; font-family: 'omh_script', 'Times New Roman', Georgia, Serif; font-size: 2.4em; line-height: normal; border: none; } blockquote p { margin: 0; } #featured-slider-wrap { display: block; background: transparent; width: 100%; position: relative; } #featured-slider { background: transparent; width: 100%; margin: 0 auto; overflow: hidden; position: relative; } #featured-slider ul.slides { padding: 0; margin: 0; list-style-type: none; list-style-image: none; } #featured-slider ul.slides li { padding: 0; margin: 0; background: none; display: none; /* verbergen bevor JS startet */ background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } #featured-slider ul.slides li:after { padding-top: 26%; display: block; content: ''; } #featured-slider img { display: none; width: 100%; height: auto; } .featured-slide-overlay { display: block; width: 100%; position: absolute; top: 75%; left: 0; text-align: center; font-weight: normal; color: #FFF; font-family: 'omh_script', 'Times New Roman', Georgia, Serif; font-size: 6em; line-height: 1em; opacity: 0; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .featured-slide-overlay span:nth-child(2) { font-size: 0.9em; font-weight: normal; } .flex-active-slide .featured-slide-overlay { opacity: 1; } @media only screen and (max-width: 1400px) { .featured-slide-overlay { top: 70%; } } @media only screen and (max-width: 959px) { #featured-slider ul.slides li { height: auto !important; } #featured-slider ul.slides li:after { padding-top: 100%; display: block; content: ''; } .featured-slide-overlay { display: none; } } .tx-powermail { padding: 40px 0; } .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_fieldwrap { display: block; float: left; padding: 20px 20px 0 0; } .powermail_field input[type="text"], .powermail_field input[type="email"], .powermail_field select, .powermail_field textarea { display: block; width: 100%; border: none; border-bottom: dashed 1px #555; background: #FFF; font-family: inherit; font-size: inherit; } .powermail_field input[type="text"], .powermail_field input[type="email"], .powermail_field select { height: 50px; line-height: 50px; padding: 0 10px; } .powermail_field select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #FFF url('../../../fileadmin/template/images/webkit-select.png') no-repeat right center; } .powermail_field textarea { padding: 10px; } .powermail_field input:required, .powermail_field textarea:required { background: #FFF url('../../../fileadmin/template/images/field_required.png') no-repeat right top; border-bottom: solid 1px #555; } .powermail_field input.parsley-error, .powermail_field textarea.parsley-error { border-bottom: solid 1px #F00; background: #FFF url('../../../fileadmin/template/images/field_error.png') no-repeat right top; } li.parsley-required, li.parsley-custom-error-message { color: #FF0000; } .powermail_field input.parsley-success, .powermail_field textarea.parsley-success { border-bottom: solid 1px #090; background: #FFF url('../../../fileadmin/template/images/field_success.png') no-repeat right center; } .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: 36%; } .powermail_fieldwrap_abreise { width: 32%; } #powermail_field_anreise, #powermail_field_abreise { position: relative; background:#FFF url('../../../fileadmin/template/images/calendaricon.png') no-repeat right center; } .powermail_fieldwrap_naechte { width: 16%; } .powermail_fieldwrap_personen { width: 16%; } .powermail_fieldwrap_zimmer { width: 16%; } .powermail_fieldwrap_suiten { width: 16%; } .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_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; padding-bottom: 40px; } .powermail_fieldwrap_betrag { width: 30%; float: none; clear: both; } #powermail_field_betrag { font-size: 2em; height: 80px; line-height: 80px; 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_zimmerkategorie .powermail_field { display: block; width: 100%; padding: 0 10px; border: solid 1px #555; background: #F5F5F5; } .powermail_fieldwrap_zimmerkategorie .powermail_field .checkbox { display: inline-block; height: 40px; line-height: 40px; padding: 0 40px 0 0; } .powermail_fieldwrap_zusatzpakete { float: none; } .powermail_fieldwrap_zusatzpakete > label.powermail_label { display: none; } .powermail_fieldwrap_location { width: 50%; } .powermail_fieldwrap_trauung .checkbox { display: inline-block; height: 50px; line-height: 50px; padding: 0 20px 0 0; } .powermail_fieldwrap_beginnt-um { width: 16%; } .powermail_fieldwrap_endet-um { width: 16%; } .powermail_fieldwrap_teilnehmer { width: 34%; } .powermail_fieldwrap_doppelzimmer { width: 33%; } .powermail_fieldwrap_einzelzimmer { width: 33%; } .powermail_fieldwrap_artderveranstaltung { width: 100%; clear: left; } .powermail_fieldwrap_pauschalenteaser { width: 100%; clear: left; } .tx-powermail .btn-group { display: block; padding: 20px 20px 0 0; } .powermail_form button.btn-default { display: inline-block; height: 50px; line-height: 50px; border: solid 1px #000; background: #FFF; color: #000; 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 #000; background: #000; color: #FFF; } .tx-powermail input[type="submit"], .tx-powermail a.btn { background-color: #555; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #555; display: inline-block; font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; font-size: 1em; font-weight: normal; text-decoration: none; cursor: pointer; line-height: 50px; height: 50px; padding: 0 20px; -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="button"]:hover, .tx-powermail input[type="submit"]:hover, .tx-powermail a.btn:hover { background-color: #fff; color: #555; text-shadow: none; } .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 { position: relative; } .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: dashed 1px #000; } .powermail_fieldwrap label:hover div.package-description { display: block; } ul.parsley-errors-list li { padding: 0; background: none; } .powermail_confirmation table { margin: 40px 0; } .powermail_confirmation td { padding: 5px 20px 5px 0; } .reduce-module { display: block; float: none; clear: both; font-size: 1em; font-weight: bold; padding: 20px 0 10px 0; text-transform: uppercase; } .please-check-data { display: block; font-size: 1.2em; font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; padding: 20px 0; } .packageteaser { display: block; padding: 40px 20px 20px 0; } .packageteaser-image { display: block; float: left; width: 41%; padding-top: 1.4em; } .packageteaser-image img { display: block; width: 100%; height: auto; } .packageteaser-text { display: block; float: left; width: 55%; margin-left: 4%; } .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-privacy-info { display: block; padding: 30px 0 20px 0; } @media only screen and (min-width: 720px) { form.powermail_form_4 .powermail_fieldwrap_anreise { width: 30%; } form.powermail_form_4 .powermail_fieldwrap_abreise { width: 30%; } form.powermail_form_4 .powermail_fieldwrap_beginnt-um { width: 20%; } form.powermail_form_4 .powermail_fieldwrap_endet-um { width: 20%; } } @media only screen and (max-width: 719px) { .powermail_fieldwrap { width: 100% !important; } .powermail_form button.btn-default { display: block; width: 100%; } } .tx-indexedsearch-searchbox { display: block; margin: 20px 0; } .tx-indexedsearch-searchbox legend { font-size: 2.0em; line-height: 1.2em; font-family: 'alm_serif', 'Times New Roman', Georgia, Serif; font-weight: normal; color: #555; padding: 0 0 1em 0; } .tx-indexedsearch-form, .tx-indexedsearch-search-submit { display: inline-block; } input.tx-indexedsearch-searchbox-sword { display: inline-block; *display: inline; 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; *display: inline; height: 40px; line-height: 40px; padding: 0 20px; background: #eee; border: solid 1px #ddd; color: #333; 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 #eee; } 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 #eee; } .tx-indexedsearch-browsebox { margin: 20px 0; } .tx-indexedsearch-browsebox li { display: inline-block; *display: inline; margin-right: 20px; } .tx-indexedsearch-browsebox li a { text-decoration: none; } .tx-indexedsearch-browsebox li a:hover { text-decoration: underline; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .acceptcookies { font-family: 'xeye_sans', Arial, Helvetica, sans-serif; display: none; width: 100%; background: #fff; color: #000; font-size: 16px; position: fixed; bottom: 0; left: 0; text-align: center; padding: 10px 0; z-index: 100; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); } .acceptcookies p { display: inline-block; padding: 0; margin: 0; line-height: 1.4em; padding: 5px 10px; } .acceptcookies a { color: #000; } span.accept-cookies-close { display: inline-block; max-width: 100%; line-height: 30px; background: #000; padding: 10px 20px; color: #fff; font-size: 1em; 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; } span.accept-cookies-close:hover { background: #777; } span.xeye-accept-tracking.accept-cookies-close { background: #000; color: #fff; font-size: 18px; font-weight: 500; } span.xeye-accept-tracking.accept-cookies-close:hover { background: #777; } span.xeye-decline-tracking.accept-cookies-close { background: #fff; border-color: #fff; color: #999; font-size: 14px; } span.xeye-decline-tracking.accept-cookies-close:hover { background: #fff; color: #555; } /* popup */ .acceptcookies.overlay { display: none; height: 100%; background: rgba(0,0,0,0.5); top: 0; right: 0; text-align: left; padding: 0; z-index: 5000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .acceptcookies.overlay div.accept-cookies-inner { position: absolute; top: 50%; left: 50%; width: 480px; padding: 30px 20px; max-width: 100%; background: #fff; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .acceptcookies.overlay p { display: block; padding: 5px 0; } .acceptcookies.overlay span.accept-cookies-close { width: 280px; padding: 10px 0; margin: 10px 0 0 0; } .acceptcookies.overlay span.cookie-button-break { display: block; } .acceptcookies.overlay span.xeye-decline-tracking.accept-cookies-close { padding: 0; } .xeye-cookie-icon.xeye-change-tracking { display: none; width: 46px; height: 46px; border-radius: 30px; background: #000 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMjEgMzIxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsOiNmZmYiPjxwYXRoIGQ9Ik0zMTcuMjc4LDEzMC40NTFjLTAuODEyLC00LjMwMiAtNC4zMDEsLTcuNTYyIC04LjY0MiwtOC4wODFjLTQuMzU0LC0wLjUyMiAtOC41MDYsMS44MjkgLTEwLjMwNyw1LjgyMmMtMy4xNyw3LjAwMyAtMTAuMTMzLDExLjg3MyAtMTguMjA1LDExLjg2NGMtOC45NTUsMC4wMjIgLTE2LjUxNywtNi4wMjEgLTE5LjAzOCwtMTQuMzE1Yy0xLjUyMSwtNS4wNjMgLTYuNzI0LC04LjA2NCAtMTEuODY1LC02Ljg2M2MtMy4xNjMsMC43NDEgLTYuMTU0LDEuMTcyIC05LjEyNSwxLjE3MmMtMjIuMDM5LC0wLjA0MyAtMzkuOTc2LC0xNy45NzkgLTQwLjAxNSwtNDAuMDE5Yy0wLC0yLjk3IDAuNDMsLTUuOTYyIDEuMTY5LC05LjExM2MxLjIxMiwtNS4xNDEgLTEuNzk5LC0xMC4zNTMgLTYuODYsLTExLjg3M2MtOC4yOTUsLTIuNTEzIC0xNC4zMzcsLTEwLjA3NSAtMTQuMzE5LC0xOS4wMjljLTAuMDA5LC04LjA4MiA0Ljg2NCwtMTUuMDM2IDExLjg2NywtMTguMjA4YzMuOTkxLC0xLjc5OCA2LjM0MSwtNS45NjMgNS44MjIsLTEwLjMwNGMtMC41MjIsLTQuMzUxIC0zLjc4MywtNy44NDMgLTguMDg0LC04LjY1MmMtOS41NDMsLTEuNzkyIC0xOS40MjYsLTIuODUyIC0yOS42MTEsLTIuODUyYy04OC4yOTUsMC4wMjIgLTE2MC4wNDMsNzEuNzcgLTE2MC4wNjUsMTYwLjA2NWMwLjAyMiw4OC4yOTUgNzEuNzcsMTYwLjA0MyAxNjAuMDY1LDE2MC4wNjVjODguMjk1LC0wLjAyMiAxNjAuMDQzLC03MS43NyAxNjAuMDY1LC0xNjAuMDY1Yy0wLC0xMC4xODQgLTEuMDYzLC0yMC4wNjcgLTIuODUyLC0yOS42MTRabS01OC4yMjMsMTI4LjYwNGMtMjUuNDAxLDI1LjM4IC02MC4zNTUsNDEuMDY2IC05OC45OSw0MS4wNjZjLTM4LjYzNSwwIC03My41ODgsLTE1LjY4NiAtOTguOTg5LC00MS4wNjZjLTI1LjM4LC0yNS40MDEgLTQxLjA2NiwtNjAuMzU1IC00MS4wNjYsLTk4Ljk5Yy0wLC0zOC42MzUgMTUuNjg2LC03My41ODggNDEuMDY2LC05OC45ODljMjUuNDAxLC0yNS4zOCA2MC4zNTQsLTQxLjA2NiA5OC45ODksLTQxLjA2NmMxLjgwMSwwIDMuNTYsMC4xODkgNS4zNTIsMC4yNjhjLTMuMzQzLDUuODIzIC01LjM0MywxMi41MjcgLTUuMzUyLDE5LjczOGMwLjAxOCwxNC45MzUgOC4zMDQsMjcuNzQyIDIwLjM3OSwzNC41NzVjLTAuMTkyLDEuNzggLTAuMzczLDMuNTYgLTAuMzczLDUuNDRjMC4wMjIsMzMuMTI1IDI2LjkwMyw2MC4wMDcgNjAuMDI1LDYwLjAyNWMxLjg4LDAgMy42NjQsLTAuMTggNS40NDMsLTAuMzY5YzYuODMzLDEyLjA2NSAxOS42MjgsMjAuMzU2IDM0LjU3MiwyMC4zNzhjNy4yMTUsLTAuMDA5IDEzLjkxNiwtMi4wMTEgMTkuNzQxLC01LjM1MmMwLjA4LDEuNzggMC4yNjksMy41NTEgMC4yNjksNS4zNTJjLTAsMzguNjM1IC0xNS42ODYsNzMuNTg5IC00MS4wNjYsOTguOTlabS01OC45NzQsLTE4Ljk1OWMtMCwxMS4wNTIgLTguOTU4LDIwLjAxIC0yMC4wMSwyMC4wMWMtMTEuMDQ4LC0wIC0yMC4wMDUsLTguOTU4IC0yMC4wMDUsLTIwLjAxYy0wLC0xMS4wNDkgOC45NTcsLTIwLjAwNiAyMC4wMDUsLTIwLjAwNmMxMS4wNTIsLTAgMjAuMDEsOC45NTcgMjAuMDEsMjAuMDA2Wm0tODAuMDMxLC0xMC4wMDVjMCw1LjUyNiAtNC40NzksMTAuMDA1IC0xMC4wMDUsMTAuMDA1Yy01LjUyNiwtMCAtMTAuMDA1LC00LjQ3OSAtMTAuMDA1LC0xMC4wMDVjMCwtNS41MjMgNC40NzksLTEwLjAwMSAxMC4wMDUsLTEwLjAwMWM1LjUyNiwtMCAxMC4wMDUsNC40NzggMTAuMDA1LDEwLjAwMVptMTQwLjA1NSwtMjAuMDA2YzAsNS41MjYgLTQuNDc5LDEwLjAwNSAtMTAuMDA1LDEwLjAwNWMtNS41MjUsMCAtMTAuMDA1LC00LjQ3OSAtMTAuMDA1LC0xMC4wMDVjMCwtNS41MjYgNC40OCwtMTAuMDA1IDEwLjAwNSwtMTAuMDA1YzUuNTI2LDAgMTAuMDA1LDQuNDc5IDEwLjAwNSwxMC4wMDVabS0xNjAuMDY0LC01MC4wMmMtMCwxMS4wNDggLTguOTU3LDIwLjAwNiAtMjAuMDEsMjAuMDA2Yy0xMS4wNDgsMCAtMjAuMDA1LC04Ljk1OCAtMjAuMDA1LC0yMC4wMDZjLTAsLTExLjA1MiA4Ljk1NywtMjAuMDEgMjAuMDA1LC0yMC4wMWMxMS4wNTMsMCAyMC4wMSw4Ljk1OCAyMC4wMSwyMC4wMVptODAuMDMsMTAuMDA1YzAsNS41MjMgLTQuNDc4LDEwLjAwMSAtMTAuMDAxLDEwLjAwMWMtNS41MjYsMCAtMTAuMDA1LC00LjQ3OCAtMTAuMDA1LC0xMC4wMDFjMCwtNS41MjYgNC40NzksLTEwLjAwNSAxMC4wMDUsLTEwLjAwNWM1LjUyMywwIDEwLjAwMSw0LjQ3OSAxMC4wMDEsMTAuMDA1Wm0xMTUuNDkzLC02OS40MDZjMCw1LjUyNiAtNC40NzksMTAuMDA1IC0xMC4wMDUsMTAuMDA1Yy01LjUyNiwtMCAtMTAuMDA1LC00LjQ3OSAtMTAuMDA1LC0xMC4wMDVjMCwtNS41MjYgNC40NzksLTEwLjAwNSAxMC4wMDUsLTEwLjAwNWM1LjUyNiwtMCAxMC4wMDUsNC40NzkgMTAuMDA1LDEwLjAwNVptLTM1LjUyMywtMTkuODc0Yy0wLDExLjUwMyAtOS4zMjUsMjAuODI4IC0yMC44MjgsMjAuODI4Yy0xMS41MDQsLTAgLTIwLjgyOSwtOS4zMjUgLTIwLjgyOSwtMjAuODI4Yy0wLC0xMS41MDMgOS4zMjUsLTIwLjgyOCAyMC44MjksLTIwLjgyOGMxMS41MDMsLTAgMjAuODI4LDkuMzI1IDIwLjgyOCwyMC44MjhabS0xMTkuOTg1LC0wLjc1OWMtMCwxMS4wNTIgLTguOTU3LDIwLjAxIC0yMC4wMDYsMjAuMDFjLTExLjA1MiwtMCAtMjAuMDA5LC04Ljk1OCAtMjAuMDA5LC0yMC4wMWMtMCwtMTEuMDQ4IDguOTU3LC0yMC4wMDYgMjAuMDA5LC0yMC4wMDZjMTEuMDQ5LC0wIDIwLjAwNiw4Ljk1OCAyMC4wMDYsMjAuMDA2WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==") no-repeat center center; background-size: 30px; text-indent: -999em; overflow: hidden; position: fixed; left: 7px; bottom: 7px; z-index: 1000; cursor: pointer; } body.xeye-consent .xeye-cookie-icon.xeye-change-tracking { display: block; } /* disabled content */ .disabled-by-dsgvo { display: block; position: relative; background-color: #fff; background-image: repeating-linear-gradient(45deg, white 0%, white 2%, #eee 2%, #eee 4%, white 4%); } .disabled-by-dsgvo .vertical-center { display: block; text-align: center; font-size: 16px; padding: 40px; } .map-wrap .disabled-by-dsgvo { height: 70vh; } .map-wrap .disabled-by-dsgvo:after { display: none; } @media only screen and (min-width: 640px) { .acceptcookies.overlay div.accept-cookies-inner { width: 500px; padding: 40px 40px 45px 40px; } } @media only screen and (min-width: 960px) { .disabled-by-dsgvo .vertical-center { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); padding: 0; } .disabled-by-dsgvo:after { display: block; content: ''; padding-top: 50%; } } .picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;position:fixed;transition:background .15s ease-out,-webkit-transform 0s .15s;transition:background .15s ease-out,transform 0s .15s;-webkit-backface-visibility:hidden}/*! * Default mobile-first, responsive styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js */.picker__frame,.picker__holder{top:0;bottom:0;left:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.picker__frame{position:absolute;margin:0 auto;min-width:256px;max-width:666px;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .15s ease-out}.picker__wrap{display:table;width:100%;height:100%}@media (min-height:33.875em){.picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}.picker__wrap{display:block}}.picker__box{background:#fff;display:table-cell;vertical-align:middle}@media (min-height:26.5em){.picker__box{font-size:1.25em}}@media (min-height:33.875em){.picker__box{display:block;font-size:1.33em;border:1px solid #777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;box-shadow:0 12px 36px 16px rgba(0,0,0,.24)}}@media (min-height:40.125em){.picker__frame{margin-bottom:7.5%}.picker__box{font-size:1.5em;border-bottom-width:1px;border-radius:5px}}.picker--opened .picker__holder{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);zoom:1;background:rgba(0,0,0,.32);transition:background .15s ease-out}.picker--opened .picker__frame{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}@media (min-height:33.875em){.picker--opened .picker__frame{top:auto;bottom:0}} .picker__footer,.picker__header,.picker__table{text-align:center}.picker__day--highlighted,.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__box{padding:0 1em}.picker__header{position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}.picker__nav--next,.picker__nav--prev{top:-.33em}.picker__nav--prev{padding-right:1.5em}.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover{color:#000;cursor:pointer;background:#b1dcfb}.picker__table{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa} #featured-slider ul.slides li, .fullscreen-height { height: 100vh; } .scroll-button { display: block; width: 60px; height: 60px; background: transparent url('../../../fileadmin/template/images/scroll_down_arrow_white.png') no-repeat center center; position: absolute; bottom: 20px; left: 50%; margin-left: -30px; z-index: 40; cursor: pointer; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .nav-toggle-home { display: block; position: absolute; left: 0; top: 50%; z-index: 60; padding: 0 20px 0 80px; height: 80px; line-height: 80px; background: rgba(0,0,0,0.7) url('../../../fileadmin/template/images/nav-toggle-home.png') no-repeat left center; color: #FFF; font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; font-size: 24px; text-align: left; text-decoration: none; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; } .nav-toggle { display: none; } body.content-reached .nav-toggle { display: block; } a.enquiry-button { top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 60; background: rgba(0,0,0,0.7); color: #FFF; border: none; } body.layout-1 .nav-toggle-home { background: rgba(255,255,255,0.8) url('../../../fileadmin/template/images/nav-toggle.png') no-repeat left center; color: #555; } body.layout-1 a.enquiry-button { background: rgba(255,255,255,0.8); color: #555; } body.layout-1 .scroll-button { background: transparent url('../../../fileadmin/template/images/scroll_down_arrow_grey.png') no-repeat center center; } ul.lang-menu-text.fs-overlay { margin: 0; padding: 0 0 0 10px; display: inline-block; background: rgba(0,0,0,0.7); position: absolute; top: 0; right: 0; z-index: 62; } ul.lang-menu-text.fs-overlay li a { color: #fff; width: auto; padding: 0 10px 0 0; } body.layout-1 ul.lang-menu-text.fs-overlay { background: rgba(255,255,255,0.8); } body.layout-1 ul.lang-menu-text.fs-overlay li a { color: #555; } .slogan-fullscreen { display: block; position: relative; } .slogan-wrap { display: block; padding: 60px 0 30px 0; text-align: center; font-family: 'omh_script', 'Times New Roman', Georgia, Serif; } h1.slogan { font-family: 'omh_script', 'Times New Roman', Georgia, Serif; font-size: 4em; line-height: 1.4em; } /* noch laengere Pause */ .bounce { -moz-animation: bounce 20s infinite; -webkit-animation: bounce 20s infinite; animation: bounce 20s infinite; } @keyframes bounce { 0%, 2%, 5%, 8%, 10% { transform: translateY(0); } 4% { transform: translateY(-30px); } 6% { transform: translateY(-15px); } } /* Themen Teaser */ /* ------------- */ .clear-fl.cols1, .clear-fl.cols2 { display: none; } #tiles { display: block; padding: 20px 0; } .tile { display: block; width: 32.65%; margin: 10px 1% 0 0; padding: 0; float: left; position: relative; } /* .tile:nth-child(3n) { margin-right: 0; } */ .tile a { color: #555; text-decoration: none; } .tile .tile-image { display: block; left: 0; top: 0; width: 100%; overflow: hidden; } .tile img { display: block; width: 100%; height: auto; opacity: 1; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .tile:hover img { opacity: 0.8; } .tile.nr3, .tile.nr6, .tile.nr9, .tile.nr12 { margin-right: 0; } .tile .tile-text { position: relative; background: transparent; } .tile.with-text .tile-text { background: transparent; } .tile .tile-title { font-size: 1.4em; padding: 20px 0; margin: 0; font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; line-height: 1.4em; } .tile .tile-button { display: block; border-top: solid 1px #eee; border-bottom: solid 5px #eee; font-size: 1.2em; padding: 15px 0; text-align: center; margin: 10px 0 0 0; font-family: 'omh_serif', 'Times New Roman', Georgia, Serif; line-height: 1.4em; } .tile:hover .tile-button { border-bottom: solid 5px #88aa66; } #header-logo { position: absolute; left: 50%; top: 70px; width: 260px; margin-left: -130px; margin-top: 0; z-index: 30; background: transparent; } #header-logo img { background: transparent; } @media only screen and (max-width: 959px) { #header-logo { margin: 0; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .slogan-wrap { padding: 0; } h1.slogan { padding: 1em 0 0 0; /* word-wrap: break-word; */ -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .nav-toggle-home, a.enquiry-button { top: 0; height: 60px; line-height: 60px; font-size: 20px; -webkit-transform: none; -ms-transform: none; transform: none; } ul.lang-menu-text.fs-overlay { top: auto; bottom: 0; } ul.lang-menu-text.fs-overlay li a.lang-act { font-weight: bold; font-size: 1.24em; } } @media only screen and (max-width: 719px) { .content-col-0 .ce-bodytext { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; } .tile { width: 48%; margin: 14px 4% 0 0; } .tile.nr3, .tile.nr9 { margin-right: 4%; } .tile.nr2, .tile.nr4, .tile.nr6, .tile.nr8, .tile.nr10 { margin-right: 0; } } @media only screen and (max-width: 479px) { .tile { width: 100%; margin: 14px 0 0 0 !important; } }