/* JES Farben Variablen - Angeben mittels "var(--jes-grün)" ohne Anführungszeichen" */
:root {
--jes-grün: #83B13C;
--jes-grau-20: #F2F1F0;
--jes-grau-50: #DDDDD9;
--jes-grau-70: #C6C6C4;
--jes-grau-100: #ADAEAB;
--jes-schwarz: #424444;
;
}




/* CLS Anpassungen */
.rev-height-desktop {height:35.71vw;}

@media only screen and (min-width: 1400px){
.rev-height-desktop {height:478px;}}

@media only screen and (max-width: 600px){
.rev-height-mobile {height:82vw;}}

@media only screen and (max-width: 600px){
.rev-height-full {height:100vh;}}



/* AlberNew Fonts */
@font-face {
  font-family: MyAlberNew;
  font-weight:400;
  src: url('../fonts/AlberNewRegular/font.woff2') format('woff2'), url('../Fonts/AlberNewRegular/font.woff') format('woff');
}
@font-face {
  font-family: MyAlberNew;
  font-weight:500;
  src: url('../fonts/AlberNewMedium/font.woff2') format('woff2'), url('../Fonts/AlberNewMedium/font.woff') format('woff');
}
@font-face {
  font-family: MyAlberNew;
  font-weight:300;
  src: url('../fonts/AlberNewLight/font.woff2') format('woff2'), url('../Fonts/AlberNewLight/font.woff') format('woff');
}

html {
 
    -webkit-font-smoothing: auto!important;
}
body {
font-family: MyAlberNew;
}



/* Mobile Menü - Anpassung */
#mmenu .mod_navigation li a.open, #mmenu .mod_navigation li a.active, #mmenu .mod_navigation li a:focus {
    color:var(--jes-grün);
}
/* Quick Menü - Mobile an */
@media only screen and (max-width: 767px){
.mod_quickmenu {
    display: block!important;
        bottom: 20px;
}}

/* BG Element - Grundsätzlich 30px Padding statt 40px */

top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth)>.container, .mod_article.boxed>.container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container {
    padding-left: 30px!important;
    padding-right: 30px!important;
}

@media only screen and (max-width: 767px){
top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth)>.container, .mod_article.boxed>.container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container {
    padding-left: 15px!important;
    padding-right: 15px!important;
}}


/* Wordbreak Anpassung */
h1,h2,h3,h4,h5,h6 {
-webkit-hyphens: none;
   -moz-hyphens: none;
        hyphens: none;
        margin:unset;
}

p, span {
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

/* Top-Bar Elemente rechts */
#top div.mod_top_mail.meta-nav  {
	margin-right:0;
	margin-left:0;
}
#top div.mod_top_phone.meta-nav {
	margin-right:0;
	margin-left:auto;
}
#top div.top_divider.edit-off {display:none;}
#mod_login_top_opener_635 {margin-left:unset!important;}

/* Menü Anpassung*/
#header ul a
{border-radius:5px;}

#header ul
{border:unset;border-radius:5px;}

#header ul a:hover {opacity:0.7;}

#stickyheader ul a
{border-radius:5px;}

#stickyheader ul
{border:unset;border-radius:5px;}

#stickyheader ul a:hover {opacity:0.7;}

/* Footer Überschriften Anpassung*/
.footer-überschrift div {
	border-bottom: 2px solid white;
	text-transform: uppercase;
	padding-bottom: 0.25em;
	font-weight:500;
}
/* Footer Button-Liste*/
.button-liste li a {
	color:var(--jes-grün)!important;
	text-transform: uppercase;
	font-weight:600;

}
.button-liste li {
	background-color:white;
	width:90%;
	min-width:50%;
	padding: 0.2em 0.5em 0.2em!important;
	border-radius:3px;
}

.button-liste li:hover {
	background-color:var(--jes-grau-20)
}
.button-liste li:before {
	display:none!important;
}	
	
.button-liste li a::after {
    content: " \f105 \f105";
    font-family: FontAwesome;
    height: 1em;
    color:var(--jes-grün); }
    
/* Footer Hintergrund Anpassung*/
/*#footer {
	background: url(/files/Kundendaten/Grafiken/Footer-links.svg) left -400px top -1px no-repeat, url(/files/Kundendaten/Grafiken/Footer-rechts.svg) right -400px top -1px no-repeat, var(--jes-grün);
	margin-top:3em;
}*/

/* Footer Hintergrund Anpassung v2*/

#footer:before {
	content:"";
	z-index:10;
	width:3%;
	height:auto;
	background:url(/files/Kundendaten/Grafiken/Footer-links-v2.svg) right -2px top -1px no-repeat;}
#footer:after {
	content:"";
	z-index:10;
	width:3%;
	height:auto;
	background:url(/files/Kundendaten/Grafiken/Footer-rechts-v2.svg) left -2px top -1px no-repeat;}
#footer {
	display:flex;
	margin-top:-65px;
}

#footer {
	background:var(--jes-grün);}

#footer .inside {
	width:100%;
	max-width:unset;
	z-index:10;
	background:var(--jes-grün);
}

#footer .inside > div {
	max-width:1370px;
	margin-left:auto;
	margin-right:auto;
}

/* Text Div zweizeilig*/
@media only screen and (min-width: 1100px) {
.zweizeilig {
  column-count: 2;
  column-gap: 1.5em;
}}

/* Text Div dreizeilig*/
@media only screen and (min-width: 1100px) {
.dreizeilig {
  column-count: 3;
  column-gap: 1.5em;
}}
/*Registerhaltig*/
.registerhaltig p {
	margin-bottom:unset;
}


/* Text Anpassungen */


p {font-weight:300;}

.schlagzeile {
	font-size:2.64em;color:var(--jes-grün);margin-bottom:0.35em;line-height:1.2em;letter-spacing: 0.015em;}


.schlagzeile-schwarz {
	font-size:1.76em;color:var(--jes-schwarz);margin-bottom:0.35em;line-height:1.2em;}

h1.styled-h1,.styled-h1 h1 {font-size:1.76em;
	color:var(--jes-schwarz);
	padding:0.5em 0em 0.3em;
	margin-bottom:1.5em;
	font-weight:500;
}

h2.styled-h2 {font-size:1.64em;
	color:var(--jes-grau-70);
	text-transform: uppercase; 
	border-bottom:14px solid var(--jes-grau-70);
	border-top:2px solid var(--jes-grau-70);
	padding:0.5em 0em 0.3em;
	margin-bottom:1.5em;
	font-weight:500;
}


h2.styled-kontakt-h2 {
	font-size:1em;
	margin-bottom:unset!important;
	font-weight:500;
}

h3.styled-kontakt-h3 {
	font-size:1em;
	margin-bottom:unset!important;
	font-weight:500;
}

h3.styled-h3 {font-size:1.76em;
	color:var(--jes-schwarz);
	font-weight:300;
}

.styled-h3 h3 {font-size:1.76em;
	color:var(--jes-schwarz);
	font-weight:300;
}

h3.styled-h3-v2 {
	font-size:1.1em;
	margin-bottom:unset!important;
	font-weight:500;
}

.styled-h4 h4 {font-size:1.2em;
	color:var(--jes-schwarz);
	margin-bottom:20px!important;
	font-weight:300;
}


div.styled-div {font-size:1.55em;
	color:var(--jes-grau-100);
	border-bottom:14px solid var(--jes-grau-100);
	border-top:2px solid var(--jes-grau-100);
	padding:0.5em 0em 0.3em;
	margin-bottom:1.5em;
	font-weight:300;
}

.slider-h1
{
	background:var(--jes-grün);
    border-radius: 5px;
	font-weight:500;
	padding:0.2em 0.7em;
}

.schlagzeile-slider
{
	background:white;
    border-radius: 5px;
	font-weight:300!important;
	padding:0.2em 0.7em;
}


.header-link-button {
    background:var(--jes-grün);
	font-weight:400;
	padding:0.8em 1.8em!important;
	text-align: left!important;
	border-radius:5px;
}

.header-link-button-map a {
    background:var(--jes-grün);
    color:white;
	font-weight:400;
	padding:0.8em 1.8em!important;
	text-align: left!important;
	border-radius:5px;
}


@media only screen and (max-width: 767px) {
	
.schlagzeile {
	font-size:2.14em;color:var(--jes-grün);margin-bottom:0.35em;line-height:1.2em;letter-spacing: 0.015em;}	
	
h2.styled-h2 {font-size:1.2em;
	color:var(--jes-grau-70);
	text-transform: uppercase; 
	border-bottom:14px solid var(--jes-grau-70);
	border-top:2px solid var(--jes-grau-70);
	padding:0.5em 0em 0.3em;
	margin-bottom:1.5em;
	font-weight:500;
}
	
	h2.styled-kontakt-h2 {
	font-size:0.7em;
	margin-bottom:unset!important;
	font-weight:500;
}}



/* Div Link anpassung */

.div-link > div {transform:scale(1.00);
        opacity: 1;
        -webkit-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        transition: opacity .25s ease-in-out,transform .25s ease-in-out;
}

.div-link > div:hover {transform:scale(1.03);
        opacity: 0.7;
        -webkit-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        transition: opacity .25s ease-in-out,transform .25s ease-in-out;
}

.div-link-v2 > div {opacity: 1; 
		-webkit-transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;}
        
.div-link-v2 > div:hover {opacity: 0.7; 
		-webkit-transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;}


.div-hover-effekt > div {transform:scale(1.00);
        -webkit-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        transition: opacity .25s ease-in-out,transform .25s ease-in-out;
}
.div-hover-effekt > div:hover {transform:scale(1.015);
        -webkit-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out,transform .25s ease-in-out;
        transition: opacity .25s ease-in-out,transform .25s ease-in-out;
}

/* Hintergrundbild Anpassungen */

.bg-full {height:100%;background:unset!important;}
.bg-full-v2 {height:100%;}
.bg-full .ce_bgimage-image,.bg-full .ce_bgimage-outer,.bg-full .ce_bgimage-inside {height:100%;}

.bg-no-padding .ce_bgimage-inside {
	padding-top:unset!important;
	padding-bottom:unset!important;
	padding-right:unset!important;
	padding-left:unset!important;
}


@media only screen and (max-width: 767px) {
.bg-no-padding .ce_bgimage-inside {
	padding-top:20px!important;
}
}

.bg-full.shadow > .ce_bgimage-image {
border-radius:25px;
-webkit-box-shadow: inset 0px 4px 7px -2px rgb(0 0 0 / 19%); 
box-shadow: inset 0px 4px 7px -2px rgb(0 0 0 / 19%);
}

.shadow-outer {-webkit-box-shadow: 0px 4px 13px -2px rgba(0,0,0,0.35); 
box-shadow: 0px 4px 13px -2px rgba(0,0,0,0.35);}


.shadow-inner {-webkit-box-shadow: inset 0px 4px 7px -2px rgb(0 0 0 / 19%); 
box-shadow: inset 0px 4px 7px -2px rgb(0 0 0 / 19%);}

/* Unternehmen-> "Ansprüche" Hintergrundbild Anpassungen */



.bg-spezial-anspruch-abspann {
	max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -100px;
}



.bg-spezial-anspruch .tabs a {
	font-weight:300!important;
	font-size:1.1em;
	-webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

.bg-spezial-anspruch .tabs a:hover {
	font-weight:300!important;
	font-size:1.1em;
	opacity: 0.8; 
	-webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;    
}
.bg-spezial-anspruch .tabs .active a {
	font-weight:400!important;
	font-size:1.05em;
	border-bottom:unset!important;
	background:var(--jes-grün);
	color:white;
	border-radius:10px;
	-webkit-transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -ms-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out;
}

.bg-spezial-anspruch .tabs li   {padding-right: 3em!important;}
.bg-spezial-anspruch h3 {font-weight:300;}
@media only screen and (min-width: 768px) {
.bg-spezial-anspruch .ce_tabs   {padding:0.5em 2em!important;}}

/* Unternehmen-> "Ansprüche" Hintergrundbild Anpassungen v2 - Variante Links */
/*.bg-spezial-anspruch-v2 {
	width:100vw;
}*/
.bg-spezial-anspruch-v2 .ce_bgimage-inside {margin-left:unset;}

.bg-spezial-anspruch-v2 .tabs a {
	font-weight:300!important;
	font-size:1.1em;
	-webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
.bg-spezial-anspruch-v2 .tabs a:hover {
	font-weight:300!important;
	font-size:1.1em;
	opacity: 0.8; 
	-webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
.bg-spezial-anspruch-v2 .tabs .active a {
	font-weight:400!important;
	font-size:1.05em;
	border-bottom:unset!important;
	background:var(--jes-grün);
	color:white;
	border-radius:10px;
	-webkit-transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -ms-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out;
}

.bg-spezial-anspruch-v2 .tabs li   {padding-right: 3em!important;}
.bg-spezial-anspruch-v2 h3 {font-weight:300;}
@media only screen and (min-width: 768px) {
.bg-spezial-anspruch-v2 .ce_tabs   {padding:0.5em 2em!important;}}




@media only screen and (max-width: 767px) {
.bg-spezial-anspruch-abspann {
	max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: unset;
}
	
.bg-spezial-anspruch-v2 .tabs li   {padding-right: unset!important;}	
.bg-spezial-anspruch .tabs li   {padding-right: unset!important;}

.bg-spezial-anspruch-v2 .tabs ul   {margin-bottom: 2em!important;}	
.bg-spezial-anspruch .tabs ul   {margin-bottom: 2em!important;}	
}



/* Artikel Hintergrund */
.bg-weiss {background:white!important;}
.bg-grün {background:var(--jes-grün)!important;}
.bg-grau-20 {background:var(--jes-grau-20)!important;}
.bg-grau-50 {background:var(--jes-grau-50)!important;}
.bg-grau-70 {background:var(--jes-grau-70)!important;}
.bg-grau-100 {background:var(--jes-grau-100)!important;}
.bg-schwarz {background:var(--jes-schwarz)!important;}
.bg-weiss-transparent-80 {background:rgba(255,255,255,0.8);}

/* Artikel Hintergrund Deko */
.artikel-deko-1 {background:url(/files/Kundendaten/Grafiken/Artikel-deko-1.svg) no-repeat right -1575px bottom -600px;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}

.artikel-deko-1v2 {background:url(/files/Kundendaten/Grafiken/Artikel-deko-1v2.svg) no-repeat right -1555px top -150px;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}
        
.artikel-deko-2  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-1.svg) no-repeat left -1745px bottom 50%;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}

.artikel-deko-3  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-3.svg) no-repeat left -1745px top -200px;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}

.artikel-deko-kontakt  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-kontakt.svg) no-repeat left -1745px bottom 50%;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}

.artikel-deko-faq  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-kontakt.svg) no-repeat left -1745px bottom 50%;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}

.artikel-deko-faq-rechts {background:url(/files/Kundendaten/Grafiken/Artikel-deko-faq-rechts.svg) no-repeat right -1750px center;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}

.artikel-deko-faq-links {background:url(/files/Kundendaten/Grafiken/Artikel-deko-faq-links.svg) no-repeat left -1350px center;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}

.artikel-deko-energetisch  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-energetisch.svg) no-repeat left -1745px top -200px;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}

.artikel-deko-gestalterisch  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-gestalterisch.svg) no-repeat right -1745px top -200px;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}

.artikel-deko-sozial  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-sozial.svg) no-repeat left -1745px top -200px;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}

.artikel-deko-unternehmen  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-unternehmen.svg) no-repeat center top, var(--jes-grau-20) ;
		background-origin: content-box;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}

.artikel-deko-karriere  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-unternehmen.svg) no-repeat center top, var(--jes-grün) ;
		background-origin: content-box;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}

.artikel-deko-leitbild  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-leitbild.svg) no-repeat center bottom 60px/contain ;
		background-origin: content-box;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;
}

/* Artikel Hintergrund Deko > 1400 viewport */
@media only screen and (min-width: 1700px) {
.artikel-deko-1  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-1.svg) no-repeat right -575px bottom -600px;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;}
        
.artikel-deko-1v2  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-1v2.svg) no-repeat right -555px top -150px;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;}
        
.artikel-deko-2  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-2.svg) no-repeat left -745px bottom 50%;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;}
        
.artikel-deko-3  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-3.svg) no-repeat left -795px center;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;}

.artikel-deko-kontakt  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-kontakt.svg) no-repeat left -745px bottom 50%;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;}

.artikel-deko-faq  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-faq.svg) no-repeat left -745px bottom 50%;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;}
        
.artikel-deko-faq-rechts  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-faq-rechts.svg) no-repeat right -770px top -250px;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;}        

.artikel-deko-faq-links  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-faq-links.svg) no-repeat left -770px top -250px;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;}        
}
/* Artikel Hintergrund Deko > 1000 viewport */
@media only screen and (min-width: 1300px) {
.artikel-deko-energetisch  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-energetisch.svg) no-repeat left -695px top -180px;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;}
        
.artikel-deko-gestalterisch  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-gestalterisch.svg) no-repeat right -695px top -180px;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;}
        
.artikel-deko-sozial  {background:url(/files/Kundendaten/Grafiken/Artikel-deko-sozial.svg) no-repeat left -695px top -180px;
        -webkit-transition: background 1s ease-in-out 0.5s;
        -moz-transition: background 1s ease-in-out 0.5s;
        -ms-transition: background 1s ease-in-out 0.5s;
        -o-transition: background 1s ease-in-out 0.5s;
        transition: background 1s ease-in-out 0.5s;}
}

/* Aufzählung Anpassung */
.list-styled li {list-style-type:unset!important;color:var(--jes-grün);border-top:0.25px solid var(--jes-grau-50);padding:1.2em 0em 1.2em;}
.list-styled ul {padding:unset!important;}

.list-styled-v2 {font-size: 1em; font-weight: 300; margin-right:1.5em;}
.list-styled-v2 li {margin-bottom:1.5em;}
.list-styled-v2 li::marker {color:var(--jes-grau-100);}

.list-styled-v3 {font-size: 1em; font-weight: 300; margin-right:1.5em;}
.list-styled-v3 li {margin-bottom:1.5em;list-style-type: "✔︎"!important; list-style-position: outside; padding-inline-start: 1.5em;}
.list-styled-v3 li::marker {color:var(--jes-grün);font-size:1.5em;}

.list-styled-v4 {font-size: 1em; font-weight: 300; margin-right:1.5em;}
.list-styled-v4 li {margin-bottom:0.5em;list-style-type: disc; list-style-position: outside; padding-inline-start: 0.5em;}
.list-styled-v4 li::marker {color:var(--jes-grau-70);font-size:1.7em;}

@media only screen and (max-width: 767px) {

.list-styled-v3 {font-size: 1em; font-weight: 300; margin-right:0.5em;}
.list-styled-v3 li {margin-bottom:1.5em;list-style-type: "✔︎"!important; list-style-position: outside; padding-inline-start: 1.5em;}
.list-styled-v3 li::marker {color:var(--jes-grün);font-size:1.5em;}

.list-styled-v4 {font-size: 1em; font-weight: 300; margin-right:0.5em;}
.list-styled-v4 li {margin-bottom:0.5em;list-style-type: disc; list-style-position: outside; padding-inline-start: 0.5em;}
.list-styled-v4 li::marker {color:var(--jes-grau-70);font-size:1.7em;}

}

/* Container Anpassung "Wir Suchen Erste Spalte - Element oben und unten verteilt" */
.vertikal-verteilt {
display: flex;
flex-direction: column;
justify-content: space-between;
}
/* Anpassung Counter */
.ce_countup .headline {font-weight:400;}
.ce_countup .image_container,.ce_countup .headline {margin-bottom:unset;}


/* Anpassung Iconfähnchen für Modul "Unser Anspruch, Unser Konzept" */
.icon-styled {
    background:var(--jes-grün);
    padding: 1em 0.2em;
    border-radius: 25px 0px 0px 25px;
    margin-right: -5em;
    padding-right: 3.5em;
    padding-left: 0.5em;
}
/* Anpassung Button */
.button a {
    background:var(--jes-grün);
    border-radius: 5px;
    font-size:1.3em;
	text-transform: uppercase;
	font-weight:400;
	padding:0.1em 0.4em;
}

/* Anpassung Headerbild Radius */
.header-border-radius > .ce_bgimage-image{
border-radius: 2px 2px 25px 25px!important;
}
/* Anpassung Header v2 Radius */
.rev-styled .tp-bgimg {
-webkit-box-shadow: inset 0px 4px 7px -2px rgb(0 0 0 / 19%); 
box-shadow: inset 0px 4px 7px -2px rgb(0 0 0 / 19%);
border-radius: 2px 2px 25px 25px!important;
}
.header-v2-border-radius { 
border-radius: 2px 2px 25px 25px!important;z-index:10;
}



/* Formular Anpassungen */

.formular-datenschutz {padding:unset; border:unset;}
.formular-datenschutz legend {display:none;}
.formular-datenschutz a {color:var(--jes-grün);}


input, textarea {
   background-color:var(--jes-grau-20)!important;
   border: 0.25px solid var(--jes-grau-20)!important;
}

input:hover, textarea:hover {
	border: 0.25px solid var(--jes-grün)!important;
}

input:focus, textarea:focus {
	border-radius:5px!important;
	background-color:white!important;
}
input::placeholder, textarea::placeholder {
   color:var(--jes-grau-70)!important;
   font-size:1.2em;
   font-weight:500;
}   
   #lbl_803_0 {font-weight:300;
}



/* Akkordeon Anpassungen */
.styled-akkordeon > div:first-child {border:unset!important;border-radius:15px;text-align:center;padding:1em!important;}
.ce_accordion_v2 .toggler:before, .ce_accordion.style2 .toggler:before 
{color:white;border-radius:30%;}
.styled-akkordeon > div {font-weight:500!important;box-shadow:unset;background-color:var(--jes-grau-70);color:white;}
.styled-akkordeon > div:first-child:hover {color:white!important;transform:scale(1.02);
        opacity: 0.9;
        -webkit-transition: opacity .25s ease-in-out,transform .25s ease-in-out,background-color .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out,transform .25s ease-in-out,background-color .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out,transform .25s ease-in-out,background-color .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out,transform .25s ease-in-out,background-color .25s ease-in-out;
        transition: opacity .25s ease-in-out,transform .25s ease-in-out,background-color .25s ease-in-out;}
.styled-akkordeon div p {color:var(--jes-schwarz);text-align:left;padding:0.2em 1.5em;}

@media only screen and (max-width: 767px) {
.styled-akkordeon .ce_accordion_v2 .toggler.ui-state-active:before, .ce_accordion.style2 .toggler.ui-state-active:before 
{display:none;}
.ce_accordion_v2 .toggler:before, .ce_accordion.style2 .toggler:before 
{display:none;}}

/* Grüne Textbox "Vision" auf Unternehmensseite "Wir bieten unseren Mietern..." */

.textbox-vision p {
	background:var(--jes-grün);
	border-radius:25px;
	color:white;
	font-weight:400;
	font-size:1.764em;
	padding:0.75em 1.5em;
	max-width:1000px;
	line-height:1.5em;	}

.textbox-vision {
position: relative;
display: flex;
justify-content: flex-end;
margin-top: -170px;
margin-bottom: 100px;
margin-right:5%!important
}

@media only screen and (max-width: 767px) {
.textbox-vision p {
	background:var(--jes-grün);
	border-radius:25px;
	color:white;
	font-weight:400;
	font-size:1.264em;
	padding:0.75em 1.5em;
	max-width:1000px;
	line-height:1.5em;	}

.textbox-vision {
position: relative;
display: flex;
justify-content: flex-end;
margin-top: -70px;
margin-bottom: 100px;
margin-right:5%!important
}}


/* Leitbild Anpassungen" */
.iconbox-leitbild img {     
	background: var(--jes-grün);
    border-radius: 15px;
    padding: 1em 2em;
    -webkit-box-shadow: 0px 4px 13px -2px rgba(0,0,0,0.35); 
	box-shadow: 0px 4px 13px -2px rgba(0,0,0,0.35);
	margin:30px;
}
.iconbox-leitbild {
	margin-top: -80px;
	margin-left: -80px;
}
.bg-Leitbild-full {height:95%;}

/* Liegenschaftsseiten Grid-Gallery Anpassung */

.styled-grid-gallery ul {
    display: -webkit-flex;
   /* gap: 30px;*/
    margin-left:-15px;
    margin-right:-15px;
}

.styled-grid-gallery li {
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	max-height:220px!important;
	-webkit-box-shadow: inset 0px 4px 7px -2px rgb(0 0 0 / 19%); 
	box-shadow: inset 0px 4px 7px -2px rgb(0 0 0 / 19%);
	border-radius:15px;
}

@media only screen and (max-width: 767px) {
.styled-grid-gallery ul {
    flex-wrap:wrap;
}}
@media only screen and (max-width: 1000px) {	
.styled-grid-gallery li {
	max-height:150px!important;	
}}
/* Iconbox Mittig */
.center-iconbox .ce_iconbox_inside {
justify-content:center}

/* Allgemeine Anpassungen" */
.border-5 {border-radius:5px;}
.border-15 {border-radius:15px;}
.border-25 {border-radius:25px;}
.padding-15 {padding:15px;}
.margin-20 {margin:20px;}
.negative-margin-top-20px {margin-top:-20px;}
.center {margin-left:auto;margin-right:auto;}
ul {margin-bottom:0px!important;}
.weiss {color:white!important;border-color:white!important;}
.textlang {width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;}
.all-overflow div,.all-overflow ul,.all-overflow li {overflow:visible!important;}



.font-light {font-weight:300;}
.font-regular {font-weight:400;}
.font-medium {font-weight:500;}

@media only screen and (max-width: 767px) {
.font-size-mobile-70per p {font-size:0.7em;}
.font-size-mobile-80per p {font-size:0.8em;}
}

.div-content-max-500px  {max-width:500px;margin-left: auto;margin-right: auto;}
.div-content-max-768px  {max-width:768px;margin-left: auto;margin-right: auto;}
.div-content-max-900px  {max-width:900px;margin-left: auto;margin-right: auto;}
.div-content-max-1100px  {max-width:1100px;margin-left: auto;margin-right: auto;}
.div-content-max-1400px  {max-width:1400px;margin-left: auto;margin-right: auto;}
.article-min-height-550 {min-height:550px;}
.min-height-200 {min-height:200px;}
.min-height-300 {min-height:300px;}
.min-height-400 {min-height:400px;}

@media only screen and (max-width: 767px) {
.padding-15 {padding:0px;}
}
/* Gridkorrektur – kein Abstand unter den Elementen */
@media only screen and (max-width: 767px) {
.mobile-grid-fix .autogrid_grid .column,.mobile-grid-fix .column[class*=col_] {
    margin-bottom: unset;
}}
/* Mobile Artikelabestand" */
@media only screen and (max-width: 767px){
.mod_article:not(.fullwidth)>.container {
    padding-top: 25px;
    padding-bottom: 25px;
}}

/* Home Slider Grafik Responsive-Anpassung */
@media only screen and (max-width: 600px){
.slider-kelle-hochkant img {
transform: scale(1.8);}}


/* Consent Banner Einstellungenx */
#user_privacy_settings_611 .submit.all {
	background-color:var(--jes-grün)!important;
}

/* Quickmenue Anpassungen */
.quickmenue-styled {animation: growback 0.8s ease infinite alternate; transform-origin: 50% 75%;
}

@keyframes growback {
  0%   {transform:scale(1.0);}
  100% {transform:scale(1.15);}
}
.quickmenue-styled:hover {animation:none;}

/* Orientierungshilfe Kontaktseite */

#article-13815 > div > div > div.ce_bgimage-outer > div > div > div.column.col_8 > div > div.ce_bgimage-outer > div > div > figure
{position: absolute;right: 28%;bottom: 52%;transform:scale(1.7);}

@media only screen and (max-width: 600px){
#article-13815 > div > div > div.ce_bgimage-outer > div > div > div.column.col_8 > div > div.ce_bgimage-outer > div > div > figure
{position: absolute;right: 24%;bottom: 52%;transform:scale(1.7);}}