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 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, Trampolin, 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.
75m² groß, im Erdgeschoss, Hausseite rechts, bestehend aus zwei Doppelzimmer, eines nordseitig und eines mit Ostbalkon.
Eine Wohnung auf der ersten Etage ca. 55m² groß, für 2 bis 4 Personen.
Eine Wohnung auf der zweiten Etage, ca. 64m² groß, für 2 bis 4 Personen.
Eine Wohnung auf der zweiten Etage, ca. 40m² groß, für 2 Personen.
Eine Wohnung auf der zweiten Etage, ca. 55m² groß, für 2 bis 4 Personen.
Eine Wohnung auf der dritten Etage, ca. 61 m² groß, für 2 bis 6 Personen.
/* 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
Familie Gatternig
Familie Gatternig
—
Am Waldrand 47
9871 Seeboden am Millstätter See
Am Waldrand 47
9871 Seeboden am Millstätter See
—
Tel: +43 (0) 4762 82801
Mail: office@haus-johanna.co.at