a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,
strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var {margin:0; padding:0; border:0; outline:0; font-family:'Lato',sans-serif; letter-spacing:0; }
:focus { outline:0; } ol,ul{list-style:none; } blockquote:after,blockquote:before,q:after,q:before {content:""; } blockquote,q{quotes:"" ""}
html { overflow-x:hidden; font-size:100%;   } * { font-variant-ligatures: none; } * { -webkit-font-feature-settings: "liga" 0, "dlig" 0; font-feature-settings: "liga" 0, "dlig" 0; } * {	-webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; } html{overflow:-moz-scrollbars-vertical;overflow-y:scroll}
html, body { margin:0; padding:0; min-height:100%; width:100%; position:relative; } body { background:#fff } @-moz-document url-prefix() { body { font-weight: lighter !important;  }}
button, input { -webkit-appearance:none; border-radius:0; outline:none; appearance:none; }


body {
    background: linear-gradient(95deg, rgba(81,161,37,1) 0%, rgba(45,117,56,1) 25%, rgba(68,172,84,1) 50%, rgba(171,214,94,1) 64%, rgba(68,172,84,1) 100%);
	  background-size: 250% 250%;
    animation: gradient 90s ease infinite;
}

@keyframes gradient {
	0% { background-position: 0% 0%; }
	50% {background-position: 100% 100%; }
	100% { background-position: 0% 0%; }
}

.fullscreen-navigation { display:none; }

header { padding:60px 0 0 0; position:relative; }
header .menu-btn { position:absolute; left:60px; top:80px; }
header .menu-btn a { text-decoration:none; color:#fff; font:400 18px/1em 'Roboto',sans-serif; }
header .menu-btn a em { font:inherit; font-style:normal; transform:translateY(-5px); display:inline-block; letter-spacing:0.05em; padding-left:3px; } 
header .menu-btn a > span { display:inline-block; transform:translateY(-4.5px); }
header .menu-btn a > span > span { background:#fff; width:22px; height:2px; display:block; margin-bottom:4px;  }
header .menu-btn a > span > span:last-child { margin-bottom:0; }
header .language-container { position:absolute; right:60px; top:80px; }
header .language-container ul { display:table; transform:translateY(-5px); }
header .language-container ul li { display:inline-block; margin-left:10px; }
header .language-container ul li:first-child::after { content:""; display:inline-block; height:16px; width:2px; background:#fff; margin-left:10px; transform:translateY(1px); }
header .language-container ul li a { text-decoration:none; color:#fff; font:400 18px/1em 'Roboto',sans-serif; letter-spacing:0.05em; }

.brand { width:300px; margin:0 auto; text-align:center; }
.vc_section { padding-left:60px !important; padding-right:60px !important; margin-left:0 !important; margin-right:0 !important; }


.badge { position:fixed; z-index:9999; right:0; top:25%; background:#FFED00; padding:10px; transform:translateX(calc(100% - 65px)); transition:all 300ms ease-in-out; display:block; text-decoration:none; }
.badge:hover { transform:translateX(0); }
.badge img { width:45px; height:auto; margin-right:15px; display:block; float:left; }
.badge p { color:#133A27; font:700 18px/1em 'Roboto',sans-serif; margin-bottom:0 !important; }
.badge span { color:#133A27; font:700 18px/1em 'Roboto',sans-serif; margin-bottom:0 !important; display:inline-block; transform:translateY(14px); white-space:nowrap; }


h2 { font:400 56px/1.1em 'Manus Smooth',serif; color:#fff; margin-bottom:0.5em; }
h4 { font:700 16px/1em 'Roboto',sans-serif; color:#fff; margin-bottom:0.5em; text-transform:uppercase; color:#fff; letter-spacing:0.075em; }

p { font:300 18px/1.5em 'Roboto',sans-serif; color:#fff; letter-spacing:0.025em; margin-bottom:1.5em; }
p:last-child { margin-bottom:0em !important; }

/*.liste-ausstattungen ul { display:table; margin:0 auto; }*/ 
.liste-ausstattungen ul { margin:0 0 40px 0; }
.liste-ausstattungen ul:last-child { margin:0 0 0 0 !important; }
.liste-ausstattungen ul li { /*display:table; */ text-align:left; color:#fff; font:300 18px/1.5em 'Roboto',sans-serif; margin:0 auto .5em; position:relative; padding-left:10px;}
/*.liste-ausstattungen ul li::after { display:table; content:""; width:100%; height:1px; } */
.liste-ausstattungen ul li::before { content:""; width:4px; height:4px; border-radius:50%; display:block; background:#fff; position:absolute; left:0; top:14px; }
.liste-ausstattungen h2 { margin-bottom:5px; font-size:42px; }
.lageplan-liste h4 img { height:22px; width:auto; margin-left:10px; }
.lageplan-liste strong { width:50px; display:inline-block; }


.wpb_single_image.fullwidth .vc_figure { display:block; }
.wpb_single_image.fullwidth .vc_figure * { display:block; }
.wpb_single_image.fullwidth .vc_figure img { width:100% !important; height:auto !important; }

.swiper-button-prev { width:22px; height:40px; background:url(../images/arrow-left.png) no-repeat center center; }
.swiper-button-next { width:22px; height:40px; background:url(../images/arrow-right.png) no-repeat center center; }
.wohnungstyp-slide .vc_col-sm-4 { padding-left:75px; }
.wohnungstyp-slide .vc_col-sm-8 { padding-left:75px; padding-right:125px; }
.wohnungstyp p:first-child { margin-bottom:0 !important }
.wohnungstyp h2 { margin-bottom:0 !important }
.lage-bilder img { margin-bottom:20px !important; }

.width-30 { width:30%; }
.width-35 { width:35%; }
.width-40 { width:40%; }
.width-45 { width:45%; }
.width-50 { width:50%; }
.width-55 { width:55%; }
.width-60 { width:60%; }
.width-65 { width:65%; }
.width-70 { width:70%; }
.width-75 { width:75%; }
.width-80 { width:80%; }
.width-85 { width:85%; }
.width-90 { width:90%; }
.width-95 { width:95%; }

.vc_align_right.wpb_single_image { margin-right:0; margin-left:auto; }

footer { display:none; }

.footer > div > div:first-child img { width:100%; height:auto; }
.footer > div > div:nth-child(2) > div > div > div { display:inline-block !important; margin-right:50px; }
.footer p { font:300 16px/1.4em 'Roboto',sans-serif; color:#fff; letter-spacing:0.048em; }
.footer a { font:300 16px/1.4em 'Roboto',sans-serif; color:#fff; letter-spacing:0.048em; text-decoration: none; }

.call2action a { display:table; border:2px solid #FFED00; background:#FFED00; padding:15px 25px; color:#133A27; text-decoration:none; text-transform: uppercase; font:700 20px/1em 'Roboto',sans-serif; letter-spacing:0.05em; margin:0 auto; }
.call2action a:hover { background:#133A27; border-color:#133A27; color:#FFED00; }


.fullscreen-navigation { background:rgba(81,161,37,.95); width:340px; position:fixed; top:0; bottom:0; left:0; box-sizing:border-box; padding:50px; z-index:9999; }
.fullscreen-navigation .mainnavigation a { color:#fff; font:400 54px/1em 'Manus Smooth',serif; letter-spacing:0.05em; text-decoration:none; display:block; margin:25px 0; }
.fullscreen-navigation .close-btn { width:26px; height:26px; display:block; position:relative; transform:rotate(45deg); position:absolute; left:20px; top:20px; }
.fullscreen-navigation .close-btn:before { content:""; width:100%; height:2px; display:block; background:#fff; top:13px; left:0; position:absolute; transform:translateY(-50%); }
.fullscreen-navigation .close-btn:after { content:""; width:2px; height:100%; display:block; background:#fff; top:0%; left:13px; position:absolute; transform:translateX(-50%); }

@media (max-width:1500px){
}

@media (max-width:1380px){
}

@media (max-width:1300px){
}

@media (max-width:1240px){
}

@media (max-width:1023px){
	.mb100 { margin-bottom:30px !important; }
	.p150 { padding-top:75px !important; padding-bottom:75px !important;}
	header { padding:20px 0 0 0; }
	.brand { width:200px; }
	.brand a img:first-child { width:120px; height:auto; }
	header .menu-btn { top:30px; left:20px; }
	header .menu-btn a em { display:none; }
	.language-container { display:none; }
	.vc_section { padding-left:15px !important; padding-right:15px !important; }
	h2 { font-size:42px; }
	.badge { transform:translateX(0); top:30px; }
	.badge img { width:30px; margin-right:0; }
	.badge span { display:none; }
	#content > section > section:first-child { padding-top:50px !important; }
	#content > section > section:first-child > div > div:first-child{ padding-bottom:50px !important; }
	.liste-ausstattungen ul li { font-size:18px; }
	.wohnungstyp-slide > div { padding-left:0 !important; padding-right:0 !important; width:100%; }
	.wohnungstyp-slide > div:first-child { margin-bottom:40px; padding-left:50px !important; padding-right:50px !important; }
	.wohnungstyp-slide > div:last-child { padding-left:1px !important; padding-right:1px; }
	.swiper-button-next, .swiper-button-prev { top:135px !important; }
	.swiper-button-next { right:0 !important; }
	.swiper-button-prev { left:0 !important; }
	.lageplan-liste { margin-bottom:30px; } 
	.footer > div > div:nth-child(2) > div > div > div:last-child { margin-top:25px; }
	.footer > div > div { padding-left:5px !important; padding-right:5px !important; padding:25px 5px !important; }
	.footer .vc_row.vc_column-gap-35 { margin-left:0 !important; margin-right:0 !important; }
}