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(83,116,107,1) 0%, rgba(83,116,107,1) 25%, rgba(83,116,107,1) 50%, rgba(83,116,107,1) 64%, rgba(83,116,107,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:400px; margin:0 auto; text-align:center; }
.brand img { width:100%; }
.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:#b9cdc1; 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; }
h5 { font:400 20px/1.1em 'Manus Smooth',serif; color:#fff; margin-bottom:0em; }

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; }

.lage-text p { font:300 14px/1.5em 'Roboto',sans-serif; color:#fff; }
.lage-text p em { color:#ccc; font:italic 400 14px/1.5em 'PT Serif',serif; }

/*.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 #59a494; background:#59a494; padding:15px 25px; color:#fff; 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(0,0,0,.75); 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%); }


.jungbrunn-lagebilder-01 { display:table; margin:0 auto; }
.jungbrunn-lagebilder-01 img { height:400px; width:auto; display:inline-block; margin:0 5px; }

.jungbrunn-lagebilder-02 { display:table; margin:0 auto; margin-bottom:40px; }
.jungbrunn-lagebilder-02 img { height:450px; width:auto; display:inline-block; margin:0 5px; }

.wohnungen-table td > .sortable { display:none; }


/* .wohnungsauswahl-navigation { max-width:1000px; } */
.wohnungsauswahl-navigation ul { display:block; margin-bottom:20px; }
.wohnungsauswahl-navigation ul li { display:inline-block; margin-right:20px; }
.wohnungsauswahl-navigation ul li a { display:inline-block; border:1px solid #e5eca2; color:#fff; font:700 18px/1em 'Roboto',sans-serif; padding:10px 20px; border-radius:10px; text-decoration:none; }
a.resetfilter { float:right; display:table; border:1px solid #e5eca2; color:#fff; font:700 18px/1em 'Roboto',sans-serif; padding:10px 20px; border-radius:10px; text-decoration:none; }
a.resetfilter:hover { background:#9e5d5d; border-color:#9e5d5d; }
.wohnungsauswahl-navigation ul li a:hover { background:rgba(93,158,140,.5); }
.wohnungsauswahl-navigation ul li a.active { background:#5d9e8c; border:1px solid #5d9e8c; }
a.showall { display:table; border:1px solid #e5eca2; color:#fff; font:700 18px/1em 'Roboto',sans-serif; padding:10px 20px; border-radius:10px; text-decoration:none; margin:50px auto 0 auto; }
a.showall:hover { background:#5d9e8c; border:1px solid #5d9e8c; }
.wohnungen-table { width:100%; margin-top:50px; }
.wohnungen-table th { color:#fff; font:700 18px/1em 'Roboto',sans-serif;  text-align:center; padding-bottom:10px; border-bottom:2px solid #fff; }
.wohnungen-table td { color:#fff; font:300 18px/1em 'Roboto',sans-serif;  text-align:center; padding:15px 10px; border-bottom:1px solid rgba(255, 255, 255, 0.5); opacity:0.7; }
.wohnungen-table tr:hover td { opacity:1; }
.wohnungen-table td:nth-child(1) { text-transform: uppercase; }
.wohnungen-table-container.shadow-bottom { max-height:800px; overflow:hidden; display:block; position:relative; }
.wohnungen-table .download-link { display:inline-block; padding:5px 0; }
.wohnungen-table .download-link img { width:69px; height:auto; }

.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading { background:none !important; }
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel { border-bottom:1px solid #e5eca2; }
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a { padding-left:50px !important; padding-bottom:11px !important; }
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a::before{ width:10px; height:10px; display:block; position:absolute; content:""; border:1px solid #e5eca2; transform-origin:50% 50%; transform:rotate(45deg) translateY(-6px); border-width:1px 1px 0 0; left:15px; top:50%; }
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a::before{ transform:rotate(135deg) translateY(2px) translateX(-12px); }
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a span { color:#e5eca2 !important; font:600 18px/1.5em 'Roboto',sans-serif !important; }
.vc_tta.vc_general .vc_tta-panel-body { padding-left:50px !important; padding-bottom:30px !important; }

.downloads a { position:relative; background:#5d9e8c; border:1px solid #5d9e8c; padding:10px; border-radius:10px; width:300px; text-align:center; color:#fff; display:table; margin:0 auto 20px auto; font:700 18px/1em 'Roboto',sans-serif; text-decoration:none; box-sizing:border-box; }
.downloads a::before { content:""; width:15px; height:15px; display:inline-block; background:url(/wp-content/uploads/2024/08/jungbrunn-download-now.png) no-repeat center center / contain; margin-right:5px; transform:translateY(2px); }
.downloads a:hover { border:1px solid #e5eca2; background:none; }

@media (max-width:1800px){
	
.jungbrunn-lagebilder-01 img { height:300px; }
.jungbrunn-lagebilder-02 img { height:350px;  }
}

@media (max-width:1400px){
	
.jungbrunn-lagebilder-01 img { height:200px; }
.jungbrunn-lagebilder-02 img { height:220px;  }
}

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

@media (max-width:1240px){
	margin-top-on-mobile-35 { margin-top:35px; }
}

@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; }

	a.resetfilter { float:none; display:table; font-size:14px; margin-bottom:25px; padding:10px; }
	.wohnungsauswahl-navigation ul li { margin-bottom:10px; margin-right:5px; }
	.wohnungsauswahl-navigation ul li a { font-size:14px; padding:10px; }

	.wohnungen-table thead { display:none; }
	.wohnungen-table tr { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid rgba(255, 255, 255, 0.5); padding:20px 0; }
	.wohnungen-table td { border:0; display:block; }
	.wohnungen-table td:empty { display:none; }
	.wohnungen-table td:nth-child(1){ display:block; text-align:center; order:2; }
	.wohnungen-table td:nth-child(1)::before { content:"Haus: "; display:inline-block; text-transform:none !important; margin-right:5px; }
	.wohnungen-table td:nth-child(2){ display:block; text-align:center; order:1; grid-column:span 2; }	
	.wohnungen-table td:nth-child(3){ order:4; }
	.wohnungen-table td:nth-child(3)::before { content:"Zimmer: "; display:inline-block; text-transform:none !important; margin-right:5px; }
	.wohnungen-table td:nth-child(4){ order:5; }
	.wohnungen-table td:nth-child(5){ order:3; }
	.wohnungen-table td:nth-child(6){ order:6; grid-column:span 2;  }
	.wohnungen-table td:nth-child(6)::before { content:"Miete: "; display:inline-block; text-transform:none !important; margin-right:5px; }
	.wohnungen-table td:nth-child(7){ order:7; text-align:center; grid-column:span 2;  }	
	.wohnungen-table td:nth-child(7)::before { content:"Wasserblick: "; display:inline-block; text-transform:none !important; margin-right:5px; }	
	.wohnungen-table td:nth-child(8){ order:8; grid-column:span 2; }
	.wohnungen-table .download-link { text-decoration:none; }
	.wohnungen-table .download-link::before { content:"Grundriss"; margin-right:10px; color:#fff; font:300 18px/1.2em 'Roboto',sans-serif; text-decoration:none; }
	
}