Haus Johanna - Aussen
Ferienhaus Johanna - Schwimmen am Morgen
Ferienhaus Johanna - FeWo 07
Ferienhaus Johanna - Ferienwohnung 14
Ferienhaus Johanna - Ferienwohnung 9
Abendstimmung am Fuße des Mirnocks ©Kärnten Werbung - Zupanc

Willkommen im Ferienhaus Johanna am Millstätter See

Genießen Sie Ihren Sommerurlaub am Millstätter See in Ruhe und abseits vom Verkehr! Unser Ferienhaus bietet Ihnen Entspannung und gemütlichen Komfort in den „eigenen vier Wänden“. Hier finden unsere großen und kleinen Gäste das Beste „zwischen Berg und See“, denn unser Ferienhaus befindet sich direkt am idealen Einstieg ins regionale Wanderwegenetz.

Zum Sonnenbaden und Faulenzen steht den Gästen unseres Hauses die ca. 300 m² große Spiel- und Liegewiese zur Verfügung. Viele Grünflächen, Liegestühle, Sonnenterrasse, Garten- und Terrassenmöbel, Gartengrill und der weite Blick über den See machen die Erholung zum Vergnügen.

Keine Haustiere

Wir freuen uns auf Ihre Anfrage,
Familie Gatternig!

Unsere Ferienwohnungen

In unseren Ferienwohnungen genießen Sie absolutes „Wohlfühl-Gefühl“.

Kleine und kleinste Gäste nutzen den sicheren Kinderspielplatz mit Wippe, Kletterturm, Kindertrampolin, Schaukel und Tischtennis. Und damit es auch Ihr Gefährt im Urlaub gut hat, gibt’s ausreichend Parkplatz direkt beim Haus. Haustiere sind bei uns nicht erlaubt.

Unsere Ferienwohnungen

In unseren Ferienwohnungen genießen Sie absolutes „Wohlfühl-Gefühl“.

Kleine und kleinste Gäste nutzen den sicheren Kinderspielplatz mit Wippe, Kletterturm, Kindertrampolin, Schaukel und Tischtennis. Und damit es auch Ihr Gefährt im Urlaub gut hat, gibt’s ausreichend Parkplatz direkt beim Haus. Haustiere sind bei uns nicht erlaubt.

/* The Gem rewrite rules */ article:not(.type-page) > .entry-content.post-content { margin-bottom: 0px; } .block-content:last-of-type { padding-bottom: 0px; } /* --- */ /* Impressum box */ .cmas1-impressum-box { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .cmas1-impressum-box > div { padding-bottom: 2em; } .cmas1-impressum-box > div:first-of-type { flex-grow: 1; }/* Special Classes */ .paragraph { font-size: 20px; } .cmas1-head-3 { font-size: 1.75em; font-weight: 100; margin-bottom: 1em; } .cmas1-columns-2 { column-count: 2; column-gap: 2em; }/* nice-links */ .nice-links { display: flex; justify-content: center; align-content: center; padding: 1em; } .cmas1-button { display: inline-block; margin: 5px; } .cmas1-button a { background-color: #b19f6a; color: #FFF; /* border: 1px solid #ffffff33; */ border-radius: 2em; padding: .75em 1.5em; transition: all .4s ease-in-out; } .cmas1-button a:hover { background-color: #F2784B; } .cmas1-button a:after { font-family: "FontAwesome"; margin-left: 15px; } .cmas1-button._tel a:after { content: "\f095"; } .cmas1-button._mail a:after { content: "\f0e0"; } .cmas1-button._form a:after { content: "\f27a"; } .cmas1-button._web a:after { content: "\f27a"; }/* Head Navigation */ #primary-menu > li a span { display: block; font-size: .9em; color: #3d3d3d !important; text-transform: lowercase !important; min-height: 2em; } #primary-menu > li.current-menu-item.menu-item-active a { color: #f9690e; font-weight: 700; } #primary-menu > li a { transition: all .4s ease-in-out; } #primary-menu > li > a:after { position: absolute; content: ""; top: 10%; right: 0; width: 1px; height: 80%; background-color: #dedede; transition: all .4s ease-in-out; } #primary-menu > li.menu-item-search a { border-right: none !important; } #primary-menu > li.menu-item-search a:after { width: 0; } #primary-menu > li:after { position: absolute; bottom: 0px; left: 50%; content: ""; background-color: #f89406; height: 3px; width: 0%; transition: all .4s ease-in-out; } #primary-menu > li:hover:after { left: 0; width: 100%; } #primary-menu > li:hover > a { color: #3d3d3d !important; letter-spacing: 2px; } /* Mega Menu */ #primary-menu .megamenu-column-header a { background-color: #ebebeb !important; font-weight: 600 !important; /* text-align: center; */ } #primary-menu .sub-menu .menu-item-has-children:hover .megamenu-column-header a { /* border-left-color: green !important; */ letter-spacing: 2px; }/* Single Ferienwohnung Page Style */ .wohnung-header { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+20,d3d3d3+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, transparent 20%, #f5ab35 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 20%,#f5ab35 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 20%,#f5ab35 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5ab35',GradientType=0 ); /* IE6-9 */ /* background-image: url(https://seehaus-sommerheim.at/wp-content/uploads/sky.jpg); */ background-size: cover; background-position: bottom center; background-attachment: fixed; padding-bottom: 5em; } .wohnung-header .wpb_column:nth-of-type(1), .wohnung-header .wpb_column:nth-of-type(2) { background-color: rgba(255,255,255,.7); border: 5px solid #FFF; outline: 1px solid rgba(0,0,0,.05) } .wohnung-header .wpb_column:nth-of-type(2) { background-color: rgba(95, 160, 204, 0.3); }.wohnung-header .wpb_column .vc_column-inner { padding: 1.1em 1.1em 0; } .wohnung-header .wpb_column:nth-of-type(1) .vc_column-inner { display: flex; flex-direction: column; justify-content: flex-end; } .wohnung-header H1 { /* text-align: center !important; */ margin-top: 1em !important; margin-bottom: 1em; } .wohnung-header .paragraph { line-height: 1.75; } .wohnung-details .wpb_wrapper { display: flex; flex-direction: row !important; flex-wrap: wrap; /* justify-content: space-between; */ align-content: stretch; align-items: stretch; /* padding-top: 50px; */ } .wohnung-details .wpb_wrapper p { position: relative; display: flex; flex-direction: column; justify-content: flex-start; background-color: #3d3d3d; color: #FFF; text-align: center; padding: 1em; /* width: 25%; */ margin-bottom: 0; margin-top: 50px; } .wohnung-details .wpb_wrapper p:before { font-family: "FontAwesome"; position: absolute; top: -43px; left: calc(50% - 25px); z-index: 1; font-size: 25px; color: #fff; width:50px; height: 50px; border-bottom: 2px solid; /* background-color: #3d3d3d; */ border-radius: 50%; display: flex; justify-content: center; align-items: center; } .wohnung-details .wpb_wrapper ._haus:before { content: "\f015"; background-color: #ec644b; } ._guests:before { content: "\f007"; background-color: #3498db; } ._food:before { content: "\f179"; background-color: #f4b350; } ._panorama:before { content: "\f06e"; background-color: #4daf7c; } ._bed:before { content: "\f236"; background-color: #f4b350; } .cmas1-call-to-action._call a { position: relative; background-color: #4daf7c; } .cmas1-call-to-action._anfrage a { background-color: #ec644b; } .cmas1-call-to-action a:after { position: absolute; content: ""; top: 100%; left: 0; width: 100%; height: 5px; background-color: #FFF; transform: scalex(0); transition: transform .4s ease-in-out; }.cmas1-call-to-action a:hover {} .cmas1-call-to-action a:hover:after { transform: scalex(1); }.ferienwohnungen-calltoaction { background-color: #dedede; text-align: center; margin-top: 3em; } /* Tables */ #ferienwohnungen-tabellen { text-align: center; padding-top: 5em; padding-bottom: 5em; box-shadow: 0 0 20px -8px #000; } .tablepress { font-family: "Montserrat"; border: 1px solid #efefef; } .tablepress th, .tablepress td { border: none !important; padding: 1em !important; } .tablepress thead, .tablepress thead th { background-color: #4daf7c; color: #FFF; } .tablepress tbody td.column-1 { font-weight: 700; } .tablepress tr { display: flex; flex-wrap: wrap; } .tablepress th:nth-of-type(2) { flex-grow: 1; } .tablepress tbody tr td { flex-grow: 3; flex-shrink: 0; } .tablepress tr td:nth-of-type(1) { width: 100%; } .tablepress tr td:nth-of-type(2) { width: 60%; } .tablepress tr td:nth-of-type(3) { width: 3em; }#ferienwohnungen-related { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,ffffff+80 */ background: #f2784b; /* Old browsers */ background: -moz-linear-gradient(top, #f5ab35 0%, #ffffff 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f5ab35 0%,#ffffff 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f5ab35 0%,#ffffff 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ab35', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ margin-bottom: 0; } /* --- *//* POSTGRID - Zimmer Related */ #related-zimmer .wpb_column { background-color: #ffffff; padding-bottom: 2em; box-shadow: 0 0 20px -8px #000; } .postgrid-zimmer-related .vc_grid-item-mini { background-color: #FFF; outline: 3px solid transparent; transition: all .4s ease-in-out; } .postgrid-zimmer-related .post-title { color: #3d3d3d; font-size: 1.5em; font-weight: 700; transition: color .1s ease-in-out, background-color .4s ease-in-out; } .postgrid-zimmer-related .vc_gitem-row-position-bottom { z-index: 1; } .postgrid-zimmer-related .post-meta-ab-preis { background-color: #ef5350; color: #FFF; font-size: 1.5em; font-weight: 700; border: 1px solid #fff; padding: 12px; float: right; } .postgrid-zimmer-related .vc_gitem-zone-a { transition: all .4s ease-in-out; } .postgrid-zimmer-related .vc_gitem-animated-block:before { z-index: 1; content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 50px solid rgba(239, 83, 80, 1); border-right: 50px solid transparent; opacity: .7; transition: all .4s ease-in-out; transform-origin: top left; } .postgrid-zimmer-related .vc_gitem-animated-block:after { z-index: 0; content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 50px solid rgba(239, 83, 80, 1); border-left: 50px solid transparent; opacity: .7; transition: all .4s ease-in-out; transform-origin: bottom right; } .postgrid-zimmer-related:hover .vc_gitem-animated-block:before, .postgrid-zimmer-related:hover .vc_gitem-animated-block:after { opacity: 1; transform: scale(1.5); } .postgrid-zimmer-related .vc_gitem-zone-mini { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: stretch; align-items: center; } .postgrid-zimmer-related:hover .post-title-wrapper { background-color: #00000055; color: #FFF; } .postgrid-zimmer-related .vc_gitem-zone-c { height: 100% !important; } .postgrid-zimmer-related .post-details, .postgrid-zimmer-related .post-details .vc_gitem-col { position: relative; display: flex; flex-direction: column; align-items: center; background-color: #FFF; padding: 1em; } .postgrid-zimmer-related .post-details .post-excerpt { color: #3d3d3d; /* padding: 1em; */ flex-grow: 3; } .postgrid-zimmer-related .post-button a { /* font-family: "Open Sans Condensed"; */ background-color: #4daf7c !important; color: #FFF !important; /* text-transform: uppercase; */ border: 1px solid #fff !important; box-shadow: 0 0 20px -8px #000; } .zimmer-masonry-media-grid .vc_gitem-animate-scaleIn .vc_gitem-zone-a { border: 1px solid #d6d6d6; } .post.category-zimmer .title-h4 { background-color: #e4e4e4; padding: 0 .5em; } .page-title-wrapper { min-height: 75vh; } .page-title { background-color: #2d2d2d; padding-top: 100px; padding-bottom: 80px; color: #e8e8e8; margin-bottom: 0 !important; opacity: .95; } ._vertical-postgrid .postgrid-zimmer-related .vc_grid-item-mini { display: flex; flex-direction: column; flex-wrap: wrap; } ._vertical-postgrid .postgrid-zimmer-related .vc_gitem-animated-block, ._vertical-postgrid .postgrid-zimmer-related .post-details { width: 100% !important; float: none !important; } ._vertical-postgrid .postgrid-zimmer-related .post-details { overflow: visible; }._vertical-postgrid .postgrid-zimmer-related .post-meta-ab-preis { position: absolute; right: 15px; bottom: 50px; border: 1px solid; } ._vertical-postgrid .postgrid-zimmer-related .post-title { position: absolute; top: -40px; background-color: #26a65b; color: #FFF; text-align: center; padding: 10px 15px; box-shadow: 0 0 20px -10px #000; } ._vertical-postgrid .postgrid-zimmer-related .post-excerpt { margin-top: 40px; } ._vertical-postgrid .vc_pageable-slide-wrapper { display: flex; } ._vertical-postgrid .postgrid-zimmer-related:after { content: ""; position: absolute; bottom: 0; left: 25%; width: 50%; height: 1px; background-color: #000; } /* --- *//* HOMEPAGE */ /* Ferienwohnungen */ #ferienwohnungen { padding-top: 3em; padding-bottom: 5em; } /* Sommeraktivitäten */ #aktivitaeten { overflow: visible; background-color: #dedede; padding-bottom: 3em; } #aktivitaeten .back-to-top { background-color: #fff; margin-top: -3em; margin-bottom: 2em; padding-top: 2em; padding-bottom: 2em; box-shadow: 0 0 20px -10px #000; } #aktivitaeten .wpb_column:nth-of-type(2), #aktivitaeten .wpb_column:nth-of-type(3) { background-color: #3d3d3d; padding-top: 3em; padding-bottom: 3em; } /* --- *//* The Gem Footer Navigation */ @media screen and (min-width: 992px) { #footer-nav .col-md-push-9 { display: none; } #footer-nav .col-md-pull-9 { left: 0; width: 50% } #footer-nav .col-md-6 { float: right; } }/* MEDIA QUERIES */ @media screen and (max-width: 1439px) { .tablepress tr { display: flex; flex-wrap: wrap; } .tablepress th:nth-of-type(2) { flex-grow: 1; } .tablepress tbody tr td { flex-grow: 3; flex-shrink: 0; } .tablepress tr td:nth-of-type(1) { width: 100%; } .tablepress tr td:nth-of-type(2) { width: 60%; } .tablepress tr td:nth-of-type(3) { width: 40%; } #welcome .wpb_column:nth-of-type(2) H4, #welcome .wpb_column:nth-of-type(2) p { text-align: center !important; } #welcome .wpb_column:nth-of-type(1), #welcome .wpb_column:nth-of-type(4), #welcome .wpb_column .vc_separator { display: none; } #welcome .wpb_column:nth-of-type(2), #welcome .wpb_column:nth-of-type(3) { width: 100%; } } @media screen and (min-width: 1024px) { .wohnung-header { padding-top: 5em; } .wohnung-details p { width: 25%; } } @media screen and (max-width: 1023px) { .wohnung-header .wpb_wrapper { display: flex; flex-direction: column; } .wohnung-header > .wpb_column { width: 100% !important; } .wohnung-details p { width: 50%; } .postgrid-zimmer-related .vc_grid-item-mini { display: flex; flex-direction: column; flex-wrap: wrap; } .postgrid-zimmer-related .vc_gitem-animated-block, .postgrid-zimmer-related .post-details { width: 100%; } } @media screen and (min-width: 768px) { .flex-form-wrapper._flex-cols-2 p, .flex-form-wrapper._flex-cols-2 label { width: 48%; } } @media screen and (min-width: 551px) { .wohnung-header .paragraph { text-align: center; padding: 2em; } .wohnung-header H1 { text-align: center !important; } } @media screen and (max-width: 550px) { .nice-links._flexible { flex-direction: column; align-items: center; } .nice-links._flexible .cmas1-button { display: inline-flex; } H1 { font-size: 7vw; } .wohnung-header .paragraph { margin: 2em auto; } } /* --- *//* Touchscreen Devices */ @media screen and (pointer: coarse) { @font-face { font-family: IcoMoon; src: url(https://holzbau-unterrainer.at/wp-content/uploads/icomoon.woff); font-weight: normal; } a[href*="tel:"], a[href*="mailto:"] { display: inline-block; color: #FFF; padding: .5em 1em; margin: .5em; } a[href*="tel:"] { background-color: #26a65b; } a[href*="tel:"]:before { font-family: "IcoMoon"; content: "\e942"; margin-right: .5em; } a[href*="mailto:"] { background-color: #3498db; } a[href*="mailto:"]:before { font-family: "IcoMoon"; content: "\e945"; margin-right: .5em; } } /* --- *//* Deactivate Animations on Small Devices, Tablets */ @media only screen and (max-width : 768px) { .wpb_animate_when_almost_visible { opacity: 1 !important; } .animated { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } }/* The Gem rewrite rules */ article:not(.type-page) > .entry-content.post-content { margin-bottom: 0px; } .block-content:last-of-type { padding-bottom: 0px; } /* --- */ /* Impressum box */ .cmas1-impressum-box { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .cmas1-impressum-box > div { padding-bottom: 2em; } .cmas1-impressum-box > div:first-of-type { flex-grow: 1; }/* Special Classes */ .paragraph { font-size: 20px; } .cmas1-head-3 { font-size: 1.75em; font-weight: 100; margin-bottom: 1em; } .cmas1-columns-2 { column-count: 2; column-gap: 2em; }/* nice-links */ .nice-links { display: flex; justify-content: center; align-content: center; padding: 1em; } .cmas1-button { display: inline-block; margin: 5px; } .cmas1-button a { background-color: #b19f6a; color: #FFF; /* border: 1px solid #ffffff33; */ border-radius: 2em; padding: .75em 1.5em; transition: all .4s ease-in-out; } .cmas1-button a:hover { background-color: #F2784B; } .cmas1-button a:after { font-family: "FontAwesome"; margin-left: 15px; } .cmas1-button._tel a:after { content: "\f095"; } .cmas1-button._mail a:after { content: "\f0e0"; } .cmas1-button._form a:after { content: "\f27a"; } .cmas1-button._web a:after { content: "\f27a"; }/* Head Navigation */ #primary-menu > li a span { display: block; font-size: .9em; color: #3d3d3d !important; text-transform: lowercase !important; min-height: 2em; } #primary-menu > li.current-menu-item.menu-item-active a { color: #f9690e; font-weight: 700; } #primary-menu > li a { transition: all .4s ease-in-out; } #primary-menu > li > a:after { position: absolute; content: ""; top: 10%; right: 0; width: 1px; height: 80%; background-color: #dedede; transition: all .4s ease-in-out; } #primary-menu > li.menu-item-search a { border-right: none !important; } #primary-menu > li.menu-item-search a:after { width: 0; } #primary-menu > li:after { position: absolute; bottom: 0px; left: 50%; content: ""; background-color: #f89406; height: 3px; width: 0%; transition: all .4s ease-in-out; } #primary-menu > li:hover:after { left: 0; width: 100%; } #primary-menu > li:hover > a { color: #3d3d3d !important; letter-spacing: 2px; } /* Mega Menu */ #primary-menu .megamenu-column-header a { background-color: #ebebeb !important; font-weight: 600 !important; /* text-align: center; */ } #primary-menu .sub-menu .menu-item-has-children:hover .megamenu-column-header a { /* border-left-color: green !important; */ letter-spacing: 2px; }/* Single Ferienwohnung Page Style */ .wohnung-header { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+20,d3d3d3+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, transparent 20%, #f5ab35 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 20%,#f5ab35 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 20%,#f5ab35 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5ab35',GradientType=0 ); /* IE6-9 */ /* background-image: url(https://seehaus-sommerheim.at/wp-content/uploads/sky.jpg); */ background-size: cover; background-position: bottom center; background-attachment: fixed; padding-bottom: 5em; } .wohnung-header .wpb_column:nth-of-type(1), .wohnung-header .wpb_column:nth-of-type(2) { background-color: rgba(255,255,255,.7); border: 5px solid #FFF; outline: 1px solid rgba(0,0,0,.05) } .wohnung-header .wpb_column:nth-of-type(2) { background-color: rgba(95, 160, 204, 0.3); }.wohnung-header .wpb_column .vc_column-inner { padding: 1.1em 1.1em 0; } .wohnung-header .wpb_column:nth-of-type(1) .vc_column-inner { display: flex; flex-direction: column; justify-content: flex-end; } .wohnung-header H1 { /* text-align: center !important; */ margin-top: 1em !important; margin-bottom: 1em; } .wohnung-header .paragraph { line-height: 1.75; } .wohnung-details .wpb_wrapper { display: flex; flex-direction: row !important; flex-wrap: wrap; /* justify-content: space-between; */ align-content: stretch; align-items: stretch; /* padding-top: 50px; */ } .wohnung-details .wpb_wrapper p { position: relative; display: flex; flex-direction: column; justify-content: flex-start; background-color: #3d3d3d; color: #FFF; text-align: center; padding: 1em; /* width: 25%; */ margin-bottom: 0; margin-top: 50px; } .wohnung-details .wpb_wrapper p:before { font-family: "FontAwesome"; position: absolute; top: -43px; left: calc(50% - 25px); z-index: 1; font-size: 25px; color: #fff; width:50px; height: 50px; border-bottom: 2px solid; /* background-color: #3d3d3d; */ border-radius: 50%; display: flex; justify-content: center; align-items: center; } .wohnung-details .wpb_wrapper ._haus:before { content: "\f015"; background-color: #ec644b; } ._guests:before { content: "\f007"; background-color: #3498db; } ._food:before { content: "\f179"; background-color: #f4b350; } ._panorama:before { content: "\f06e"; background-color: #4daf7c; } ._bed:before { content: "\f236"; background-color: #f4b350; } .cmas1-call-to-action._call a { position: relative; background-color: #4daf7c; } .cmas1-call-to-action._anfrage a { background-color: #ec644b; } .cmas1-call-to-action a:after { position: absolute; content: ""; top: 100%; left: 0; width: 100%; height: 5px; background-color: #FFF; transform: scalex(0); transition: transform .4s ease-in-out; }.cmas1-call-to-action a:hover {} .cmas1-call-to-action a:hover:after { transform: scalex(1); }.ferienwohnungen-calltoaction { background-color: #dedede; text-align: center; margin-top: 3em; } /* Tables */ #ferienwohnungen-tabellen { text-align: center; padding-top: 5em; padding-bottom: 5em; box-shadow: 0 0 20px -8px #000; } .tablepress { font-family: "Montserrat"; border: 1px solid #efefef; } .tablepress th, .tablepress td { border: none !important; padding: 1em !important; } .tablepress thead, .tablepress thead th { background-color: #4daf7c; color: #FFF; } .tablepress tbody td.column-1 { font-weight: 700; } .tablepress tr { display: flex; flex-wrap: wrap; } .tablepress th:nth-of-type(2) { flex-grow: 1; } .tablepress tbody tr td { flex-grow: 3; flex-shrink: 0; } .tablepress tr td:nth-of-type(1) { width: 100%; } .tablepress tr td:nth-of-type(2) { width: 60%; } .tablepress tr td:nth-of-type(3) { width: 3em; }#ferienwohnungen-related { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,ffffff+80 */ background: #f2784b; /* Old browsers */ background: -moz-linear-gradient(top, #f5ab35 0%, #ffffff 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f5ab35 0%,#ffffff 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f5ab35 0%,#ffffff 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ab35', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ margin-bottom: 0; } /* --- *//* POSTGRID - Zimmer Related */ #related-zimmer .wpb_column { background-color: #ffffff; padding-bottom: 2em; box-shadow: 0 0 20px -8px #000; } .postgrid-zimmer-related .vc_grid-item-mini { background-color: #FFF; outline: 3px solid transparent; transition: all .4s ease-in-out; } .postgrid-zimmer-related .post-title { color: #3d3d3d; font-size: 1.5em; font-weight: 700; transition: color .1s ease-in-out, background-color .4s ease-in-out; } .postgrid-zimmer-related .vc_gitem-row-position-bottom { z-index: 1; } .postgrid-zimmer-related .post-meta-ab-preis { background-color: #ef5350; color: #FFF; font-size: 1.5em; font-weight: 700; border: 1px solid #fff; padding: 12px; float: right; } .postgrid-zimmer-related .vc_gitem-zone-a { transition: all .4s ease-in-out; } .postgrid-zimmer-related .vc_gitem-animated-block:before { z-index: 1; content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 50px solid rgba(239, 83, 80, 1); border-right: 50px solid transparent; opacity: .7; transition: all .4s ease-in-out; transform-origin: top left; } .postgrid-zimmer-related .vc_gitem-animated-block:after { z-index: 0; content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 50px solid rgba(239, 83, 80, 1); border-left: 50px solid transparent; opacity: .7; transition: all .4s ease-in-out; transform-origin: bottom right; } .postgrid-zimmer-related:hover .vc_gitem-animated-block:before, .postgrid-zimmer-related:hover .vc_gitem-animated-block:after { opacity: 1; transform: scale(1.5); } .postgrid-zimmer-related .vc_gitem-zone-mini { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: stretch; align-items: center; } .postgrid-zimmer-related:hover .post-title-wrapper { background-color: #00000055; color: #FFF; } .postgrid-zimmer-related .vc_gitem-zone-c { height: 100% !important; } .postgrid-zimmer-related .post-details, .postgrid-zimmer-related .post-details .vc_gitem-col { position: relative; display: flex; flex-direction: column; align-items: center; background-color: #FFF; padding: 1em; } .postgrid-zimmer-related .post-details .post-excerpt { color: #3d3d3d; /* padding: 1em; */ flex-grow: 3; } .postgrid-zimmer-related .post-button a { /* font-family: "Open Sans Condensed"; */ background-color: #4daf7c !important; color: #FFF !important; /* text-transform: uppercase; */ border: 1px solid #fff !important; box-shadow: 0 0 20px -8px #000; } .zimmer-masonry-media-grid .vc_gitem-animate-scaleIn .vc_gitem-zone-a { border: 1px solid #d6d6d6; } .post.category-zimmer .title-h4 { background-color: #e4e4e4; padding: 0 .5em; } .page-title-wrapper { min-height: 75vh; } .page-title { background-color: #2d2d2d; padding-top: 100px; padding-bottom: 80px; color: #e8e8e8; margin-bottom: 0 !important; opacity: .95; } ._vertical-postgrid .postgrid-zimmer-related .vc_grid-item-mini { display: flex; flex-direction: column; flex-wrap: wrap; } ._vertical-postgrid .postgrid-zimmer-related .vc_gitem-animated-block, ._vertical-postgrid .postgrid-zimmer-related .post-details { width: 100% !important; float: none !important; } ._vertical-postgrid .postgrid-zimmer-related .post-details { overflow: visible; }._vertical-postgrid .postgrid-zimmer-related .post-meta-ab-preis { position: absolute; right: 15px; bottom: 50px; border: 1px solid; } ._vertical-postgrid .postgrid-zimmer-related .post-title { position: absolute; top: -40px; background-color: #26a65b; color: #FFF; text-align: center; padding: 10px 15px; box-shadow: 0 0 20px -10px #000; } ._vertical-postgrid .postgrid-zimmer-related .post-excerpt { margin-top: 40px; } ._vertical-postgrid .vc_pageable-slide-wrapper { display: flex; } ._vertical-postgrid .postgrid-zimmer-related:after { content: ""; position: absolute; bottom: 0; left: 25%; width: 50%; height: 1px; background-color: #000; } /* --- *//* HOMEPAGE */ /* Ferienwohnungen */ #ferienwohnungen { padding-top: 3em; padding-bottom: 5em; } /* Sommeraktivitäten */ #aktivitaeten { overflow: visible; background-color: #dedede; padding-bottom: 3em; } #aktivitaeten .back-to-top { background-color: #fff; margin-top: -3em; margin-bottom: 2em; padding-top: 2em; padding-bottom: 2em; box-shadow: 0 0 20px -10px #000; } #aktivitaeten .wpb_column:nth-of-type(2), #aktivitaeten .wpb_column:nth-of-type(3) { background-color: #3d3d3d; padding-top: 3em; padding-bottom: 3em; } /* --- *//* The Gem Footer Navigation */ @media screen and (min-width: 992px) { #footer-nav .col-md-push-9 { display: none; } #footer-nav .col-md-pull-9 { left: 0; width: 50% } #footer-nav .col-md-6 { float: right; } }/* MEDIA QUERIES */ @media screen and (max-width: 1439px) { .tablepress tr { display: flex; flex-wrap: wrap; } .tablepress th:nth-of-type(2) { flex-grow: 1; } .tablepress tbody tr td { flex-grow: 3; flex-shrink: 0; } .tablepress tr td:nth-of-type(1) { width: 100%; } .tablepress tr td:nth-of-type(2) { width: 60%; } .tablepress tr td:nth-of-type(3) { width: 40%; } #welcome .wpb_column:nth-of-type(2) H4, #welcome .wpb_column:nth-of-type(2) p { text-align: center !important; } #welcome .wpb_column:nth-of-type(1), #welcome .wpb_column:nth-of-type(4), #welcome .wpb_column .vc_separator { display: none; } #welcome .wpb_column:nth-of-type(2), #welcome .wpb_column:nth-of-type(3) { width: 100%; } } @media screen and (min-width: 1024px) { .wohnung-header { padding-top: 5em; } .wohnung-details p { width: 25%; } } @media screen and (max-width: 1023px) { .wohnung-header .wpb_wrapper { display: flex; flex-direction: column; } .wohnung-header > .wpb_column { width: 100% !important; } .wohnung-details p { width: 50%; } .postgrid-zimmer-related .vc_grid-item-mini { display: flex; flex-direction: column; flex-wrap: wrap; } .postgrid-zimmer-related .vc_gitem-animated-block, .postgrid-zimmer-related .post-details { width: 100%; } } @media screen and (min-width: 768px) { .flex-form-wrapper._flex-cols-2 p, .flex-form-wrapper._flex-cols-2 label { width: 48%; } } @media screen and (min-width: 551px) { .wohnung-header .paragraph { text-align: center; padding: 2em; } .wohnung-header H1 { text-align: center !important; } } @media screen and (max-width: 550px) { .nice-links._flexible { flex-direction: column; align-items: center; } .nice-links._flexible .cmas1-button { display: inline-flex; } H1 { font-size: 7vw; } .wohnung-header .paragraph { margin: 2em auto; } } /* --- *//* Touchscreen Devices */ @media screen and (pointer: coarse) { @font-face { font-family: IcoMoon; src: url(https://holzbau-unterrainer.at/wp-content/uploads/icomoon.woff); font-weight: normal; } a[href*="tel:"], a[href*="mailto:"] { display: inline-block; color: #FFF; padding: .5em 1em; margin: .5em; } a[href*="tel:"] { background-color: #26a65b; } a[href*="tel:"]:before { font-family: "IcoMoon"; content: "\e942"; margin-right: .5em; } a[href*="mailto:"] { background-color: #3498db; } a[href*="mailto:"]:before { font-family: "IcoMoon"; content: "\e945"; margin-right: .5em; } } /* --- *//* Deactivate Animations on Small Devices, Tablets */ @media only screen and (max-width : 768px) { .wpb_animate_when_almost_visible { opacity: 1 !important; } .animated { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } }/* The Gem rewrite rules */ article:not(.type-page) > .entry-content.post-content { margin-bottom: 0px; } .block-content:last-of-type { padding-bottom: 0px; } /* --- */ /* Impressum box */ .cmas1-impressum-box { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .cmas1-impressum-box > div { padding-bottom: 2em; } .cmas1-impressum-box > div:first-of-type { flex-grow: 1; }/* Special Classes */ .paragraph { font-size: 20px; } .cmas1-head-3 { font-size: 1.75em; font-weight: 100; margin-bottom: 1em; } .cmas1-columns-2 { column-count: 2; column-gap: 2em; }/* nice-links */ .nice-links { display: flex; justify-content: center; align-content: center; padding: 1em; } .cmas1-button { display: inline-block; margin: 5px; } .cmas1-button a { background-color: #b19f6a; color: #FFF; /* border: 1px solid #ffffff33; */ border-radius: 2em; padding: .75em 1.5em; transition: all .4s ease-in-out; } .cmas1-button a:hover { background-color: #F2784B; } .cmas1-button a:after { font-family: "FontAwesome"; margin-left: 15px; } .cmas1-button._tel a:after { content: "\f095"; } .cmas1-button._mail a:after { content: "\f0e0"; } .cmas1-button._form a:after { content: "\f27a"; } .cmas1-button._web a:after { content: "\f27a"; }/* Head Navigation */ #primary-menu > li a span { display: block; font-size: .9em; color: #3d3d3d !important; text-transform: lowercase !important; min-height: 2em; } #primary-menu > li.current-menu-item.menu-item-active a { color: #f9690e; font-weight: 700; } #primary-menu > li a { transition: all .4s ease-in-out; } #primary-menu > li > a:after { position: absolute; content: ""; top: 10%; right: 0; width: 1px; height: 80%; background-color: #dedede; transition: all .4s ease-in-out; } #primary-menu > li.menu-item-search a { border-right: none !important; } #primary-menu > li.menu-item-search a:after { width: 0; } #primary-menu > li:after { position: absolute; bottom: 0px; left: 50%; content: ""; background-color: #f89406; height: 3px; width: 0%; transition: all .4s ease-in-out; } #primary-menu > li:hover:after { left: 0; width: 100%; } #primary-menu > li:hover > a { color: #3d3d3d !important; letter-spacing: 2px; } /* Mega Menu */ #primary-menu .megamenu-column-header a { background-color: #ebebeb !important; font-weight: 600 !important; /* text-align: center; */ } #primary-menu .sub-menu .menu-item-has-children:hover .megamenu-column-header a { /* border-left-color: green !important; */ letter-spacing: 2px; }/* Single Ferienwohnung Page Style */ .wohnung-header { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+20,d3d3d3+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, transparent 20%, #f5ab35 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 20%,#f5ab35 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 20%,#f5ab35 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5ab35',GradientType=0 ); /* IE6-9 */ /* background-image: url(https://seehaus-sommerheim.at/wp-content/uploads/sky.jpg); */ background-size: cover; background-position: bottom center; background-attachment: fixed; padding-bottom: 5em; } .wohnung-header .wpb_column:nth-of-type(1), .wohnung-header .wpb_column:nth-of-type(2) { background-color: rgba(255,255,255,.7); border: 5px solid #FFF; outline: 1px solid rgba(0,0,0,.05) } .wohnung-header .wpb_column:nth-of-type(2) { background-color: rgba(95, 160, 204, 0.3); }.wohnung-header .wpb_column .vc_column-inner { padding: 1.1em 1.1em 0; } .wohnung-header .wpb_column:nth-of-type(1) .vc_column-inner { display: flex; flex-direction: column; justify-content: flex-end; } .wohnung-header H1 { /* text-align: center !important; */ margin-top: 1em !important; margin-bottom: 1em; } .wohnung-header .paragraph { line-height: 1.75; } .wohnung-details .wpb_wrapper { display: flex; flex-direction: row !important; flex-wrap: wrap; /* justify-content: space-between; */ align-content: stretch; align-items: stretch; /* padding-top: 50px; */ } .wohnung-details .wpb_wrapper p { position: relative; display: flex; flex-direction: column; justify-content: flex-start; background-color: #3d3d3d; color: #FFF; text-align: center; padding: 1em; /* width: 25%; */ margin-bottom: 0; margin-top: 50px; } .wohnung-details .wpb_wrapper p:before { font-family: "FontAwesome"; position: absolute; top: -43px; left: calc(50% - 25px); z-index: 1; font-size: 25px; color: #fff; width:50px; height: 50px; border-bottom: 2px solid; /* background-color: #3d3d3d; */ border-radius: 50%; display: flex; justify-content: center; align-items: center; } .wohnung-details .wpb_wrapper ._haus:before { content: "\f015"; background-color: #ec644b; } ._guests:before { content: "\f007"; background-color: #3498db; } ._food:before { content: "\f179"; background-color: #f4b350; } ._panorama:before { content: "\f06e"; background-color: #4daf7c; } ._bed:before { content: "\f236"; background-color: #f4b350; } .cmas1-call-to-action._call a { position: relative; background-color: #4daf7c; } .cmas1-call-to-action._anfrage a { background-color: #ec644b; } .cmas1-call-to-action a:after { position: absolute; content: ""; top: 100%; left: 0; width: 100%; height: 5px; background-color: #FFF; transform: scalex(0); transition: transform .4s ease-in-out; }.cmas1-call-to-action a:hover {} .cmas1-call-to-action a:hover:after { transform: scalex(1); }.ferienwohnungen-calltoaction { background-color: #dedede; text-align: center; margin-top: 3em; } /* Tables */ #ferienwohnungen-tabellen { text-align: center; padding-top: 5em; padding-bottom: 5em; box-shadow: 0 0 20px -8px #000; } .tablepress { font-family: "Montserrat"; border: 1px solid #efefef; } .tablepress th, .tablepress td { border: none !important; padding: 1em !important; } .tablepress thead, .tablepress thead th { background-color: #4daf7c; color: #FFF; } .tablepress tbody td.column-1 { font-weight: 700; } .tablepress tr { display: flex; flex-wrap: wrap; } .tablepress th:nth-of-type(2) { flex-grow: 1; } .tablepress tbody tr td { flex-grow: 3; flex-shrink: 0; } .tablepress tr td:nth-of-type(1) { width: 100%; } .tablepress tr td:nth-of-type(2) { width: 60%; } .tablepress tr td:nth-of-type(3) { width: 3em; }#ferienwohnungen-related { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,ffffff+80 */ background: #f2784b; /* Old browsers */ background: -moz-linear-gradient(top, #f5ab35 0%, #ffffff 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f5ab35 0%,#ffffff 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f5ab35 0%,#ffffff 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ab35', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ margin-bottom: 0; } /* --- *//* POSTGRID - Zimmer Related */ #related-zimmer .wpb_column { background-color: #ffffff; padding-bottom: 2em; box-shadow: 0 0 20px -8px #000; } .postgrid-zimmer-related .vc_grid-item-mini { background-color: #FFF; outline: 3px solid transparent; transition: all .4s ease-in-out; } .postgrid-zimmer-related .post-title { color: #3d3d3d; font-size: 1.5em; font-weight: 700; transition: color .1s ease-in-out, background-color .4s ease-in-out; } .postgrid-zimmer-related .vc_gitem-row-position-bottom { z-index: 1; } .postgrid-zimmer-related .post-meta-ab-preis { background-color: #ef5350; color: #FFF; font-size: 1.5em; font-weight: 700; border: 1px solid #fff; padding: 12px; float: right; } .postgrid-zimmer-related .vc_gitem-zone-a { transition: all .4s ease-in-out; } .postgrid-zimmer-related .vc_gitem-animated-block:before { z-index: 1; content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 50px solid rgba(239, 83, 80, 1); border-right: 50px solid transparent; opacity: .7; transition: all .4s ease-in-out; transform-origin: top left; } .postgrid-zimmer-related .vc_gitem-animated-block:after { z-index: 0; content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 50px solid rgba(239, 83, 80, 1); border-left: 50px solid transparent; opacity: .7; transition: all .4s ease-in-out; transform-origin: bottom right; } .postgrid-zimmer-related:hover .vc_gitem-animated-block:before, .postgrid-zimmer-related:hover .vc_gitem-animated-block:after { opacity: 1; transform: scale(1.5); } .postgrid-zimmer-related .vc_gitem-zone-mini { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: stretch; align-items: center; } .postgrid-zimmer-related:hover .post-title-wrapper { background-color: #00000055; color: #FFF; } .postgrid-zimmer-related .vc_gitem-zone-c { height: 100% !important; } .postgrid-zimmer-related .post-details, .postgrid-zimmer-related .post-details .vc_gitem-col { position: relative; display: flex; flex-direction: column; align-items: center; background-color: #FFF; padding: 1em; } .postgrid-zimmer-related .post-details .post-excerpt { color: #3d3d3d; /* padding: 1em; */ flex-grow: 3; } .postgrid-zimmer-related .post-button a { /* font-family: "Open Sans Condensed"; */ background-color: #4daf7c !important; color: #FFF !important; /* text-transform: uppercase; */ border: 1px solid #fff !important; box-shadow: 0 0 20px -8px #000; } .zimmer-masonry-media-grid .vc_gitem-animate-scaleIn .vc_gitem-zone-a { border: 1px solid #d6d6d6; } .post.category-zimmer .title-h4 { background-color: #e4e4e4; padding: 0 .5em; } .page-title-wrapper { min-height: 75vh; } .page-title { background-color: #2d2d2d; padding-top: 100px; padding-bottom: 80px; color: #e8e8e8; margin-bottom: 0 !important; opacity: .95; } ._vertical-postgrid .postgrid-zimmer-related .vc_grid-item-mini { display: flex; flex-direction: column; flex-wrap: wrap; } ._vertical-postgrid .postgrid-zimmer-related .vc_gitem-animated-block, ._vertical-postgrid .postgrid-zimmer-related .post-details { width: 100% !important; float: none !important; } ._vertical-postgrid .postgrid-zimmer-related .post-details { overflow: visible; }._vertical-postgrid .postgrid-zimmer-related .post-meta-ab-preis { position: absolute; right: 15px; bottom: 50px; border: 1px solid; } ._vertical-postgrid .postgrid-zimmer-related .post-title { position: absolute; top: -40px; background-color: #26a65b; color: #FFF; text-align: center; padding: 10px 15px; box-shadow: 0 0 20px -10px #000; } ._vertical-postgrid .postgrid-zimmer-related .post-excerpt { margin-top: 40px; } ._vertical-postgrid .vc_pageable-slide-wrapper { display: flex; } ._vertical-postgrid .postgrid-zimmer-related:after { content: ""; position: absolute; bottom: 0; left: 25%; width: 50%; height: 1px; background-color: #000; } /* --- *//* HOMEPAGE */ /* Ferienwohnungen */ #ferienwohnungen { padding-top: 3em; padding-bottom: 5em; } /* Sommeraktivitäten */ #aktivitaeten { overflow: visible; background-color: #dedede; padding-bottom: 3em; } #aktivitaeten .back-to-top { background-color: #fff; margin-top: -3em; margin-bottom: 2em; padding-top: 2em; padding-bottom: 2em; box-shadow: 0 0 20px -10px #000; } #aktivitaeten .wpb_column:nth-of-type(2), #aktivitaeten .wpb_column:nth-of-type(3) { background-color: #3d3d3d; padding-top: 3em; padding-bottom: 3em; } /* --- *//* The Gem Footer Navigation */ @media screen and (min-width: 992px) { #footer-nav .col-md-push-9 { display: none; } #footer-nav .col-md-pull-9 { left: 0; width: 50% } #footer-nav .col-md-6 { float: right; } }/* MEDIA QUERIES */ @media screen and (max-width: 1439px) { .tablepress tr { display: flex; flex-wrap: wrap; } .tablepress th:nth-of-type(2) { flex-grow: 1; } .tablepress tbody tr td { flex-grow: 3; flex-shrink: 0; } .tablepress tr td:nth-of-type(1) { width: 100%; } .tablepress tr td:nth-of-type(2) { width: 60%; } .tablepress tr td:nth-of-type(3) { width: 40%; } #welcome .wpb_column:nth-of-type(2) H4, #welcome .wpb_column:nth-of-type(2) p { text-align: center !important; } #welcome .wpb_column:nth-of-type(1), #welcome .wpb_column:nth-of-type(4), #welcome .wpb_column .vc_separator { display: none; } #welcome .wpb_column:nth-of-type(2), #welcome .wpb_column:nth-of-type(3) { width: 100%; } } @media screen and (min-width: 1024px) { .wohnung-header { padding-top: 5em; } .wohnung-details p { width: 25%; } } @media screen and (max-width: 1023px) { .wohnung-header .wpb_wrapper { display: flex; flex-direction: column; } .wohnung-header > .wpb_column { width: 100% !important; } .wohnung-details p { width: 50%; } .postgrid-zimmer-related .vc_grid-item-mini { display: flex; flex-direction: column; flex-wrap: wrap; } .postgrid-zimmer-related .vc_gitem-animated-block, .postgrid-zimmer-related .post-details { width: 100%; } } @media screen and (min-width: 768px) { .flex-form-wrapper._flex-cols-2 p, .flex-form-wrapper._flex-cols-2 label { width: 48%; } } @media screen and (min-width: 551px) { .wohnung-header .paragraph { text-align: center; padding: 2em; } .wohnung-header H1 { text-align: center !important; } } @media screen and (max-width: 550px) { .nice-links._flexible { flex-direction: column; align-items: center; } .nice-links._flexible .cmas1-button { display: inline-flex; } H1 { font-size: 7vw; } .wohnung-header .paragraph { margin: 2em auto; } } /* --- *//* Touchscreen Devices */ @media screen and (pointer: coarse) { @font-face { font-family: IcoMoon; src: url(https://holzbau-unterrainer.at/wp-content/uploads/icomoon.woff); font-weight: normal; } a[href*="tel:"], a[href*="mailto:"] { display: inline-block; color: #FFF; padding: .5em 1em; margin: .5em; } a[href*="tel:"] { background-color: #26a65b; } a[href*="tel:"]:before { font-family: "IcoMoon"; content: "\e942"; margin-right: .5em; } a[href*="mailto:"] { background-color: #3498db; } a[href*="mailto:"]:before { font-family: "IcoMoon"; content: "\e945"; margin-right: .5em; } } /* --- *//* Deactivate Animations on Small Devices, Tablets */ @media only screen and (max-width : 768px) { .wpb_animate_when_almost_visible { opacity: 1 !important; } .animated { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } }/* The Gem rewrite rules */ article:not(.type-page) > .entry-content.post-content { margin-bottom: 0px; } .block-content:last-of-type { padding-bottom: 0px; } /* --- */ /* Impressum box */ .cmas1-impressum-box { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .cmas1-impressum-box > div { padding-bottom: 2em; } .cmas1-impressum-box > div:first-of-type { flex-grow: 1; }/* Special Classes */ .paragraph { font-size: 20px; } .cmas1-head-3 { font-size: 1.75em; font-weight: 100; margin-bottom: 1em; } .cmas1-columns-2 { column-count: 2; column-gap: 2em; }/* nice-links */ .nice-links { display: flex; justify-content: center; align-content: center; padding: 1em; } .cmas1-button { display: inline-block; margin: 5px; } .cmas1-button a { background-color: #b19f6a; color: #FFF; /* border: 1px solid #ffffff33; */ border-radius: 2em; padding: .75em 1.5em; transition: all .4s ease-in-out; } .cmas1-button a:hover { background-color: #F2784B; } .cmas1-button a:after { font-family: "FontAwesome"; margin-left: 15px; } .cmas1-button._tel a:after { content: "\f095"; } .cmas1-button._mail a:after { content: "\f0e0"; } .cmas1-button._form a:after { content: "\f27a"; } .cmas1-button._web a:after { content: "\f27a"; }/* Head Navigation */ #primary-menu > li a span { display: block; font-size: .9em; color: #3d3d3d !important; text-transform: lowercase !important; min-height: 2em; } #primary-menu > li.current-menu-item.menu-item-active a { color: #f9690e; font-weight: 700; } #primary-menu > li a { transition: all .4s ease-in-out; } #primary-menu > li > a:after { position: absolute; content: ""; top: 10%; right: 0; width: 1px; height: 80%; background-color: #dedede; transition: all .4s ease-in-out; } #primary-menu > li.menu-item-search a { border-right: none !important; } #primary-menu > li.menu-item-search a:after { width: 0; } #primary-menu > li:after { position: absolute; bottom: 0px; left: 50%; content: ""; background-color: #f89406; height: 3px; width: 0%; transition: all .4s ease-in-out; } #primary-menu > li:hover:after { left: 0; width: 100%; } #primary-menu > li:hover > a { color: #3d3d3d !important; letter-spacing: 2px; } /* Mega Menu */ #primary-menu .megamenu-column-header a { background-color: #ebebeb !important; font-weight: 600 !important; /* text-align: center; */ } #primary-menu .sub-menu .menu-item-has-children:hover .megamenu-column-header a { /* border-left-color: green !important; */ letter-spacing: 2px; }/* Single Ferienwohnung Page Style */ .wohnung-header { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+20,d3d3d3+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, transparent 20%, #f5ab35 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 20%,#f5ab35 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 20%,#f5ab35 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5ab35',GradientType=0 ); /* IE6-9 */ /* background-image: url(https://seehaus-sommerheim.at/wp-content/uploads/sky.jpg); */ background-size: cover; background-position: bottom center; background-attachment: fixed; padding-bottom: 5em; } .wohnung-header .wpb_column:nth-of-type(1), .wohnung-header .wpb_column:nth-of-type(2) { background-color: rgba(255,255,255,.7); border: 5px solid #FFF; outline: 1px solid rgba(0,0,0,.05) } .wohnung-header .wpb_column:nth-of-type(2) { background-color: rgba(95, 160, 204, 0.3); }.wohnung-header .wpb_column .vc_column-inner { padding: 1.1em 1.1em 0; } .wohnung-header .wpb_column:nth-of-type(1) .vc_column-inner { display: flex; flex-direction: column; justify-content: flex-end; } .wohnung-header H1 { /* text-align: center !important; */ margin-top: 1em !important; margin-bottom: 1em; } .wohnung-header .paragraph { line-height: 1.75; } .wohnung-details .wpb_wrapper { display: flex; flex-direction: row !important; flex-wrap: wrap; /* justify-content: space-between; */ align-content: stretch; align-items: stretch; /* padding-top: 50px; */ } .wohnung-details .wpb_wrapper p { position: relative; display: flex; flex-direction: column; justify-content: flex-start; background-color: #3d3d3d; color: #FFF; text-align: center; padding: 1em; /* width: 25%; */ margin-bottom: 0; margin-top: 50px; } .wohnung-details .wpb_wrapper p:before { font-family: "FontAwesome"; position: absolute; top: -43px; left: calc(50% - 25px); z-index: 1; font-size: 25px; color: #fff; width:50px; height: 50px; border-bottom: 2px solid; /* background-color: #3d3d3d; */ border-radius: 50%; display: flex; justify-content: center; align-items: center; } .wohnung-details .wpb_wrapper ._haus:before { content: "\f015"; background-color: #ec644b; } ._guests:before { content: "\f007"; background-color: #3498db; } ._food:before { content: "\f179"; background-color: #f4b350; } ._panorama:before { content: "\f06e"; background-color: #4daf7c; } ._bed:before { content: "\f236"; background-color: #f4b350; } .cmas1-call-to-action._call a { position: relative; background-color: #4daf7c; } .cmas1-call-to-action._anfrage a { background-color: #ec644b; } .cmas1-call-to-action a:after { position: absolute; content: ""; top: 100%; left: 0; width: 100%; height: 5px; background-color: #FFF; transform: scalex(0); transition: transform .4s ease-in-out; }.cmas1-call-to-action a:hover {} .cmas1-call-to-action a:hover:after { transform: scalex(1); }.ferienwohnungen-calltoaction { background-color: #dedede; text-align: center; margin-top: 3em; } /* Tables */ #ferienwohnungen-tabellen { text-align: center; padding-top: 5em; padding-bottom: 5em; box-shadow: 0 0 20px -8px #000; } .tablepress { font-family: "Montserrat"; border: 1px solid #efefef; } .tablepress th, .tablepress td { border: none !important; padding: 1em !important; } .tablepress thead, .tablepress thead th { background-color: #4daf7c; color: #FFF; } .tablepress tbody td.column-1 { font-weight: 700; } .tablepress tr { display: flex; flex-wrap: wrap; } .tablepress th:nth-of-type(2) { flex-grow: 1; } .tablepress tbody tr td { flex-grow: 3; flex-shrink: 0; } .tablepress tr td:nth-of-type(1) { width: 100%; } .tablepress tr td:nth-of-type(2) { width: 60%; } .tablepress tr td:nth-of-type(3) { width: 3em; }#ferienwohnungen-related { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,ffffff+80 */ background: #f2784b; /* Old browsers */ background: -moz-linear-gradient(top, #f5ab35 0%, #ffffff 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f5ab35 0%,#ffffff 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f5ab35 0%,#ffffff 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ab35', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ margin-bottom: 0; } /* --- *//* POSTGRID - Zimmer Related */ #related-zimmer .wpb_column { background-color: #ffffff; padding-bottom: 2em; box-shadow: 0 0 20px -8px #000; } .postgrid-zimmer-related .vc_grid-item-mini { background-color: #FFF; outline: 3px solid transparent; transition: all .4s ease-in-out; } .postgrid-zimmer-related .post-title { color: #3d3d3d; font-size: 1.5em; font-weight: 700; transition: color .1s ease-in-out, background-color .4s ease-in-out; } .postgrid-zimmer-related .vc_gitem-row-position-bottom { z-index: 1; } .postgrid-zimmer-related .post-meta-ab-preis { background-color: #ef5350; color: #FFF; font-size: 1.5em; font-weight: 700; border: 1px solid #fff; padding: 12px; float: right; } .postgrid-zimmer-related .vc_gitem-zone-a { transition: all .4s ease-in-out; } .postgrid-zimmer-related .vc_gitem-animated-block:before { z-index: 1; content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 50px solid rgba(239, 83, 80, 1); border-right: 50px solid transparent; opacity: .7; transition: all .4s ease-in-out; transform-origin: top left; } .postgrid-zimmer-related .vc_gitem-animated-block:after { z-index: 0; content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 50px solid rgba(239, 83, 80, 1); border-left: 50px solid transparent; opacity: .7; transition: all .4s ease-in-out; transform-origin: bottom right; } .postgrid-zimmer-related:hover .vc_gitem-animated-block:before, .postgrid-zimmer-related:hover .vc_gitem-animated-block:after { opacity: 1; transform: scale(1.5); } .postgrid-zimmer-related .vc_gitem-zone-mini { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: stretch; align-items: center; } .postgrid-zimmer-related:hover .post-title-wrapper { background-color: #00000055; color: #FFF; } .postgrid-zimmer-related .vc_gitem-zone-c { height: 100% !important; } .postgrid-zimmer-related .post-details, .postgrid-zimmer-related .post-details .vc_gitem-col { position: relative; display: flex; flex-direction: column; align-items: center; background-color: #FFF; padding: 1em; } .postgrid-zimmer-related .post-details .post-excerpt { color: #3d3d3d; /* padding: 1em; */ flex-grow: 3; } .postgrid-zimmer-related .post-button a { /* font-family: "Open Sans Condensed"; */ background-color: #4daf7c !important; color: #FFF !important; /* text-transform: uppercase; */ border: 1px solid #fff !important; box-shadow: 0 0 20px -8px #000; } .zimmer-masonry-media-grid .vc_gitem-animate-scaleIn .vc_gitem-zone-a { border: 1px solid #d6d6d6; } .post.category-zimmer .title-h4 { background-color: #e4e4e4; padding: 0 .5em; } .page-title-wrapper { min-height: 75vh; } .page-title { background-color: #2d2d2d; padding-top: 100px; padding-bottom: 80px; color: #e8e8e8; margin-bottom: 0 !important; opacity: .95; } ._vertical-postgrid .postgrid-zimmer-related .vc_grid-item-mini { display: flex; flex-direction: column; flex-wrap: wrap; } ._vertical-postgrid .postgrid-zimmer-related .vc_gitem-animated-block, ._vertical-postgrid .postgrid-zimmer-related .post-details { width: 100% !important; float: none !important; } ._vertical-postgrid .postgrid-zimmer-related .post-details { overflow: visible; }._vertical-postgrid .postgrid-zimmer-related .post-meta-ab-preis { position: absolute; right: 15px; bottom: 50px; border: 1px solid; } ._vertical-postgrid .postgrid-zimmer-related .post-title { position: absolute; top: -40px; background-color: #26a65b; color: #FFF; text-align: center; padding: 10px 15px; box-shadow: 0 0 20px -10px #000; } ._vertical-postgrid .postgrid-zimmer-related .post-excerpt { margin-top: 40px; } ._vertical-postgrid .vc_pageable-slide-wrapper { display: flex; } ._vertical-postgrid .postgrid-zimmer-related:after { content: ""; position: absolute; bottom: 0; left: 25%; width: 50%; height: 1px; background-color: #000; } /* --- *//* HOMEPAGE */ /* Ferienwohnungen */ #ferienwohnungen { padding-top: 3em; padding-bottom: 5em; } /* Sommeraktivitäten */ #aktivitaeten { overflow: visible; background-color: #dedede; padding-bottom: 3em; } #aktivitaeten .back-to-top { background-color: #fff; margin-top: -3em; margin-bottom: 2em; padding-top: 2em; padding-bottom: 2em; box-shadow: 0 0 20px -10px #000; } #aktivitaeten .wpb_column:nth-of-type(2), #aktivitaeten .wpb_column:nth-of-type(3) { background-color: #3d3d3d; padding-top: 3em; padding-bottom: 3em; } /* --- *//* The Gem Footer Navigation */ @media screen and (min-width: 992px) { #footer-nav .col-md-push-9 { display: none; } #footer-nav .col-md-pull-9 { left: 0; width: 50% } #footer-nav .col-md-6 { float: right; } }/* MEDIA QUERIES */ @media screen and (max-width: 1439px) { .tablepress tr { display: flex; flex-wrap: wrap; } .tablepress th:nth-of-type(2) { flex-grow: 1; } .tablepress tbody tr td { flex-grow: 3; flex-shrink: 0; } .tablepress tr td:nth-of-type(1) { width: 100%; } .tablepress tr td:nth-of-type(2) { width: 60%; } .tablepress tr td:nth-of-type(3) { width: 40%; } #welcome .wpb_column:nth-of-type(2) H4, #welcome .wpb_column:nth-of-type(2) p { text-align: center !important; } #welcome .wpb_column:nth-of-type(1), #welcome .wpb_column:nth-of-type(4), #welcome .wpb_column .vc_separator { display: none; } #welcome .wpb_column:nth-of-type(2), #welcome .wpb_column:nth-of-type(3) { width: 100%; } } @media screen and (min-width: 1024px) { .wohnung-header { padding-top: 5em; } .wohnung-details p { width: 25%; } } @media screen and (max-width: 1023px) { .wohnung-header .wpb_wrapper { display: flex; flex-direction: column; } .wohnung-header > .wpb_column { width: 100% !important; } .wohnung-details p { width: 50%; } .postgrid-zimmer-related .vc_grid-item-mini { display: flex; flex-direction: column; flex-wrap: wrap; } .postgrid-zimmer-related .vc_gitem-animated-block, .postgrid-zimmer-related .post-details { width: 100%; } } @media screen and (min-width: 768px) { .flex-form-wrapper._flex-cols-2 p, .flex-form-wrapper._flex-cols-2 label { width: 48%; } } @media screen and (min-width: 551px) { .wohnung-header .paragraph { text-align: center; padding: 2em; } .wohnung-header H1 { text-align: center !important; } } @media screen and (max-width: 550px) { .nice-links._flexible { flex-direction: column; align-items: center; } .nice-links._flexible .cmas1-button { display: inline-flex; } H1 { font-size: 7vw; } .wohnung-header .paragraph { margin: 2em auto; } } /* --- *//* Touchscreen Devices */ @media screen and (pointer: coarse) { @font-face { font-family: IcoMoon; src: url(https://holzbau-unterrainer.at/wp-content/uploads/icomoon.woff); font-weight: normal; } a[href*="tel:"], a[href*="mailto:"] { display: inline-block; color: #FFF; padding: .5em 1em; margin: .5em; } a[href*="tel:"] { background-color: #26a65b; } a[href*="tel:"]:before { font-family: "IcoMoon"; content: "\e942"; margin-right: .5em; } a[href*="mailto:"] { background-color: #3498db; } a[href*="mailto:"]:before { font-family: "IcoMoon"; content: "\e945"; margin-right: .5em; } } /* --- *//* Deactivate Animations on Small Devices, Tablets */ @media only screen and (max-width : 768px) { .wpb_animate_when_almost_visible { opacity: 1 !important; } .animated { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } }/* The Gem rewrite rules */ article:not(.type-page) > .entry-content.post-content { margin-bottom: 0px; } .block-content:last-of-type { padding-bottom: 0px; } /* --- */ /* Impressum box */ .cmas1-impressum-box { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .cmas1-impressum-box > div { padding-bottom: 2em; } .cmas1-impressum-box > div:first-of-type { flex-grow: 1; }/* Special Classes */ .paragraph { font-size: 20px; } .cmas1-head-3 { font-size: 1.75em; font-weight: 100; margin-bottom: 1em; } .cmas1-columns-2 { column-count: 2; column-gap: 2em; }/* nice-links */ .nice-links { display: flex; justify-content: center; align-content: center; padding: 1em; } .cmas1-button { display: inline-block; margin: 5px; } .cmas1-button a { background-color: #b19f6a; color: #FFF; /* border: 1px solid #ffffff33; */ border-radius: 2em; padding: .75em 1.5em; transition: all .4s ease-in-out; } .cmas1-button a:hover { background-color: #F2784B; } .cmas1-button a:after { font-family: "FontAwesome"; margin-left: 15px; } .cmas1-button._tel a:after { content: "\f095"; } .cmas1-button._mail a:after { content: "\f0e0"; } .cmas1-button._form a:after { content: "\f27a"; } .cmas1-button._web a:after { content: "\f27a"; }/* Head Navigation */ #primary-menu > li a span { display: block; font-size: .9em; color: #3d3d3d !important; text-transform: lowercase !important; min-height: 2em; } #primary-menu > li.current-menu-item.menu-item-active a { color: #f9690e; font-weight: 700; } #primary-menu > li a { transition: all .4s ease-in-out; } #primary-menu > li > a:after { position: absolute; content: ""; top: 10%; right: 0; width: 1px; height: 80%; background-color: #dedede; transition: all .4s ease-in-out; } #primary-menu > li.menu-item-search a { border-right: none !important; } #primary-menu > li.menu-item-search a:after { width: 0; } #primary-menu > li:after { position: absolute; bottom: 0px; left: 50%; content: ""; background-color: #f89406; height: 3px; width: 0%; transition: all .4s ease-in-out; } #primary-menu > li:hover:after { left: 0; width: 100%; } #primary-menu > li:hover > a { color: #3d3d3d !important; letter-spacing: 2px; } /* Mega Menu */ #primary-menu .megamenu-column-header a { background-color: #ebebeb !important; font-weight: 600 !important; /* text-align: center; */ } #primary-menu .sub-menu .menu-item-has-children:hover .megamenu-column-header a { /* border-left-color: green !important; */ letter-spacing: 2px; }/* Single Ferienwohnung Page Style */ .wohnung-header { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+20,d3d3d3+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, transparent 20%, #f5ab35 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 20%,#f5ab35 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 20%,#f5ab35 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5ab35',GradientType=0 ); /* IE6-9 */ /* background-image: url(https://seehaus-sommerheim.at/wp-content/uploads/sky.jpg); */ background-size: cover; background-position: bottom center; background-attachment: fixed; padding-bottom: 5em; } .wohnung-header .wpb_column:nth-of-type(1), .wohnung-header .wpb_column:nth-of-type(2) { background-color: rgba(255,255,255,.7); border: 5px solid #FFF; outline: 1px solid rgba(0,0,0,.05) } .wohnung-header .wpb_column:nth-of-type(2) { background-color: rgba(95, 160, 204, 0.3); }.wohnung-header .wpb_column .vc_column-inner { padding: 1.1em 1.1em 0; } .wohnung-header .wpb_column:nth-of-type(1) .vc_column-inner { display: flex; flex-direction: column; justify-content: flex-end; } .wohnung-header H1 { /* text-align: center !important; */ margin-top: 1em !important; margin-bottom: 1em; } .wohnung-header .paragraph { line-height: 1.75; } .wohnung-details .wpb_wrapper { display: flex; flex-direction: row !important; flex-wrap: wrap; /* justify-content: space-between; */ align-content: stretch; align-items: stretch; /* padding-top: 50px; */ } .wohnung-details .wpb_wrapper p { position: relative; display: flex; flex-direction: column; justify-content: flex-start; background-color: #3d3d3d; color: #FFF; text-align: center; padding: 1em; /* width: 25%; */ margin-bottom: 0; margin-top: 50px; } .wohnung-details .wpb_wrapper p:before { font-family: "FontAwesome"; position: absolute; top: -43px; left: calc(50% - 25px); z-index: 1; font-size: 25px; color: #fff; width:50px; height: 50px; border-bottom: 2px solid; /* background-color: #3d3d3d; */ border-radius: 50%; display: flex; justify-content: center; align-items: center; } .wohnung-details .wpb_wrapper ._haus:before { content: "\f015"; background-color: #ec644b; } ._guests:before { content: "\f007"; background-color: #3498db; } ._food:before { content: "\f179"; background-color: #f4b350; } ._panorama:before { content: "\f06e"; background-color: #4daf7c; } ._bed:before { content: "\f236"; background-color: #f4b350; } .cmas1-call-to-action._call a { position: relative; background-color: #4daf7c; } .cmas1-call-to-action._anfrage a { background-color: #ec644b; } .cmas1-call-to-action a:after { position: absolute; content: ""; top: 100%; left: 0; width: 100%; height: 5px; background-color: #FFF; transform: scalex(0); transition: transform .4s ease-in-out; }.cmas1-call-to-action a:hover {} .cmas1-call-to-action a:hover:after { transform: scalex(1); }.ferienwohnungen-calltoaction { background-color: #dedede; text-align: center; margin-top: 3em; } /* Tables */ #ferienwohnungen-tabellen { text-align: center; padding-top: 5em; padding-bottom: 5em; box-shadow: 0 0 20px -8px #000; } .tablepress { font-family: "Montserrat"; border: 1px solid #efefef; } .tablepress th, .tablepress td { border: none !important; padding: 1em !important; } .tablepress thead, .tablepress thead th { background-color: #4daf7c; color: #FFF; } .tablepress tbody td.column-1 { font-weight: 700; } .tablepress tr { display: flex; flex-wrap: wrap; } .tablepress th:nth-of-type(2) { flex-grow: 1; } .tablepress tbody tr td { flex-grow: 3; flex-shrink: 0; } .tablepress tr td:nth-of-type(1) { width: 100%; } .tablepress tr td:nth-of-type(2) { width: 60%; } .tablepress tr td:nth-of-type(3) { width: 3em; }#ferienwohnungen-related { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,ffffff+80 */ background: #f2784b; /* Old browsers */ background: -moz-linear-gradient(top, #f5ab35 0%, #ffffff 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f5ab35 0%,#ffffff 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f5ab35 0%,#ffffff 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ab35', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ margin-bottom: 0; } /* --- *//* POSTGRID - Zimmer Related */ #related-zimmer .wpb_column { background-color: #ffffff; padding-bottom: 2em; box-shadow: 0 0 20px -8px #000; } .postgrid-zimmer-related .vc_grid-item-mini { background-color: #FFF; outline: 3px solid transparent; transition: all .4s ease-in-out; } .postgrid-zimmer-related .post-title { color: #3d3d3d; font-size: 1.5em; font-weight: 700; transition: color .1s ease-in-out, background-color .4s ease-in-out; } .postgrid-zimmer-related .vc_gitem-row-position-bottom { z-index: 1; } .postgrid-zimmer-related .post-meta-ab-preis { background-color: #ef5350; color: #FFF; font-size: 1.5em; font-weight: 700; border: 1px solid #fff; padding: 12px; float: right; } .postgrid-zimmer-related .vc_gitem-zone-a { transition: all .4s ease-in-out; } .postgrid-zimmer-related .vc_gitem-animated-block:before { z-index: 1; content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 50px solid rgba(239, 83, 80, 1); border-right: 50px solid transparent; opacity: .7; transition: all .4s ease-in-out; transform-origin: top left; } .postgrid-zimmer-related .vc_gitem-animated-block:after { z-index: 0; content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 50px solid rgba(239, 83, 80, 1); border-left: 50px solid transparent; opacity: .7; transition: all .4s ease-in-out; transform-origin: bottom right; } .postgrid-zimmer-related:hover .vc_gitem-animated-block:before, .postgrid-zimmer-related:hover .vc_gitem-animated-block:after { opacity: 1; transform: scale(1.5); } .postgrid-zimmer-related .vc_gitem-zone-mini { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: stretch; align-items: center; } .postgrid-zimmer-related:hover .post-title-wrapper { background-color: #00000055; color: #FFF; } .postgrid-zimmer-related .vc_gitem-zone-c { height: 100% !important; } .postgrid-zimmer-related .post-details, .postgrid-zimmer-related .post-details .vc_gitem-col { position: relative; display: flex; flex-direction: column; align-items: center; background-color: #FFF; padding: 1em; } .postgrid-zimmer-related .post-details .post-excerpt { color: #3d3d3d; /* padding: 1em; */ flex-grow: 3; } .postgrid-zimmer-related .post-button a { /* font-family: "Open Sans Condensed"; */ background-color: #4daf7c !important; color: #FFF !important; /* text-transform: uppercase; */ border: 1px solid #fff !important; box-shadow: 0 0 20px -8px #000; } .zimmer-masonry-media-grid .vc_gitem-animate-scaleIn .vc_gitem-zone-a { border: 1px solid #d6d6d6; } .post.category-zimmer .title-h4 { background-color: #e4e4e4; padding: 0 .5em; } .page-title-wrapper { min-height: 75vh; } .page-title { background-color: #2d2d2d; padding-top: 100px; padding-bottom: 80px; color: #e8e8e8; margin-bottom: 0 !important; opacity: .95; } ._vertical-postgrid .postgrid-zimmer-related .vc_grid-item-mini { display: flex; flex-direction: column; flex-wrap: wrap; } ._vertical-postgrid .postgrid-zimmer-related .vc_gitem-animated-block, ._vertical-postgrid .postgrid-zimmer-related .post-details { width: 100% !important; float: none !important; } ._vertical-postgrid .postgrid-zimmer-related .post-details { overflow: visible; }._vertical-postgrid .postgrid-zimmer-related .post-meta-ab-preis { position: absolute; right: 15px; bottom: 50px; border: 1px solid; } ._vertical-postgrid .postgrid-zimmer-related .post-title { position: absolute; top: -40px; background-color: #26a65b; color: #FFF; text-align: center; padding: 10px 15px; box-shadow: 0 0 20px -10px #000; } ._vertical-postgrid .postgrid-zimmer-related .post-excerpt { margin-top: 40px; } ._vertical-postgrid .vc_pageable-slide-wrapper { display: flex; } ._vertical-postgrid .postgrid-zimmer-related:after { content: ""; position: absolute; bottom: 0; left: 25%; width: 50%; height: 1px; background-color: #000; } /* --- *//* HOMEPAGE */ /* Ferienwohnungen */ #ferienwohnungen { padding-top: 3em; padding-bottom: 5em; } /* Sommeraktivitäten */ #aktivitaeten { overflow: visible; background-color: #dedede; padding-bottom: 3em; } #aktivitaeten .back-to-top { background-color: #fff; margin-top: -3em; margin-bottom: 2em; padding-top: 2em; padding-bottom: 2em; box-shadow: 0 0 20px -10px #000; } #aktivitaeten .wpb_column:nth-of-type(2), #aktivitaeten .wpb_column:nth-of-type(3) { background-color: #3d3d3d; padding-top: 3em; padding-bottom: 3em; } /* --- *//* The Gem Footer Navigation */ @media screen and (min-width: 992px) { #footer-nav .col-md-push-9 { display: none; } #footer-nav .col-md-pull-9 { left: 0; width: 50% } #footer-nav .col-md-6 { float: right; } }/* MEDIA QUERIES */ @media screen and (max-width: 1439px) { .tablepress tr { display: flex; flex-wrap: wrap; } .tablepress th:nth-of-type(2) { flex-grow: 1; } .tablepress tbody tr td { flex-grow: 3; flex-shrink: 0; } .tablepress tr td:nth-of-type(1) { width: 100%; } .tablepress tr td:nth-of-type(2) { width: 60%; } .tablepress tr td:nth-of-type(3) { width: 40%; } #welcome .wpb_column:nth-of-type(2) H4, #welcome .wpb_column:nth-of-type(2) p { text-align: center !important; } #welcome .wpb_column:nth-of-type(1), #welcome .wpb_column:nth-of-type(4), #welcome .wpb_column .vc_separator { display: none; } #welcome .wpb_column:nth-of-type(2), #welcome .wpb_column:nth-of-type(3) { width: 100%; } } @media screen and (min-width: 1024px) { .wohnung-header { padding-top: 5em; } .wohnung-details p { width: 25%; } } @media screen and (max-width: 1023px) { .wohnung-header .wpb_wrapper { display: flex; flex-direction: column; } .wohnung-header > .wpb_column { width: 100% !important; } .wohnung-details p { width: 50%; } .postgrid-zimmer-related .vc_grid-item-mini { display: flex; flex-direction: column; flex-wrap: wrap; } .postgrid-zimmer-related .vc_gitem-animated-block, .postgrid-zimmer-related .post-details { width: 100%; } } @media screen and (min-width: 768px) { .flex-form-wrapper._flex-cols-2 p, .flex-form-wrapper._flex-cols-2 label { width: 48%; } } @media screen and (min-width: 551px) { .wohnung-header .paragraph { text-align: center; padding: 2em; } .wohnung-header H1 { text-align: center !important; } } @media screen and (max-width: 550px) { .nice-links._flexible { flex-direction: column; align-items: center; } .nice-links._flexible .cmas1-button { display: inline-flex; } H1 { font-size: 7vw; } .wohnung-header .paragraph { margin: 2em auto; } } /* --- *//* Touchscreen Devices */ @media screen and (pointer: coarse) { @font-face { font-family: IcoMoon; src: url(https://holzbau-unterrainer.at/wp-content/uploads/icomoon.woff); font-weight: normal; } a[href*="tel:"], a[href*="mailto:"] { display: inline-block; color: #FFF; padding: .5em 1em; margin: .5em; } a[href*="tel:"] { background-color: #26a65b; } a[href*="tel:"]:before { font-family: "IcoMoon"; content: "\e942"; margin-right: .5em; } a[href*="mailto:"] { background-color: #3498db; } a[href*="mailto:"]:before { font-family: "IcoMoon"; content: "\e945"; margin-right: .5em; } } /* --- *//* Deactivate Animations on Small Devices, Tablets */ @media only screen and (max-width : 768px) { .wpb_animate_when_almost_visible { opacity: 1 !important; } .animated { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } }/* The Gem rewrite rules */ article:not(.type-page) > .entry-content.post-content { margin-bottom: 0px; } .block-content:last-of-type { padding-bottom: 0px; } /* --- */ /* Impressum box */ .cmas1-impressum-box { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .cmas1-impressum-box > div { padding-bottom: 2em; } .cmas1-impressum-box > div:first-of-type { flex-grow: 1; }/* Special Classes */ .paragraph { font-size: 20px; } .cmas1-head-3 { font-size: 1.75em; font-weight: 100; margin-bottom: 1em; } .cmas1-columns-2 { column-count: 2; column-gap: 2em; }/* nice-links */ .nice-links { display: flex; justify-content: center; align-content: center; padding: 1em; } .cmas1-button { display: inline-block; margin: 5px; } .cmas1-button a { background-color: #b19f6a; color: #FFF; /* border: 1px solid #ffffff33; */ border-radius: 2em; padding: .75em 1.5em; transition: all .4s ease-in-out; } .cmas1-button a:hover { background-color: #F2784B; } .cmas1-button a:after { font-family: "FontAwesome"; margin-left: 15px; } .cmas1-button._tel a:after { content: "\f095"; } .cmas1-button._mail a:after { content: "\f0e0"; } .cmas1-button._form a:after { content: "\f27a"; } .cmas1-button._web a:after { content: "\f27a"; }/* Head Navigation */ #primary-menu > li a span { display: block; font-size: .9em; color: #3d3d3d !important; text-transform: lowercase !important; min-height: 2em; } #primary-menu > li.current-menu-item.menu-item-active a { color: #f9690e; font-weight: 700; } #primary-menu > li a { transition: all .4s ease-in-out; } #primary-menu > li > a:after { position: absolute; content: ""; top: 10%; right: 0; width: 1px; height: 80%; background-color: #dedede; transition: all .4s ease-in-out; } #primary-menu > li.menu-item-search a { border-right: none !important; } #primary-menu > li.menu-item-search a:after { width: 0; } #primary-menu > li:after { position: absolute; bottom: 0px; left: 50%; content: ""; background-color: #f89406; height: 3px; width: 0%; transition: all .4s ease-in-out; } #primary-menu > li:hover:after { left: 0; width: 100%; } #primary-menu > li:hover > a { color: #3d3d3d !important; letter-spacing: 2px; } /* Mega Menu */ #primary-menu .megamenu-column-header a { background-color: #ebebeb !important; font-weight: 600 !important; /* text-align: center; */ } #primary-menu .sub-menu .menu-item-has-children:hover .megamenu-column-header a { /* border-left-color: green !important; */ letter-spacing: 2px; }/* Single Ferienwohnung Page Style */ .wohnung-header { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+20,d3d3d3+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, transparent 20%, #f5ab35 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 20%,#f5ab35 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 20%,#f5ab35 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5ab35',GradientType=0 ); /* IE6-9 */ /* background-image: url(https://seehaus-sommerheim.at/wp-content/uploads/sky.jpg); */ background-size: cover; background-position: bottom center; background-attachment: fixed; padding-bottom: 5em; } .wohnung-header .wpb_column:nth-of-type(1), .wohnung-header .wpb_column:nth-of-type(2) { background-color: rgba(255,255,255,.7); border: 5px solid #FFF; outline: 1px solid rgba(0,0,0,.05) } .wohnung-header .wpb_column:nth-of-type(2) { background-color: rgba(95, 160, 204, 0.3); }.wohnung-header .wpb_column .vc_column-inner { padding: 1.1em 1.1em 0; } .wohnung-header .wpb_column:nth-of-type(1) .vc_column-inner { display: flex; flex-direction: column; justify-content: flex-end; } .wohnung-header H1 { /* text-align: center !important; */ margin-top: 1em !important; margin-bottom: 1em; } .wohnung-header .paragraph { line-height: 1.75; } .wohnung-details .wpb_wrapper { display: flex; flex-direction: row !important; flex-wrap: wrap; /* justify-content: space-between; */ align-content: stretch; align-items: stretch; /* padding-top: 50px; */ } .wohnung-details .wpb_wrapper p { position: relative; display: flex; flex-direction: column; justify-content: flex-start; background-color: #3d3d3d; color: #FFF; text-align: center; padding: 1em; /* width: 25%; */ margin-bottom: 0; margin-top: 50px; } .wohnung-details .wpb_wrapper p:before { font-family: "FontAwesome"; position: absolute; top: -43px; left: calc(50% - 25px); z-index: 1; font-size: 25px; color: #fff; width:50px; height: 50px; border-bottom: 2px solid; /* background-color: #3d3d3d; */ border-radius: 50%; display: flex; justify-content: center; align-items: center; } .wohnung-details .wpb_wrapper ._haus:before { content: "\f015"; background-color: #ec644b; } ._guests:before { content: "\f007"; background-color: #3498db; } ._food:before { content: "\f179"; background-color: #f4b350; } ._panorama:before { content: "\f06e"; background-color: #4daf7c; } ._bed:before { content: "\f236"; background-color: #f4b350; } .cmas1-call-to-action._call a { position: relative; background-color: #4daf7c; } .cmas1-call-to-action._anfrage a { background-color: #ec644b; } .cmas1-call-to-action a:after { position: absolute; content: ""; top: 100%; left: 0; width: 100%; height: 5px; background-color: #FFF; transform: scalex(0); transition: transform .4s ease-in-out; }.cmas1-call-to-action a:hover {} .cmas1-call-to-action a:hover:after { transform: scalex(1); }.ferienwohnungen-calltoaction { background-color: #dedede; text-align: center; margin-top: 3em; } /* Tables */ #ferienwohnungen-tabellen { text-align: center; padding-top: 5em; padding-bottom: 5em; box-shadow: 0 0 20px -8px #000; } .tablepress { font-family: "Montserrat"; border: 1px solid #efefef; } .tablepress th, .tablepress td { border: none !important; padding: 1em !important; } .tablepress thead, .tablepress thead th { background-color: #4daf7c; color: #FFF; } .tablepress tbody td.column-1 { font-weight: 700; } .tablepress tr { display: flex; flex-wrap: wrap; } .tablepress th:nth-of-type(2) { flex-grow: 1; } .tablepress tbody tr td { flex-grow: 3; flex-shrink: 0; } .tablepress tr td:nth-of-type(1) { width: 100%; } .tablepress tr td:nth-of-type(2) { width: 60%; } .tablepress tr td:nth-of-type(3) { width: 3em; }#ferienwohnungen-related { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,ffffff+80 */ background: #f2784b; /* Old browsers */ background: -moz-linear-gradient(top, #f5ab35 0%, #ffffff 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f5ab35 0%,#ffffff 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f5ab35 0%,#ffffff 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ab35', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ margin-bottom: 0; } /* --- *//* POSTGRID - Zimmer Related */ #related-zimmer .wpb_column { background-color: #ffffff; padding-bottom: 2em; box-shadow: 0 0 20px -8px #000; } .postgrid-zimmer-related .vc_grid-item-mini { background-color: #FFF; outline: 3px solid transparent; transition: all .4s ease-in-out; } .postgrid-zimmer-related .post-title { color: #3d3d3d; font-size: 1.5em; font-weight: 700; transition: color .1s ease-in-out, background-color .4s ease-in-out; } .postgrid-zimmer-related .vc_gitem-row-position-bottom { z-index: 1; } .postgrid-zimmer-related .post-meta-ab-preis { background-color: #ef5350; color: #FFF; font-size: 1.5em; font-weight: 700; border: 1px solid #fff; padding: 12px; float: right; } .postgrid-zimmer-related .vc_gitem-zone-a { transition: all .4s ease-in-out; } .postgrid-zimmer-related .vc_gitem-animated-block:before { z-index: 1; content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 50px solid rgba(239, 83, 80, 1); border-right: 50px solid transparent; opacity: .7; transition: all .4s ease-in-out; transform-origin: top left; } .postgrid-zimmer-related .vc_gitem-animated-block:after { z-index: 0; content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 50px solid rgba(239, 83, 80, 1); border-left: 50px solid transparent; opacity: .7; transition: all .4s ease-in-out; transform-origin: bottom right; } .postgrid-zimmer-related:hover .vc_gitem-animated-block:before, .postgrid-zimmer-related:hover .vc_gitem-animated-block:after { opacity: 1; transform: scale(1.5); } .postgrid-zimmer-related .vc_gitem-zone-mini { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: stretch; align-items: center; } .postgrid-zimmer-related:hover .post-title-wrapper { background-color: #00000055; color: #FFF; } .postgrid-zimmer-related .vc_gitem-zone-c { height: 100% !important; } .postgrid-zimmer-related .post-details, .postgrid-zimmer-related .post-details .vc_gitem-col { position: relative; display: flex; flex-direction: column; align-items: center; background-color: #FFF; padding: 1em; } .postgrid-zimmer-related .post-details .post-excerpt { color: #3d3d3d; /* padding: 1em; */ flex-grow: 3; } .postgrid-zimmer-related .post-button a { /* font-family: "Open Sans Condensed"; */ background-color: #4daf7c !important; color: #FFF !important; /* text-transform: uppercase; */ border: 1px solid #fff !important; box-shadow: 0 0 20px -8px #000; } .zimmer-masonry-media-grid .vc_gitem-animate-scaleIn .vc_gitem-zone-a { border: 1px solid #d6d6d6; } .post.category-zimmer .title-h4 { background-color: #e4e4e4; padding: 0 .5em; } .page-title-wrapper { min-height: 75vh; } .page-title { background-color: #2d2d2d; padding-top: 100px; padding-bottom: 80px; color: #e8e8e8; margin-bottom: 0 !important; opacity: .95; } ._vertical-postgrid .postgrid-zimmer-related .vc_grid-item-mini { display: flex; flex-direction: column; flex-wrap: wrap; } ._vertical-postgrid .postgrid-zimmer-related .vc_gitem-animated-block, ._vertical-postgrid .postgrid-zimmer-related .post-details { width: 100% !important; float: none !important; } ._vertical-postgrid .postgrid-zimmer-related .post-details { overflow: visible; }._vertical-postgrid .postgrid-zimmer-related .post-meta-ab-preis { position: absolute; right: 15px; bottom: 50px; border: 1px solid; } ._vertical-postgrid .postgrid-zimmer-related .post-title { position: absolute; top: -40px; background-color: #26a65b; color: #FFF; text-align: center; padding: 10px 15px; box-shadow: 0 0 20px -10px #000; } ._vertical-postgrid .postgrid-zimmer-related .post-excerpt { margin-top: 40px; } ._vertical-postgrid .vc_pageable-slide-wrapper { display: flex; } ._vertical-postgrid .postgrid-zimmer-related:after { content: ""; position: absolute; bottom: 0; left: 25%; width: 50%; height: 1px; background-color: #000; } /* --- *//* HOMEPAGE */ /* Ferienwohnungen */ #ferienwohnungen { padding-top: 3em; padding-bottom: 5em; } /* Sommeraktivitäten */ #aktivitaeten { overflow: visible; background-color: #dedede; padding-bottom: 3em; } #aktivitaeten .back-to-top { background-color: #fff; margin-top: -3em; margin-bottom: 2em; padding-top: 2em; padding-bottom: 2em; box-shadow: 0 0 20px -10px #000; } #aktivitaeten .wpb_column:nth-of-type(2), #aktivitaeten .wpb_column:nth-of-type(3) { background-color: #3d3d3d; padding-top: 3em; padding-bottom: 3em; } /* --- *//* The Gem Footer Navigation */ @media screen and (min-width: 992px) { #footer-nav .col-md-push-9 { display: none; } #footer-nav .col-md-pull-9 { left: 0; width: 50% } #footer-nav .col-md-6 { float: right; } }/* MEDIA QUERIES */ @media screen and (max-width: 1439px) { .tablepress tr { display: flex; flex-wrap: wrap; } .tablepress th:nth-of-type(2) { flex-grow: 1; } .tablepress tbody tr td { flex-grow: 3; flex-shrink: 0; } .tablepress tr td:nth-of-type(1) { width: 100%; } .tablepress tr td:nth-of-type(2) { width: 60%; } .tablepress tr td:nth-of-type(3) { width: 40%; } #welcome .wpb_column:nth-of-type(2) H4, #welcome .wpb_column:nth-of-type(2) p { text-align: center !important; } #welcome .wpb_column:nth-of-type(1), #welcome .wpb_column:nth-of-type(4), #welcome .wpb_column .vc_separator { display: none; } #welcome .wpb_column:nth-of-type(2), #welcome .wpb_column:nth-of-type(3) { width: 100%; } } @media screen and (min-width: 1024px) { .wohnung-header { padding-top: 5em; } .wohnung-details p { width: 25%; } } @media screen and (max-width: 1023px) { .wohnung-header .wpb_wrapper { display: flex; flex-direction: column; } .wohnung-header > .wpb_column { width: 100% !important; } .wohnung-details p { width: 50%; } .postgrid-zimmer-related .vc_grid-item-mini { display: flex; flex-direction: column; flex-wrap: wrap; } .postgrid-zimmer-related .vc_gitem-animated-block, .postgrid-zimmer-related .post-details { width: 100%; } } @media screen and (min-width: 768px) { .flex-form-wrapper._flex-cols-2 p, .flex-form-wrapper._flex-cols-2 label { width: 48%; } } @media screen and (min-width: 551px) { .wohnung-header .paragraph { text-align: center; padding: 2em; } .wohnung-header H1 { text-align: center !important; } } @media screen and (max-width: 550px) { .nice-links._flexible { flex-direction: column; align-items: center; } .nice-links._flexible .cmas1-button { display: inline-flex; } H1 { font-size: 7vw; } .wohnung-header .paragraph { margin: 2em auto; } } /* --- *//* Touchscreen Devices */ @media screen and (pointer: coarse) { @font-face { font-family: IcoMoon; src: url(https://holzbau-unterrainer.at/wp-content/uploads/icomoon.woff); font-weight: normal; } a[href*="tel:"], a[href*="mailto:"] { display: inline-block; color: #FFF; padding: .5em 1em; margin: .5em; } a[href*="tel:"] { background-color: #26a65b; } a[href*="tel:"]:before { font-family: "IcoMoon"; content: "\e942"; margin-right: .5em; } a[href*="mailto:"] { background-color: #3498db; } a[href*="mailto:"]:before { font-family: "IcoMoon"; content: "\e945"; margin-right: .5em; } } /* --- *//* Deactivate Animations on Small Devices, Tablets */ @media only screen and (max-width : 768px) { .wpb_animate_when_almost_visible { opacity: 1 !important; } .animated { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } }

Aktivitäten rund um den Millstättersee!

Eingebettet in die Gebirgswelt des Nationalpark Nockberge, der Millstätter Alpe mit dem Tschiernock, dem Goldeck und dem Weltenberg Mirnock liegt der Millstätter See.

Typisch für den Millstätter See ist die terrassenförmige Topografie: Der See – auf 600 m Seehöhe – bildet die erste Stufe.

Die zweite Stufe – auf 900 m – ist das Hochplateau, das sich vom Ost- bis zum Westufer des Sees erstreckt. Auf 2.000 m liegt schließlich die dritte Stufe – die Millstätter Alpe.

Gemeinsam in den Sonnenaufgang schwimmen, das samtweiche Seewasser spüren, durch die aufsteigenden Nebelschwaden tauchen und die klare Luft einatmen.

Beim Buchtenwandern im Ruderboot das waldverwachsene Südufer entlanggleiten,… Die Schuhe ausziehen, hinüberwandern von Stein zu Stein, das weiche Wasser an den Füßen spüren, Platz nehmen auf der Bank im Millstätter See, und den Blick auf die Nockberge genießen…

…sich mit Freunden in der Strandbar treffen, die Füße in den warmen Sand eintauchen, einen Cocktail serviert bekommen, entspannt die Wellen beobachten, …

Haus Johanna Logo
Haus Johanna
Familie Gatternig

Am Waldrand 47
9871 Seeboden am Millstätter See

Tel: +43 (0) 4762 82801
Mail: office@haus-johanna.co.at

Durch die weitere Nutzung der Seite stimmst du der Verwendung von Cookies zu. Weitere Informationen

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen