body div.main_content .article .contact_text input, body div.main_content .article .contact_text textarea{
font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
outline:0;
font-weight:lighter}

body, html{
font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-variant-ligatures:none;
margin:0;
padding:0}

body h1, html h1{
margin-top:20px;
margin-bottom:-20px;
padding:0;
text-align:center;
font-size:17pt;
font-weight:lighter;
letter-spacing:10px;
white-space:pre-line;
word-wrap:break-word;
color:#422100}

a::after, a::before{
display:inline-block;
opacity:0;
transition:transform .3s, opacity .2s}

a::before{
margin-right:10px;
content:'[';
transform:translateX(20px)}

a::after{
margin-left:10px;
content:']';
transform:translateX(-20px)}

a:focus::after, a:focus::before, a:hover::after, a:hover::before{
opacity:1;
transform:translateX(0)}

body div.top_menu{
position:fixed;
width:100%;
height:50px;
background-color:rgba(255, 255, 255, .9);
border-bottom:1px solid #422100;
margin:0;
padding:0;
z-index:3}

body div.top_menu nav.inner_menu a, body div.top_menu nav.responsive_menu a{
position:relative;
width:calc(16.66% - 12px);
height:35px;
margin:6px;
color:#422100;
text-align:center;
font-size:18pt;
font-weight:lighter;
letter-spacing:2.5px;
cursor:pointer;
display:inline-block}

body div.top_menu nav.inner_menu{
position:absolute;
width:calc(100% - 600px);
height:50px;
left:300px;
margin:0;
padding:0}

body div.top_menu nav.responsive_menu{
position:fixed;
width:100%;
height:100%;
padding:100px;
margin:0;
top:50px;
background-color:rgba(0, 0, 0, .9);
display:none;
box-shadow:inset 0 -23px 70px -19px #2e2e2e}

body div.top_menu nav.responsive_menu a{
position:relative;
width:100%;
left:-100px;
padding:15px 0 10px;
margin:0;
color:#fff;
text-align:center;
font-size:20pt;
font-weight:lighter;
letter-spacing:7.5px;
cursor:pointer;
display:block}

body div.top_menu svg.responsive_menu_button{
position:absolute;
height:50px;
width:48px;
left:calc(50% - 24px);
cursor:pointer;
display:none}

body div.top_menu svg.responsive_menu_button .cls-1{
fill:none;
stroke:#422100;
stroke-linecap:round;
stroke-linejoin:round;
stroke-width:2px;
transition:stroke .25s}

body div.top_menu svg.responsive_menu_button:hover .cls-1{
stroke:grey}

body div.main_banner{
position:fixed;
width:100%;
height:500px;
z-index:-1}

body div.main_banner img{
position:absolute;
left:50%;
margin-left:-535px;
z-index:-1}

body div.main_banner.galerie img.background{
width:100%;
min-height:500px;
left:0;
margin:0;
padding:0}

body div.main_banner .gal_banner_container{
position:absolute;
width:calc(100% - 600px);
height:350px;
padding:0;
margin:0;
left:300px;
top:100px}

body div.main_banner .gal_banner_container .gal_banner_text{
width:calc(100% - 493px);
height:348px;
padding:0;
margin:0 12.5px 0 0;
border-top:1px solid #d3d3d3;
border-left:1px solid #d3d3d3;
border-right:1px solid #d3d3d3;
display:inline-block;
vertical-align:top}

body div.main_banner .gal_banner_container .gal_banner_text .text{
position:relative;
width:100%;
height:296px;
margin-left:10px;
color:gray;
font-size:20pt;
font-weight:lighter;
text-align:center;
letter-spacing:10px;
vertical-align:middle}

body div.main_banner .gal_banner_container .gal_banner_text .text:before{
content:'';
display:inline-block;
height:100%;
vertical-align:middle}

body div.main_banner .gal_banner_container .gal_banner_text .text_bottom{
position:absolute;
width:calc(100% - 493px);
padding:0;
margin:0;
bottom:-10px;
left:5px;
color:gray;
font-size:14pt;
font-weight:lighter;
text-align:center;
letter-spacing:10px}

body div.main_banner .gal_banner_container .gal_banner_text .line_bottom_left, body div.main_banner .gal_banner_container .gal_banner_text .line_bottom_right{
position:absolute;
width:225px;
left:0;
bottom:0;
border-bottom:1px solid #d3d3d3}

body div.main_banner .gal_banner_container .gal_banner_text .line_bottom_right{
left:auto;
right:491px}

body div.main_banner .gal_banner_container .gal_banner_img_container{
width:auto;
height:350px;
padding:0;
margin:0 0 0 12.5px;
display:inline-block;
vertical-align:top}

body div.main_banner .gal_banner_container .gal_banner_img_container img{
position:relative;
height:350px;
left:0;
margin-left:0}

body div.banner_transparency{
position:relative;
width:100%;
height:500px;
background-color:transparent;
display:block}

body div.banner_transparency .google_map{
position:relative;
width:100%;
height:449px;
top:50px;
border-bottom:1px solid #422100}

body div.overlay{
position:fixed;
width:100%;
height:100%;
top:51px;
background-color:rgba(255, 255, 255, .9);
display:none;
z-index:5}

body div.overlay .image_container{
position:relative;
top:calc(50% - 375px);
left:50%;
padding:0;
margin:0;
float:left}

body div.overlay .image_container img{
position:relative;
height:700px;
left:-50%;
float:left}

body div.overlay svg{
position:fixed;
width:50px;
cursor:pointer}

body div.overlay svg polygon{
fill:#000}

body div.overlay svg:hover polygon{
fill:grey}

body div.overlay svg.close_overlay_button{
top:100px;
right:50px}

body div.overlay svg.next_image_button{
top:50%;
right:50px;
margin-top:25px}

body div.overlay svg.previous_image_button{
top:50%;
left:50px;
margin-top:25px}

body div.main_content{
position:relative;
width:100%;
height:auto;
padding-bottom:75px;
background-color:#fff;
box-shadow:0 -10px 60px 10px rgba(0, 0, 0, .75);
z-index:2}

body div.main_content .article{
position:relative;
width:calc(100% - 600px);
height:auto;
left:300px;
padding:0;
margin-bottom:50px}

body div.main_content .article .headline{
width:100%;
height:auto;
padding:5px 0 10px;
text-align:center;
font-size:25pt;
font-weight:lighter;
letter-spacing:10px;
white-space:pre-wrap;
word-wrap:break-word;
color:#422100;
border-bottom:1px solid #422100;
margin-bottom:17.5px}

body div.main_content .article .image.left, 
body div.main_content .article .image_text.left{
padding-right:12.5px}

body div.main_content .article .image.right, 
body div.main_content .article .image_text.right{
padding-left:12.5px}

body div.main_content .article .clean_text{
width:100%;
text-align:justify;
font-weight:lighter;
letter-spacing:1px;
display:inline-block;
vertical-align:text-top}

body div.main_content .article .clean_text.left{
width:calc(50% - 12.5px);
padding-right:12.5px}

body div.main_content .article .clean_text.right{
width:calc(50% - 12.5px);
padding-left:12.5px}

body div.main_content .article .clean_text.centered{
text-align:center}

body div.main_content .article .image_text{
width:calc(100% - 425px);
text-align:justify;
font-weight:lighter;
letter-spacing:1px;
display:inline-block;
vertical-align:text-top}

body div.main_content .article .image{
width:400px;
padding-top:5px;
display:inline-block;
vertical-align:text-top}

body div.main_content .article .image img{
max-width:400px}

body div.main_content .article .gal{
width:calc(25% - 15px);
margin:10px;
display:inline-block;
vertical-align:top}

body div.main_content .article .gal .galerieImageContainer{
position:relative;
width:100%;
margin-top:10px;
margin-bottom:10px;
vertical-align:top;
display:none}

body div.main_content .article .gal .galerieImageContainer .galerieImage{
width:100%}

body div.main_content .article .gal .galerieImageContainer .imageTextContainer{
position:absolute;
width:calc(100% - 40px);
height:calc(100% - 40px);
top:20px;
left:20px;
background-color:rgba(255, 255, 255, .7);
cursor:pointer;
visibility:hidden;
opacity:0;
transition:visibility .25s, opacity .25s linear}

body div.main_content .article .gal .galerieImageContainer .imageTextContainer .imageText{
width:calc(100% - 10px);
margin:0 0 0 10px;
padding:0;
text-align:center;
font-weight:lighter;
letter-spacing:10px;
white-space:pre-wrap;
word-wrap:break-word;
vertical-align:middle;
display:inline-block}

body div.main_content .article .gal .galerieImageContainer .imageTextContainer:before{
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-.25em}

body div.main_content .article .gal .galerieImageContainer:hover .imageTextContainer{
visibility:visible;
opacity:1}

body div.main_content .article .gal.one{
margin-left:0;
margin-right:10px}

body div.main_content .article .gal.four{
margin-left:10px;
margin-right:0}

body div.main_content .article .contact_text{
display:inline-block;
vertical-align:text-top}

body div.main_content .article .contact_text input{
width:100%;
margin:15px 0;
padding:10px 5px;
text-align:center;
font-size:12pt;
letter-spacing:7.5px;
border:none;
border-bottom:1px solid #d3d3d3}

body div.main_content .article .contact_text .contact_submit{
width:100%;
text-align:center;
margin:15px 0;
padding:0}

body div.main_content .article .contact_text .contact_submit a{
margin:0 0 0 10px;
padding:0;
color:#422100;
font-size:15pt;
font-weight:lighter;
letter-spacing:7.5px;
cursor:pointer}

body div.main_content .article .contact_text textarea{
width:100%;
height:164px;
padding:25px 5px 5px;
text-align:left;
font-size:12pt;
letter-spacing:5px;
resize:none;
border:none;
border-bottom:1px solid #d3d3d3}

body div.main_content .article .contact_text.left{
width:calc(33.33% - 18.5px);
padding-right:12.5px}

body div.main_content .article .contact_text.right{
width:calc(66.66% - 12.5px);
padding-left:12.5px}

div.main_footer{
position:relative;
width:100%;
height:100px;
background-color:#fff;
border-top:1px solid #422100;
z-index:2}

div.main_footer .inner_footer{
position:absolute;
width:calc(100% - 600px);
height:100px;
left:300px;
margin:0;
padding:0}

div.main_footer .inner_footer .footer_content{
width:33.33%;
margin:0;
padding:20px 0;
text-align:center;
font-weight:lighter;
letter-spacing:2.5px;
display:inline-block}

div.main_footer .inner_footer .footer_content.left{
text-align:justify}

div.main_footer .inner_footer .footer_content.right{
text-align:right}

div.main_footer .inner_footer .footer_content.right a{
cursor:pointer}

@media only screen and (max-width:1825px){
body div.main_banner .gal_banner_container .gal_banner_text .line_bottom_left, body div.main_banner .gal_banner_container .gal_banner_text .line_bottom_right{
width:200px}

}

@media only screen and (max-width:1750px){
body div.main_banner .gal_banner_container .gal_banner_text .line_bottom_left, body div.main_banner .gal_banner_container .gal_banner_text .line_bottom_right{
width:150px}

}

@media only screen and (max-width:1675px){
body div.top_menu nav.inner_menu{
width:calc(100% - 400px);
left:200px}

body div.main_banner .gal_banner_container, body div.main_content .article, body div.main_footer .inner_footer{
width:calc(100% - 425px);
left:200px}

body div.overlay .image_container{
top:calc(50% - 325px)}

body div.overlay .image_container img{
height:600px}

}

@media only screen and (max-width:1475px){
body div.top_menu nav.inner_menu{
width:calc(100% - 200px);
left:100px}

body div.main_banner .gal_banner_container{
width:calc(100% - 225px);
left:100px}

body div.main_banner .gal_banner_container .gal_banner_text .line_bottom_left, body div.main_banner .gal_banner_container .gal_banner_text .line_bottom_right{
width:150px}

body div.overlay .image_container{
top:calc(50% - 312.5px)}

body div.overlay .image_container img{
height:575px}

body div.overlay svg.previous_image_button{
top:100px;
left:50%;
margin-top:0;
margin-left:-75px}

body div.overlay svg.next_image_button{
top:100px;
right:50%;
margin-top:0;
margin-right:-75px}

body div.main_content .article, body div.main_footer .inner_footer{
width:calc(100% - 225px);
left:100px}

}

@media only screen and (max-width:1275px){
body div.top_menu nav.inner_menu{
width:100%;
left:0}

body div.main_banner .gal_banner_container{
width:calc(100% - 50px);
margin-left:25px;
left:0}

body div.main_banner .gal_banner_container .gal_banner_text .line_bottom_left, body div.main_banner .gal_banner_container .gal_banner_text .line_bottom_right{
width:150px}

body div.overlay .image_container{
top:calc(50% - 275px)}

body div.overlay .image_container img{
height:500px}

body div.main_content .article, body div.main_footer .inner_footer{
width:calc(100% - 50px);
left:25px}

}

@media only screen and (max-width:1150px){
body div.main_banner .gal_banner_container .gal_banner_text{
display:none}

body div.main_banner .gal_banner_container .gal_banner_img_container{
position:relative;
left:calc(50% - 10px);
float:left}

body div.main_banner .gal_banner_container .gal_banner_img_container img{
position:relative;
left:-50%;
float:left}

}

@media only screen and (max-width:1075px){
body div.top_menu nav.inner_menu{
display:none}

body div.top_menu svg.responsive_menu_button{
display:block}

body div.main_content .article .image_text{
width:calc(100% - 375px)}

body div.main_content .article .image{
width:350px}

body div.main_content .article .image img{
max-width:350px}

}

@media only screen and (max-width:800px){
body div.main_content .article .clean_text, body div.main_content .article .image_text{
width:100%;
margin:12.5px 0;
display:block}

body div.main_content .article .image.right, body div.main_content .article .image_text.right{
padding:0}

body div.main_content .article .clean_text.left{
width:100%;
padding-right:0}

body div.main_content .article .clean_text.right{
width:100%;
padding-left:0}

body div.main_content .article .image{
width:50%;
margin:12.5px 25%;
display:block}

body div.main_content .article .image img{
max-width:100%}

body div.main_footer{
height:225px}

body div.main_footer .inner_footer{
width:100%;
height:200px;
left:0}

body div.main_footer .inner_footer .footer_content{
width:100%;
display:block}

body div.main_footer .inner_footer .footer_content.left, body div.main_footer .inner_footer .footer_content.right{
text-align:center}

}

@media only screen and (max-width:600px){
body div.main_banner{
height:300px}

body div.main_content .article .image{
width:75%;
margin:12.5px 12.5%;
display:block}

body div.main_content .article .image img{
max-width:100%}

}

@media only screen and (max-width:500px){
body div.main_content .article .image{
width:100%;
margin:12.5px 0;
padding:0;
display:block}

body div.main_content .article .image img{
max-width:100%}

}

@media only screen and (max-height:780px){
body div.main_banner{
height:250px}

body div.main_banner img{
position:absolute;
height:250px;
left:50%;
margin-left:-280px;
z-index:-1}

body div.main_banner .gal_banner_container .gal_banner_text{
display:none}

body div.main_banner .gal_banner_container .gal_banner_img_container{
position:relative;
float:left;
height:150px;
top:-25px;
left:calc(50% - 12.5px)}

body div.main_banner .gal_banner_container .gal_banner_img_container img{
height:150px;
position:relative;
left:-50%;
float:left}

body div.banner_transparency{
height:250px;
margin-left:-335px}

body div.banner_transparency .google_map{
height:199px}

body div.overlay .image_container{
top:calc(100% - 575px)}

body div.overlay .image_container img{
height:500px}

}

@media only screen and (max-height:685px){
body div.overlay .image_container{
top:calc(100% - 525px)}

body div.overlay .image_container img{
height:450px}

}

@media only screen and (max-height:625px){
body div.overlay .image_container{
top:calc(100% - 475px)}

body div.overlay .image_container img{
height:400px}

}

@media only screen and (max-height:580px){
body div.overlay .image_container{
top:calc(100% - 425px)}

body div.overlay .image_container img{
height:350px}

}

@media only screen and (max-height:535px){
body div.overlay .image_container{
top:calc(100% - 375px)}

body div.overlay .image_container img{
height:300px}

}