:root{
--faq-accent: #871715;
--faq-border: rgba(135, 23, 21, 0.38);
--faq-border-width: 1.5px;
} .lq-faq-wrap{
max-width: 980px;
margin: 0 auto;
}
.lq-faq-list{
display: flex;
flex-direction: column;
gap: 14px;
} .lq-faq-item{
border: var(--faq-border-width) solid var(--faq-border);
border-radius: 22px;
background: #ffffff;
overflow: hidden;
box-shadow: 0 10px 24px rgba(0,0,0,0.035);
transition:
box-shadow 0.26s ease,
transform 0.26s ease,
border-color 0.26s ease;
}
.lq-faq-item:hover{
transform: translateY(-1px);
box-shadow: 0 14px 26px rgba(0,0,0,0.045);
border-color: rgba(135, 23, 21, 0.5);
}
.lq-faq-item.is-open{
box-shadow: 0 16px 30px rgba(0,0,0,0.05);
border-color: rgba(135, 23, 21, 0.5);
} .lq-faq-question{
width: 100%;
border: 0;
background: #ffffff;
padding: 18px 22px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
text-align: left;
cursor: pointer;
font: inherit;
}
.lq-faq-question:focus-visible{
outline: 2px solid rgba(135, 23, 21, 0.22);
outline-offset: -2px;
}
.lq-faq-question-text{
font-size: 16px;
font-weight: 700;
color: #111;
line-height: 1.45;
transition: color 0.22s ease;
}
.lq-faq-question:hover .lq-faq-question-text{
color: var(--faq-accent);
} .lq-faq-question,
.lq-faq-question:hover,
.lq-faq-question:focus,
.lq-faq-question:active,
.lq-faq-question:focus-visible{
border: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
outline: none !important;
text-decoration: none !important;
appearance: none !important;
-webkit-appearance: none !important;
}
.lq-faq-question::before,
.lq-faq-question::after{
content: none !important;
display: none !important;
} .lq-faq-more{
margin-top: 22px;
text-align: center;
}
.lq-faq-more-link{
display: inline-flex;
align-items: center;
justify-content: center;
padding: 11px 22px;
color: #871715;
background: rgba(135,23,21,.05);
border: 1px solid rgba(135,23,21,.22);
border-radius: 999px;
font-size: 15px;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
transition:
background-color .18s ease,
border-color .18s ease,
color .18s ease,
transform .12s ease,
box-shadow .18s ease;
}
.lq-faq-more-link:hover{
background: rgba(135,23,21,.09);
border-color: rgba(135,23,21,.34);
color: #6f1211;
box-shadow: 0 8px 18px rgba(135,23,21,.10);
transform: translateY(-1px);
}
.lq-faq-more-link:active{
transform: translateY(0);
box-shadow: 0 4px 10px rgba(135,23,21,.08);
} .lq-faq-chevron{
width: 30px;
height: 30px;
min-width: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: #871715;
color: #ffffff;
box-shadow: 0 6px 14px rgba(135, 23, 21, 0.16);
transition:
transform 0.24s ease,
background 0.24s ease,
box-shadow 0.24s ease;
}
.lq-faq-chevron svg{
width: 13px;
height: 13px;
display: block;
}
.lq-faq-item.is-open .lq-faq-chevron{
transform: rotate(180deg);
background: #9a1a18;
box-shadow: 0 8px 16px rgba(135, 23, 21, 0.2);
} .lq-faq-answer{
max-height: 0;
overflow: hidden;
transition: max-height 0.34s ease;
}
.lq-faq-answer-inner{
padding: 16px 22px 20px 22px;
font-size: 16px;
line-height: 1.65;
color: #222;
background: #fdfcfc !important;
border-top: none !important;
box-shadow: inset 0 calc(var(--faq-border-width)) 0 var(--faq-border) !important;
} .lq-faq-answer-inner p{
margin: 0 0 10px 0;
}
.lq-faq-answer-inner p:last-child{
margin-bottom: 0;
} .lq-faq-empty{
padding: 18px 20px;
border: 1px solid rgba(17,17,17,0.08);
border-radius: 16px;
background: #fafafa;
color: #333;
} @media (max-width: 768px){
.lq-faq-wrap{
max-width: 92%;
margin: 0 auto;
}
.lq-faq-list{
gap: 12px;
}
.lq-faq-item{
border-radius: 18px;
}
.lq-faq-question{
padding: 15px 16px;
gap: 12px;
}
.lq-faq-question-text{
font-size: 15px;
line-height: 1.4;
}
.lq-faq-answer-inner{
padding: 14px 16px 16px 16px;
font-size: 15px;
line-height: 1.6;
border-top: none !important;
box-shadow: inset 0 calc(var(--faq-border-width)) 0 var(--faq-border) !important;
}
.lq-faq-chevron{
width: 28px;
height: 28px;
min-width: 28px;
}
.lq-faq-chevron svg{
width: 12px;
height: 12px;
}
}.lq-review-wrap{
max-width:760px;
margin:0 auto;
} .lq-review-box{
background:#fff;
border:1px solid #eee;
border-radius:18px;
padding:26px 26px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}  .lq-field{
margin:18px 0;
}
.lq-field label{
display:block;
font-weight:400;
font-size:16px;
margin:0 0 7px;
color:#111;
letter-spacing:-0.01em;
} .lq-req{
color:#871715;
font-weight:700;
margin-left:4px;
}  .lq-field input,
.lq-field textarea{
width:100%;
box-sizing:border-box;
padding:14px 14px;
border:1px solid #e6e6e6;
border-radius:14px;
font-size:15px;
line-height:1.35;
font-weight:400;
color:#111;
outline:none;
background:#fff;
} .lq-field textarea{
min-height:120px;
resize:vertical;
} .lq-field input:focus,
.lq-field textarea:focus{
border-color:#bfbfbf;
box-shadow:0 0 0 4px rgba(0,0,0,.04);
}  .lq-input-error{
border-color:rgba(220,38,38,.45) !important;
box-shadow:0 0 0 4px rgba(220,38,38,.10) !important;
}  .lq-row{
display:flex;
gap:18px;
flex-wrap:wrap;
} .lq-row .lq-field{
flex:1;
min-width:240px;
margin:12px 0;
}  .lq-note{
font-size:13px;
line-height:1.45;
color:rgba(17,17,17,.72);
margin-top:8px;
font-weight:400;
} .lq-note-center{
text-align:center;
margin-top:14px;
}  .lq-stars{
display:flex;
gap:10px;
align-items:center;
margin-top:6px;
} .lq-stars.is-error{
padding:8px 10px;
border:1px solid rgba(220,38,38,.45);
border-radius:12px;
box-shadow:0 0 0 4px rgba(220,38,38,.10);
} .lq-star-btn{
background:transparent;
border:0;
padding:0;
cursor:pointer;
line-height:1;
} .lq-star{
font-size:26px;
display:inline-block;
color:#bfbfbf;
text-shadow:0 1px 0 rgba(0,0,0,.06);
transition:transform .08s ease, color .12s ease;
} .lq-star-btn:hover .lq-star{
transform:translateY(-1px);
} .lq-star.is-on{
color:#871715;
} .lq-stars-hint{
font-size:14px;
color:#666;
margin-top:10px;
} .lq-field-error{
margin-top:8px;
font-size:14px;
color:#991b1b;
font-weight:600;
}  .lq-btn{
width:100%;
margin-top:18px;
padding:14px 18px;
border:0;
border-radius:16px;
cursor:pointer;
background:#871715;
color:#fff;
font-weight:750;
font-size:16px;
box-shadow:0 10px 24px rgba(122,15,18,.25);
} .lq-btn:hover{
filter:brightness(1.04);
} .lq-btn:active{
transform:translateY(1px);
} .lq-msg{
margin:14px 0;
padding:14px 16px;
border-radius:16px;
font-weight:600;
} .lq-msg.ok{
background:#ecfdf3;
border:1px solid #b7f0b7;
color:#11643a;
} .lq-msg.err{
background:#fff1f2;
border:1px solid #fecdd3;
color:#9f1239;
}  .lq-check{
display:flex;
align-items:flex-start;
gap:10px;
margin-top:10px;
} .lq-check input[type="checkbox"]{
appearance:none;
-webkit-appearance:none;
width:14px;
height:14px;
flex:0 0 14px;
border:1.2px solid #cfcfcf;
border-radius:3px;
background:#fff;
cursor:pointer;
position:relative;
margin:2px 0 0 0;
padding:0;
line-height:0;
transform:scale(0.92);
transform-origin:left top;
} .lq-check input[type="checkbox"]:checked{
background:#871715;
border-color:#871715;
} .lq-check input[type="checkbox"]:checked::after{
content:'';
position:absolute;
left:50%;
top:50%;
width:3px;
height:7px;
border:solid #fff;
border-width:0 2px 2px 0;
transform:translate(-50%,-58%) rotate(45deg);
} .lq-check input[type="checkbox"]:focus{
outline:none;
box-shadow:0 0 0 3px rgba(135,23,21,.12);
} .lq-check label{
display:inline;
font-size:13px;
line-height:1.35;
font-weight:600;
color:#111;
margin:0;
} .lq-check a{
color:#871715;
text-decoration:underline;
}
.lq-check a:hover{
text-decoration:none;
}  .lq-review-list{
max-width:780px;
margin:0 auto;
}  .lq-review-slider{
position:relative;
max-width:780px;
margin:0 auto;
padding:0 86px;
} .lq-review-viewport{
overflow:hidden;
width:100%;
padding:16px 0 22px 0;
} .lq-review-track{
display:flex;
align-items:stretch;
} .lq-review-slide{
flex:0 0 50%;
box-sizing:border-box;
padding:8px 12px 16px;
display:flex;
} .lq-slider-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:48px;
height:48px;
border:none;
border-radius:999px;
background:#871715;
color:#fff;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
line-height:0;
padding:0;
box-shadow:0 12px 24px rgba(122,15,18,.24);
transition:filter .12s ease, box-shadow .12s ease;
z-index:5;
font-size:0;
} .lq-slider-prev{
left:0;
} .lq-slider-next{
right:0;
} .lq-slider-arrow::before{
content:'';
display:block;
width:10px;
height:10px;
border-top:4px solid #fff;
border-right:4px solid #fff;
box-sizing:border-box;
position:relative;
} .lq-slider-prev::before{
transform:rotate(-135deg);
left:1px;
} .lq-slider-next::before{
transform:rotate(45deg);
left:-1px;
} .lq-slider-arrow:hover{
filter:brightness(1.05);
box-shadow:0 14px 28px rgba(122,15,18,.28);
transform:translateY(-50%);
} .lq-slider-arrow:active{
transform:translateY(-50%);
} .lq-slider-arrow:focus{
outline:none;
}
.lq-slider-arrow:focus-visible{
outline:2px solid rgba(135,23,21,.30);
outline-offset:3px;
} .lq-review-item{
border:1px solid #e6e6e6;
border-radius:18px;
padding:18px 20px 12px;
min-height:198px;
margin:0;
background:#fff;
width:100%;
box-shadow:0 14px 30px rgba(0,0,0,.08);
display:grid;
grid-template-rows:
52px
52px
18px
16px;
row-gap:8px;
align-content:start;
}
.lq-review-item.is-expanded{
grid-template-rows:
52px
auto
18px
16px;
}
.lq-review-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
flex-wrap:nowrap;
}
.lq-review-name{
margin:0;
padding:0;
font-weight:700;
font-size:22px;
color:#111;
line-height:1.15;
flex:1;
min-width:0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.lq-review-stars{
display:flex;
gap:5px;
align-items:flex-start;
align-self:flex-start;
flex-shrink:0;
padding-top:2px;
}
.lq-review-stars .lq-star{
font-size:28px;
color:#d4d4d4;
line-height:1;
}
.lq-review-stars .lq-star.is-on{
color:#7a0f12;
}
.lq-review-text{
margin:0;
font-size:16px;
color:#222;
line-height:1.5;
overflow-wrap:anywhere;
word-break:break-word;
min-height:48px;
align-self:start;
}
.lq-review-text p{
margin:0;
line-height:inherit;
}
.lq-review-text p + p{
margin-top:6px;
}
.lq-review-text.lq-clamp{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.lq-review-item.is-expanded .lq-review-text{
min-height:0;
}
.lq-more{
margin:0;
align-self:flex-start;
background:transparent;
border:0;
padding:0;
cursor:pointer;
color:#7a0f12;
font-weight:700;
font-size:12.5px;
line-height:1.2;
text-decoration:underline;
outline:none;
box-shadow:none;
display:inline-block;
min-height:18px;
visibility:hidden;
opacity:0.9;
pointer-events:none;
}
.lq-more.is-visible{
visibility:visible;
opacity:1;
pointer-events:auto;
}
.lq-more:focus{
outline:none;
}
.lq-more:hover{
opacity:0.8;
}
.lq-more:focus-visible{
outline:2px solid rgba(122,15,18,.35);
outline-offset:3px;
border-radius:8px;
}
.lq-review-date{
margin:0;
color:#6b6b6b;
font-size:13px;
line-height:1.2;
min-height:16px;
align-self:start;
} @media (min-width: 769px) and (max-width: 1100px){
.lq-review-slider{
padding:0 78px;
}
.lq-review-viewport{
padding:14px 0 20px 0;
}
.lq-review-slide{
flex:0 0 100%;
padding:10px 0 14px;
display:flex;
}
.lq-slider-arrow{
width:50px;
height:50px;
}
.lq-slider-arrow::before{
width:11px;
height:11px;
border-top:3px solid #fff;
border-right:3px solid #fff;
}
.lq-slider-prev{
left:10px;
}
.lq-slider-next{
right:10px;
}
.lq-review-item{
min-height:188px;
padding:16px 18px 10px;
grid-template-rows:
58px
46px
18px
16px;
row-gap:7px;
}
.lq-review-item.is-expanded{
grid-template-rows:
58px
auto
18px
16px;
}
.lq-review-head{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
gap:4px;
min-height:58px;
}
.lq-review-name{
max-width:100%;
min-height:0;
padding:0;
font-size:22px;
line-height:1.12;
margin:0;
}
.lq-review-stars{
display:flex;
gap:5px;
align-items:center;
margin:0;
line-height:1;
padding:0;
}
.lq-review-stars .lq-star{
font-size:23px;
line-height:1;
}
.lq-review-text{
font-size:16px;
line-height:1.42;
min-height:44px;
margin:0;
}
.lq-more{
font-size:12.5px;
min-height:18px;
margin:0;
line-height:1.2;
}
.lq-review-date{
font-size:13px;
min-height:16px;
margin:0;
line-height:1.2;
}
} @media (max-width: 768px){
.lq-review-slider{
padding:0 56px;
}
.lq-review-viewport{
padding:16px 0 18px 0;
}
.lq-review-slide{
flex:0 0 100%;
padding:8px 0 10px;
display:flex;
}
.lq-slider-arrow{
width:40px;
height:40px;
}
.lq-slider-arrow::before{
width:9px;
height:9px;
border-top:3px solid #fff;
border-right:3px solid #fff;
}
.lq-slider-prev{
left:6px;
}
.lq-slider-next{
right:6px;
}
.lq-review-item{
min-height:198px;
padding:16px 14px 10px;
grid-template-rows:
78px
44px
18px
14px;
row-gap:8px;
}
.lq-review-item.is-expanded{
grid-template-rows:
78px
auto
18px
14px;
}
.lq-review-head{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
gap:3px;
min-height:0;
text-align:center;
}
.lq-review-name{
max-width:100%;
font-size:19px;
line-height:1.15;
margin:0;
padding:0;
display:block;
text-align:center;
overflow:hidden;
max-height:calc(2 * 1.15em + 6px);
word-break:normal;
overflow-wrap:break-word;
-webkit-line-clamp:unset;
-webkit-box-orient:unset;
}
.lq-review-stars{
display:flex;
justify-content:center;
align-items:center;
gap:5px;
margin:0;
line-height:1;
padding:0;
width:100%;
}
.lq-review-stars .lq-star{
font-size:22px;
line-height:1;
}
.lq-review-text{
font-size:15px;
line-height:1.42;
min-height:42px;
margin:0;
text-align:center;
align-self:start;
}
.lq-review-text p{
margin:0;
line-height:inherit;
}
.lq-review-text p + p{
margin-top:4px;
}
.lq-review-item.is-expanded .lq-review-text{
min-height:0;
}
.lq-more{
font-size:12px;
min-height:18px;
margin:0 auto;
line-height:1.2;
align-self:center;
text-align:center;
}
.lq-review-date{
font-size:12px;
min-height:14px;
margin:0 auto;
line-height:1.2;
text-align:center;
align-self:center;
}
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.familie-quehenberger.at/wp-content/themes/theme-familie-quehenberger/assets/fonts/montserrat-regular.ttf) format('truetype');
}
@font-face {
font-family: 'Parisienne';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.familie-quehenberger.at/wp-content/themes/theme-familie-quehenberger/assets/fonts/parisienne-regular.ttf) format('truetype');
}
html, body {
height: auto; margin: 0;
padding: 0;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 1.6;
color: black;
}
body {
display: flex;
flex-direction: column; min-height: 100vh; }
h1, h2, h3, h4 {
font-family: 'Parisienne', cursive;
font-weight: 400; 
color: black;
margin-top: 1.5em;
margin-bottom: 0.5em;
}
h1 { font-size: 60px; } 
h2 { font-size: 40px; } 
h3 { font-size: 28px; } 
.nav-list li a, .btn-header, .footer {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 15px;
text-transform: none; }
main {
flex: 1; max-width: 1200px;    
margin: 40px auto;
padding: 0 40px;
width: 100%;
box-sizing: border-box;
} .main-header {
background: #ffffff;
height: 90px;
display: flex;
align-items: center; position: sticky;
top: 0;
z-index: 999;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.03);
max-width: 100%;
box-sizing: border-box; }
.header-container {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0 40px;
display: flex;
justify-content: space-between; align-items: center;
}
.logo {
width: 250px;
height: 90px;
overflow:hidden;
display: flex;
align-items:center;
}
.logo img{
height: 250px;
width: auto;
object-fit: cover;
object-position:center; display: block;
} .header-right {
display: flex;
align-items: center;
gap: 20px; } .landhaus-actions {
display: flex;
gap: 10px;
}
.btn-header{
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
background-color: white;
border: 1px solid;
transition: 0.3s;
}
.btn-back-icon {
width: 28px;
height: auto;
transition: transform 0.3s ease, filter 0.3s ease;
vertical-align: middle;
}
.btn-header:hover .btn-back-icon {
opacity: 0.8;
}
.btn-back-landhaus .btn-back-icon{
filter: brightness(0) saturate(100%) invert(11%) sepia(89%) saturate(3176%) hue-rotate(353deg) brightness(95%) contrast(87%);
}
.btn-header.btn-back-landhaus{
border-color: #871715;
}
.btn-back-svh-maishofen .btn-back-icon {
filter: brightness(0) saturate(100%) invert(11%) sepia(58%) saturate(2705%) hue-rotate(204deg) brightness(94%) contrast(107%);
}
.btn-header.btn-back-svh-maishofen {
border-color: #001F54;
}
.btn-back-svh-stuhlfelden .btn-back-icon {
filter: brightness(0) saturate(100%) invert(26%) sepia(58%) saturate(370%) hue-rotate(91deg) brightness(95%) contrast(87%);
}
.btn-header.btn-back-svh-stuhlfelden{
border-color: #2D5A3F;
}
.btn-anfrage,
.btn-bewertung {
color: #871715;
border-color: #871715;
}
.btn-anfrage:hover,
.btn-bewertung:hover {
color: #c16f6e;
border-color: #c16f6e;
}
.btn-kontakt-maishofen {
color: #001F54;
border-color: #001F54;
}
.btn-kontakt-maishofen:hover {
color: #4a6f9e;
border-color: #4a6f9e;
}
.btn-kontakt-stuhlfelden {
color: #2D5A3F;
border-color: #2D5A3F;
}
.btn-kontakt-stuhlfelden:hover {
color: #5f7f68;
border-color: #5f7f68;
}
.nav-menu {
display: none; position: absolute;
top: 80px;
right: 40px;
left: auto;
width: 350px;
background: #ffffff;
padding: 5px 0;
border-top: 1px solid #eee;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); 
border-radius: 8px;
z-index: 1000;
}
.nav-menu.is-active{
display: block; }
.nav-menu ul {
list-style: none !important; padding: 0;
margin: 0;
}
.nav-menu ul li {
margin: 0;
text-align: left;
list-style-type: none !important;
} .nav-menu ul li a {
color: black !important;
text-decoration: none !important;
font-size: 18px;
font-weight: 400;
display: block;
padding: 12px 25px; transition: 0.3s;
} .nav-menu ul li.current-menu-item a {
color: black !important;
font-weight: bold !important;
} .menu-toggle {
display: flex;
flex-direction: column;
gap: 7px;
background: none;
border: none;
cursor: pointer;
padding: 10px;
}
.bar {
width: 40px;
height: 4px;
background-color: black;
transition: 0.3s;
} .nav-menu ul li a:hover {
color: #5E5D5D;
}
@media (max-width: 1024px) {
h1 { font-size: 45px; }
h2 { font-size: 32px; }
main {
padding: 0 20px;
margin: 20px auto;
}
.logo {
width: 180px;
}
.btn-header {
padding: 8px 12px;
font-size: 13px;
}
}
@media (max-width: 768px) {
html, body {
overflow-x: hidden;
}
h1 { font-size: 38px; }
h2 { font-size: 28px; }
main {
padding: 0 15px;
margin: 15px auto;
}
.main-header {
height: 70px;
}
.header-container {
padding: 0 15px;
}
.logo {
width: 140px;
height: 70px;
}
.logo img {
height: 140px;
} .landhaus-actions, 
.haus-actions {
display: none; } .btn-header.btn-back-landhaus,
.btn-header.btn-back-svh-maishofen,
.btn-header.btn-back-svh-stuhlfelden {
padding: 5px 10px;
}
.btn-back-icon {
width: 22px;
} .bar {
width: 30px;
height: 3px;
}
.nav-menu {
display: block; position: fixed;
top: 0;
right: -100%; width: 70%;
height: 95%;
background: white;
transition: right 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
z-index: 1000;
box-shadow: -5px 0 25px rgba(0,0,0,0.15);
border-radius: 0;
}
.nav-menu.is-active {
margin-top: 50px;
right: 0;
}
.nav-menu ul li a {
font-size: 15px;
padding: 5px 30px;
border-bottom: 1px solid #f5f5f5;
}
} .main-footer{
background-image: linear-gradient(rgba(198, 160, 54, 0.2), rgba(155, 132, 68, 0.5)), url(//www.familie-quehenberger.at/wp-content/themes/theme-familie-quehenberger/assets/img/holzhintergrund.jpg); background-size: cover;
background-position: center;
padding: 60px 0;
text-align: center;
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.footer-socials {
margin-bottom: 30px;
display: flex;
justify-content: center;
gap: 20px;
}
.footer-socials a {
display: inline-block;
transition: transform 0.3s ease;
}
.facebook-icon,
.instagram-icon{
width: 50px;
height: 50px;
display: block;
}
.facebook-icon {
filter: brightness(0) invert(1);
} .footer-links a:not(:last-child)::after {
content: "|";          
margin-left: 15px;
margin-right: -15px; color: #ffffff;
pointer-events: none; }
.footer-links {
display: flex;
justify-content: center;
gap: 30px;
}
.footer-links a {
color: #ffffff;
text-decoration: none;
font-size: 25px;
transition: opacity 0.3s;
white-space: nowrap; word-break: keep-all; hyphens: none;
}
.footer-links a:hover, .facebook-icon:hover, .instagram-icon:hover {
opacity: 0.7;
} @media (max-width: 1024px) {
.footer-links a {
font-size: 24px;
gap: 20px;
}
.facebook-icon, .instagram-icon {
width: 40px;
height: 40px;
}
} @media (max-width: 768px) {
.main-footer {
padding: 40px 0;
}
.footer-socials {
gap: 15px;
margin-bottom: 20px;
}
.facebook-icon, .instagram-icon {
width: 35px;
height: 35px;
}
.footer-links {
flex-direction: row; flex-wrap: wrap; gap: 15px;
}
.footer-links a {
font-size: 18px;
}
.footer-links a:not(:last-child)::after {
margin-left: 10px;
margin-right: -10px;
}
} .startseite {
max-width: 100%;
margin: 0 auto;
padding: 0;
overflow-x: hidden; } .hero {
position: relative;
width: 100%;
height: 90vh;
}
.hero-slider {
position: relative;
width: 100%;
height: 100%;
}
.slide {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out; z-index: 1;
}
.slide.active {
opacity: 1;
z-index: 2;
}
.slide img {
width: 100%;
height: 100%;
object-fit: cover; }
.slider-next, .slider-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: none; border: none; cursor: pointer;
z-index: 20; padding: 20px; transition: all 0.3Fs ease;
display: flex;
align-items: center;
justify-content: center;
} .slider-next .arrow-icon, 
.slider-prev .arrow-icon {
width: 50px; height: auto;
filter: brightness(0) invert(1) drop-shadow(2px 2px 4px rgba(0,0,0,0.3)); transition: transform 0.3s ease;
} .slider-next {
right: 30px;
}
.slider-prev {
left: 30px;
} .slider-next:hover .arrow-icon {
transform: translateX(10px); }
.slider-prev:hover .arrow-icon {
transform: translateX(-10px); } .slider-next:hover, .slider-prev:hover {
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
} .welcome {
text-align: center;
padding: 20px 20px;
max-width: 800px;
margin: 0 auto;
} .haus-section-wrapper {
max-width: 1400px; margin: 0 auto 100px auto;
}
.haus-block {
display: flex;
align-items: center;
position: relative;
padding: 20px 0;
max-width: 100%; }
.haus-reverse {
flex-direction: row-reverse; } .haus-img {
flex: 0 0 35%; max-width: 500px;
z-index: 10;
position: relative;
line-height: 0; }
.haus-img img {
width: 100%;
height: auto; object-fit: contain; display: block;
box-shadow: 10px 10px 25px rgba(0,0,0,0.2);
} .haus-content {
flex: 0 0 100%; padding: 60px 20% 60px 20%; color: white;
margin-left: -15%; z-index: 5;
position: relative;
min-height: 500px;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box; }
.haus-reverse .haus-content {
margin-left: 0;
margin-right: -15%; padding: 60px 20% 60px 20%
}
.box-rot { background-color: #871715; }
.box-blau { background-color: #001F54; }
.box-gruen { background-color: #2D5A3F; }
.haus-content h3 {
color: white;
margin-top: 0;
margin-bottom: 20px;
}
.haus-content p {
font-size: 15px;
line-height: 1.5;
max-width: 930px; 
} .haus-contact-row {
display: flex;
justify-content: center; align-items: flex-start; gap: 80px; padding: 40px 20px 0 20px; font-size: 15px;
color: #333;
width: 100%; box-sizing: border-box;
}
.contact-icon {
width: 18px;
height: auto;
margin-right: 10px;
vertical-align: middle;
}
.contact-red-box .contact-icon,
.contact-blue-box .contact-icon,
.contact-green-box .contact-icon,
.haus-contact .contact-icon{
filter: brightness(0) invert(1);
}
.contact-details p {
margin: 5px 0;
display: flex;
align-items: center;
}
.arrow-link {
position: absolute;
bottom: 50px;
right: 20%; z-index: 30; display: block;
width: 40px; height: auto;
transition: transform 0.3s ease;
}
.haus-reverse .arrow-link {
right: 20%; left: auto; } .arrow-icon {
width: 100%;
height: auto;
filter: brightness(0) invert(1); 
}
.arrow-link:hover {
transform: translateX(10px);
} @media (max-width: 1024px) {
.hero { height: 60vh; }
.slider-next .arrow-icon, 
.slider-prev .arrow-icon { width: 35px; } .haus-block, 
.haus-reverse {
flex-direction: column; align-items: center;
margin-bottom: 60px;
padding: 0 20px;
}
.haus-img {
flex: 0 0 100%;
max-width: 90%;
margin: 0 auto;
z-index: 11;
}
.haus-content {
flex: 0 0 100%;
width: 100%;
max-width: 600px; 
margin: -50px auto 0 auto; 
padding: 60px 40px 100px 40px;
text-align: center;
min-height: auto;
border-radius: 8px;
} .arrow-link, 
.haus-reverse .arrow-link {
position: relative; right: auto;
left: auto;
margin: 30px auto 0 auto;
bottom: 0;
width: 50px;
}
}
@media (max-width: 768px) {
.hero { height: 50vh; }
h1 { font-size: 40px; }
h2 { font-size: 32px; }
h3 { font-size: 26px; }
.welcome { padding: 30px 20px; } .haus-img {
max-width: 100%;
}
.haus-content {
width: 95%;
padding: 50px 25px 80px 25px;
margin-top: -30px;
}
.haus-content p {
font-size: 13px;
line-height: 1.6;
} .haus-contact-row {
flex-direction: column;
gap: 20px;
padding: 30px 20px;
align-items: center;
}
.contact-details p {
justify-content: center;
}
.slider-next, .slider-prev {
padding: 10px;
}
.slider-next { right: 10px; }
.slider-prev { left: 10px; }
} .landhaus-page {
max-width: 100%;
margin: 0;
padding: 0;
}
.hero-video {
background-color: #ffffff;
max-height: 90vh;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.hero-video-element { opacity: 0;
width: 100%;
height: 100%;
object-fit: contain;
transition: opacity 0.8s ease-in-out;
z-index: 2;
}
.hero-video-element.video-visible {
opacity: 1;
}
#videoFallback {
display: none; position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; 
z-index: 1;
}
.landhaus-title{
text-align: center; max-width: 800px;
margin: 0 auto; padding: 60px 0 20px 0;
}
.landhaus-title h1{
color: #871715;
margin: 0;
}
.landhaus-intro-wrapper {
position: relative;
width: 100%;
margin-bottom: 80px;
padding: 50px 0 40px 0;
}
.gallery-item img {
width: 100%;
aspect-ratio: 4 / 3; height: 250px;
object-fit: cover;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
margin-bottom: 15px;
transition: transform 0.3s ease;
}
.gallery-item:hover img {
transform: scale(1.05); }
html {
scroll-behavior: smooth;
}
.gallery-item h3 {
font-family: 'Montserrat', sans-serif; font-size: 18px;
margin-top: 10px;
word-wrap: break-word; hyphens: auto; } .gallery-item a {
text-decoration: none;
color: inherit;
display: block;
} .subpage-layout {
max-width: 100%;
margin: 0 auto;
padding: 0;
}
.subpage-layout .hero{
max-width: 70%;
margin: 0px auto;
height: 80vh;
border-radius: 15px;
overflow: hidden;
object-fit: contain;
}
.subpage-layout .house-slider .hero{
max-width: 70%;
margin: 0px auto;
height: 80vh;
object-fit: contain;
}
.subpage-layout .compact-section {
padding: 20px 0 20px 0;
margin: 0 auto;
}
.subpage-layout .house-details {
margin: 20px auto;
}
.subpage-layout .house-info-block {
margin: 40px 0 40px 0;
gap: 30px;
}
.landhaus-desc{
text-align: center;
max-width: 800px;
margin: 0 auto; padding: 50px 0 40px 0;
} .subpage-layout .house-slider {
margin-top: 10px;
padding: 50px 0; }
.subpage-layout .contact-footer {
margin-top: 80px; }
.single-image {
width: 100%;
padding: 30px 0;
display: flex;
justify-content: center;
}
.single-image img{
border-radius: 15px;
display: block;
} .subpage-layout .preisliste-content {
max-width: 800px;
margin: 10px auto;
padding: 0px;
}
.subpage-layout .preisliste-content .wp-block-table,
.subpage-layout .preisliste-content table
{
width: 100%;
border-collapse: separate;
border-radius: 12px;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
}
.subpage-layout .preisliste-content table th {
background-color: #8B1A1A !important;
color: #ffffff;
padding: 15px;
text-align: center;
font-size: 16px;
}
.subpage-layout .preisliste-content table td {
padding: 15px;
text-align: center;
} .anfrage-hero{
max-width: 1000px;
margin: 0 auto;
padding: 40px 20px 20px 20px;
}
.anfrage-image{
max-width: 620px;
margin: 0 auto 25px auto;
}
.anfrage-image img{
width: 100%;
display: block;
border-radius: 18px;
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
.anfrage-title{
text-align: center;
margin-top: 2px;
margin-bottom: -5px;
}
.anfrage-title h1{
margin: 0;
font-family: 'Parisienne', cursive;
font-weight: 400;
font-size: 60px;
color: #871715;
} .jetzt-title{
text-align: center;
margin-top: -5px;
margin-bottom: 15px;
}
.jetzt-title h1{
margin: 0;
font-family: 'Parisienne', cursive;
font-weight: 400;
font-size: 60px;
color: #871715;
} .bewertung-page{
max-width: 100%;
margin: 0;
padding: 0;
}
.bewertung-hero{
max-width: 1000px;
margin: 0 auto;
padding: 40px 20px 20px 20px;
text-align: center;
}
.bewertung-image{
max-width: 650px;
margin: 0 auto 20px auto;
padding: 0;
}
.bewertung-image img{
width: 100%;
display: block;
border-radius: 18px;
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
.bewertung-title{
max-width: 760px;
margin: 30px auto 0px auto;
text-align: center !important;
padding: 0 20px;
}
.bewertung-title h1{
margin: 0 0 14px 0 !important;
font-family: 'Parisienne', cursive !important;
font-size: 60px !important;
font-weight: 400 !important;
line-height: 1.15 !important;
color: #871715 !important;
text-align: center !important;
} .gaeste-title{
max-width: 760px;
margin: 10px auto -15px auto;
text-align: center !important;
padding: 0 20px;
}
.gaeste-title h1{
margin: 0 0 14px 0 !important;
font-family: 'Parisienne', cursive !important;
font-size: 60px !important;
font-weight: 400 !important;
line-height: 1.15 !important;
color: #871715 !important;
text-align: center !important;
} .faq-title{
text-align: center;
margin-top: 30px;
margin-bottom: 15px;
}
.faq-title h1{
margin: 0;
font-family: 'Parisienne', cursive;
font-weight: 400;
font-size: 60px;
color: #871715;
}
.faq-intro{
text-align:center;
max-width:480px;
margin:10px auto 15px auto;
font-size:14px;
line-height:1.6;
color:black;
}  @media (min-width: 769px) and (max-width: 1100px){
.faq-title{
max-width: 620px;
margin: 24px auto 12px auto;
padding: 0 20px;
}
.faq-title h1{
font-size: 50px;
line-height: 1.15;
}
.faq-intro{
max-width: 520px;
margin: 8px auto 18px auto;
padding: 0 20px;
font-size: 14px;
line-height: 1.6;
box-sizing: border-box;
}
} @media (max-width: 768px){
.faq-title{
max-width: 360px;
margin: 20px auto 10px auto;
padding: 0 16px;
box-sizing: border-box;
}
.faq-title h1{
font-size: 42px;
line-height: 1.18;
word-break: normal;
overflow-wrap: break-word;
}
.faq-intro{
max-width: 100%;
margin: 8px auto 18px auto;
padding: 0 18px;
font-size: 14px;
line-height: 1.65;
box-sizing: border-box;
overflow-wrap: break-word;
word-break: normal;
}
} .faq-contact{
text-align:center;
margin-top:10px;
margin-bottom:10px;
} .faq-contact h2{
font-family:'Parisienne', cursive;
font-size:40px;
color:#871715;
margin-bottom: 8px;
} .faq-contact p{
font-size:14px;
color:black;
margin-bottom:21px;
} .faq-contact-btn{
display:inline-block;
background:#871715;
color:#fff;
padding:11px 22px;
border-radius:12px;
font-weight:600;
font-size:15px;
text-decoration:none;
transition:all .2s ease;
} .faq-contact-btn:hover{
background:#6f1211;
transform:translateY(-1px);
} .fragenantworten-title{
max-width: 760px;
margin: 30px auto 20px auto;
text-align: center !important;
padding: 0 20px;
}
.fragenantworten-title h1{
margin: 0 0 14px 0 !important;
font-family: 'Parisienne', cursive !important;
font-size: 60px !important;
font-weight: 400 !important;
line-height: 1.15 !important;
color: #871715 !important;
text-align: center !important;
}
.bewertung-title p{
margin: 0 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 17px !important;
line-height: 1.6 !important;
color: #555 !important;
text-align: center !important;
}
.bewertung-form-section{
padding: 0 20px 60px 20px;
}
.bewertung-form-section .container{
max-width: 100%;
}
.bewertung-form-section{
margin-top: -15px;
}
@media (max-width: 768px){
.bewertung-hero{
padding: 30px 20px 18px 20px;
}
.bewertung-image{
max-width: 100%;
margin: 0 auto 24px auto;
}
.bewertung-image img{
border-radius: 14px;
}
.bewertung-title{
margin: 0 auto 24px auto;
padding: 0 12px;
}
.bewertung-title h1{
font-size: 45px !important;
}
.bewertung-title p{
font-size: 16px !important;
line-height: 1.55 !important;
}
.bewertung-form-section{
padding: 0 20px 40px 20px;
}
}
.red-background-box {
background-color: #871715;
color: white;
padding: 60px 20px 120px 20px; 
text-align: center;
min-height: 200px;
}
.intro-text {
max-width: 800px;
margin: 0 auto;
} .landhaus-gallery {
display: flex;
justify-content: center;
gap: 30px;
max-width: 1200px;
margin: -120px auto 0 auto;
padding: 0 20px;
position: relative;
z-index: 5;
}
.gallery-item {
text-align: center;
flex: 1;
min-width: 0; display: flex;
flex-direction: column;
}
.house-slider{
margin-top: 60px;
width: 100%;
padding: 80px 0 100px 0;
}
.house-slider .hero {
height: 70vh; 
}
.house-details {
max-width: 1200px;
margin: 80px auto;
padding: 0 40px;
}
.house-info-block {
display: flex;
align-items: center;
gap: 60px;
margin-bottom: 100px;
}
.house-info-block .info-img {
position: relative;
height: 400px;
overflow: hidden;
}
.house-info-block .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.8s ease-in-out;
}
.house-info-block .slide.active {
opacity: 1;
} .house-info-block .slider-next .arrow-icon, 
.house-info-block .slider-prev .arrow-icon {
width: 30px; 
}
.house-info-block .slider-next { right: 10px; }
.house-info-block .slider-prev { left: 10px; }
.info-reverse {
flex-direction: row-reverse;
}
.info-img {
flex: 1; }
.info-img img {
width: 100%;
max-height: 400px;
object-fit: cover;
display: block;
}
.info-text {
flex: 1;
}
.landhaus-page .info-text h2 {
font-size: 45px;
color: #871715;
margin-top: 0;
}
.info-text p {
font-size: 16px;
line-height: 1.8;
} .btn-landhaus {
display: inline-block;
margin-top: 15px;
color: #871715;
text-decoration: underline;
font-weight: bold;
transition: 0.3s;
}
.intro-text .btn-landhaus {
color: white;
}
.btn-landhaus:hover {
color: #c16f6e;
}
.btn-svh-maishofen {
display: inline-block;
margin-top: 15px;
color: #001F54;
text-decoration: underline;
font-weight: bold;
transition: 0.3s;
}
.btn-svh-maishofen:hover {
opacity: 0.8;
}
.btn-svh-stuhlfelden {
display: inline-block;
margin-top: 15px;
color: #2D5A3F;
text-decoration: underline;
font-weight: bold;
transition: 0.3s;
}
.btn-svh-stuhlfelden:hover {
opacity: 0.8;
} .landhaus-teich-slider{
margin-top: 60px;
width: 80%;
padding: 80px 10% 100px 10%;
}
.landhaus-teich-slider .hero {
height: 80vh; 
}
contact-footer {
width: 100%;
margin-top: 80px;
}
.contact-red-box {
background-color: #871715;
color: white;
padding: 60px 20px;
text-align: center;
}
.contact-red-box h2 {
color: white;
font-size: 50px;
margin-bottom: 40px;
margin-top: 0;
}
.contact-grid {
display: flex;
justify-content: center;
gap: 100px; max-width: 1000px;
margin: 0 auto;
text-align: left; }
.contact-grid p {
margin: 5px 0;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
} @media (max-width: 1024px) {
.anfrage-title h1, 
.jetzt-title h1, 
.landhaus-title h1 {
font-size: 48px;
}
.landhaus-intro-wrapper {
display: flex;
flex-direction: column;
gap: 40px; 
margin-bottom: 60px;
}
.btn-landhaus {
display: inline-block;
margin-top: 20px;
margin-bottom: 20px; 
}
.landhaus-gallery {
margin-top: 20px; 
}
.subpage-layout .hero,
.subpage-layout .house-slider .hero {
max-width: 95%;
height: 50vh;
min-height: 350px;
position: relative;
display: block;
}
}
@media (max-width: 768px) {
.landhaus-title h1, 
.anfrage-title h1, 
.jetzt-title h1 {
font-size: 34px;
}
.landhaus-title {
padding: 20px 15px 10px 15px;
}
.landhaus-desc {
padding: 20px 15px;
font-size: 15px;
}
.contact-red-box h2 {
font-size: 30px;
}
.contact-red-box p {
font-size: 13px;
} .landhaus-intro-wrapper {
margin-bottom: 40px;
padding: 20px 0;
gap: 50px;
}
.red-background-box {
padding: 40px 20px; 
}
.intro-text {
padding-bottom: 10px;
text-align: center;
}
.btn-landhaus {
margin-bottom: 20px;
font-size: 16px;
padding: 12px 24px;
display: inline-block;
}
.landhaus-gallery {
flex-direction: column;
align-items: center;
gap: 40px; 
margin-top: 20px;
}
.gallery-item {
width: 100%;
max-width: 400px;
}
.gallery-item img {
height: 200px;
} .hero-video {
height: 50vh; 
}
.subpage-layout .hero, 
.subpage-layout .house-slider .hero {
max-width: 100%;
height: 40vh;
min-height: 250px;
border-radius: 0;
position: relative;
overflow: hidden;
} .house-info-block, 
.house-info-block.info-reverse { 
flex-direction: column !important; 
gap: 20px;
margin-bottom: 60px;
padding: 0 20px;
}
.house-info-block .info-img {
width: 100%;
height: 300px;
flex: none; 
order: 1;
}
.house-info-block .info-text {
width: 100%;
text-align: center;
order: 2;
padding: 0;
}
.house-info-block .slide img {
height: 300px;
object-fit: cover;
} .subpage-layout .compact-section {
padding: 10px 15px;
}
.subpage-layout .preisliste-content {
padding: 10px;
max-width: 100%;
overflow-x: auto;
}
.subpage-layout .preisliste-content table {
font-size: 12px;
}
.subpage-layout .preisliste-content table th, 
.subpage-layout .preisliste-content table td {
padding: 8px 2px;
} .anfrage-hero {
padding: 20px;
}
.anfrage-image {
max-width: 100%;
margin: 0 auto 24px auto;
}
.anfrage-image img {
border-radius: 14px;
}
.anfrage-title {
margin-bottom: 20px;
} .wp-block-columns {
flex-direction: column;
gap: 20px;
}
.contact-grid {
flex-direction: column;
gap: 40px;
padding: 0 30px;
text-align: center;
}
} .svh-maishofen-page {
max-width: 100%;
margin: 0;
padding: 0;
}
.svh-maishofen-title{
text-align: center; max-width: 900px;
margin: 0 auto; padding: 90px 0 20px 0;
}
.svh-maishofen-title h1{
color: #001F54;
margin: 0;
} .svh-maishofen-gallery-wrapper {
position: relative;
padding: 60px 0;
width: 100%;
overflow: hidden;
}
.blue-background-box {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #001F54;
height: 260px;
z-index: 1;
}
.svh-maishofen-gallery {
display: grid; grid-template-columns: repeat(3, 1fr);
justify-content: center;
gap: 20px;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 2;
}
.svh-maishofen-gallery .gallery-item h3 {
color: white; 
position: relative;
z-index: 2;
padding-top: 15px;
}
.svh-image {
width: 100%;
padding: 60px 0;
display: flex;
justify-content: center;
}
.house-image-container {
max-width: 1000px;
width: 100%;
padding: 0 40px
}
.house-image-container img {
width: 100%;
max-height: 550px;
object-fit: cover;
object-position: center;
display: block;
}
.svh-maishofen-page .info-text h2 {
font-size: 45px;
color: #001F54;
margin-top: 0;
} .svh-special-info-section {
width: 100%;
padding: 60px 0;
margin: 60px 0;
position: relative;
overflow: hidden;
}
.svh-special-info-section.blue-bg{
background-color: #001F54;
}
.special-info-container {
max-width: 1100px;
height: auto;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 40px;
} .special-info-content {
color: white;
width: 40%;
z-index: 2;
}
.special-title {
color: white !important;
margin-bottom: 20px;
} .special-info-image.hero-slider {
width: 50%;
height: 400px; position: relative;
} .special-info-image .slide img{
width: 100%;
height: 100%;
object-fit: contain;
object-position: center; }
.contact-blue-box {
background-color: #001F54;
color: white;
padding: 60px 20px;
text-align: center;
}
.contact-blue-box h2 {
color: white;
font-size: 50px;
margin-bottom: 40px;
margin-top: 0;
}
@media (max-width: 1024px) {
.svh-maishofen-title {
padding: 40px 20px 20px 20px;
}
.svh-maishofen-gallery {
display: grid;
grid-template-columns: 1fr; 
gap: 30px;
width: 90%;
margin: 0 auto;
justify-items: center; 
text-align: center;
}
.svh-maishofen-gallery .gallery-item {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.svh-maishofen-gallery .gallery-item img {
width: 100%; 
max-width: 600px; 
height: auto;
}
.blue-background-box {
height: 100%;
} .svh-maishofen-page h1, 
.svh-maishofen-page h2, 
.svh-maishofen-page h3 {
word-wrap: break-word;
hyphens: auto;
padding: 0 10px;
}
.special-info-container {
padding: 0 20px;
flex-direction: column;
text-align: center;
}
.special-info-content {
width: 100%;
margin-bottom: 30px;
}
.special-info-image.hero-slider {
width: 100%;
height: 350px; 
}
}
@media (max-width: 768px) {
.svh-maishofen-title h1 {
font-size: 34px;
}
.svh-maishofen-page .info-text h2 {
font-size: 28px;
}
.svh-maishofen-gallery-wrapper {
padding: 40px 0;
}
.svh-maishofen-gallery {
grid-template-columns: 1fr;
text-align: center;
padding: 0 30px;
}
.blue-background-box {
height: 100%; 
} .house-image-container {
padding: 0 15px;
}
.house-image-container img {
max-height: 350px;
}
.svh-special-info-section {
margin: 30px 0;
padding: 30px 0;
}
.special-info-container {
flex-direction: column;
height: auto;
padding: 40px 20px;
}
.special-info-content {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.special-info-image.hero-slider {
width: 100%;
height: 70vh;
}
.contact-blue-box h2 {
font-size: 30px;
margin-bottom: 20px;
}
.contact-blue-box p {
font-size: 13px;
}
} @media (min-width: 769px) and (max-width: 1100px){
.lq-faq-wrap{
max-width: 620px;
margin: 0 auto;
}
} .svh-stuhlfelden-page {
max-width: 100%;
margin: 0;
padding: 0;
}
.svh-stuhlfelden-title{
text-align: center; max-width: 900px;
margin: 0 auto; padding: 90px 0 20px 0;
}
.svh-stuhlfelden-title h1{
color: rgba(33, 78, 52, 0.89);
margin: 0;
}
.svh-stuhlfelden-title .intro-text {
max-width: 800px;
margin: 0 auto;
}
.svh-stuhlfelden-gallery-wrapper {
position: relative;
padding: 40px 0 80px 0;
width: 100%;
}
.green-background-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(33, 78, 52, 0.89);
height: 180px; 
z-index: 1;
}
.svh-stuhlfelden-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 40px 30px; max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 2;
}
.svh-stuhlfelden-page .info-text h2 {
font-size: 45px;
color: rgba(33, 78, 52, 0.89);
margin-top: 0;
}
.svh-special-info-section.green-bg{
background-color: rgba(33, 78, 52, 0.89);
}
.contact-green-box {
background-color: rgba(33, 78, 52, 0.89);
color: white;
padding: 60px 20px;
text-align: center;
}
.contact-green-box h2 {
color: white;
font-size: 50px;
margin-bottom: 40px;
margin-top: 0;
}
@media (max-width: 1024px) {
.svh-stuhlfelden-title {
padding: 40px 20px 20px 20px;
}
.svh-stuhlfelden-gallery {
grid-template-columns: 1fr; 
gap: 30px;
width: 90%;
margin: 0 auto;
justify-items: center;
text-align: center;
}
.svh-stuhlfelden-gallery .gallery-item {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.svh-stuhlfelden-gallery .gallery-item img {
width: 100%;
max-width: 600px; 
height: auto;
}
.svh-stuhlfelden-gallery .gallery-item h3 {
color: #ffffff;
font-size: 20px;
margin-top: 15px;
}
.green-background-box {
height: 100%; 
top: 0;
} .svh-stuhlfelden-page h1, 
.svh-stuhlfelden-page h2, 
.svh-stuhlfelden-page h3,
.svh-stuhlfelden-page .intro-text {
word-wrap: break-word;
hyphens: auto;
padding: 0 15px;
} .svh-stuhlfelden-gallery .gallery-item {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
}
@media (max-width: 768px) {
.svh-stuhlfelden-title h1 {
font-size: 32px;
}
.svh-stuhlfelden-page .info-text h2 {
font-size: 28px;
}
.svh-stuhlfelden-gallery-wrapper {
padding: 40px 0;
}
.svh-stuhlfelden-gallery {
grid-template-columns: 1fr;
width: 85%;
padding: 0;
}
.green-background-box {
height: 100%;
}
.contact-green-box h2 {
font-size: 30px;
margin-bottom: 20px;
}
.contact-green-box p {
font-size: 14px;
}
.svh-stuhlfelden-title .intro-text {
max-width: 100%;
padding: 0 10px;
}
}