/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 21 2025 | 07:50:52 */
/* change mint/cyan to yellow:
	filter: hue-rotate(243deg) brightness(1.24);
*/


/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-500 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-900 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
	--corporate: #003232; 
	--blackcorporate: #002424;
	--darkestcorporate: #114747;
	--darkcorporate: #226666;
	--midcorporate: #337272;
	--lightcorporate: #5c8e8e;
	--yellow: #ffdd00;
	--green: #19d9ce;
	--darkestgreen: #003232;
	
	--mint: #19d9ce;
	--darkmint: #00cccc;
	--pink: #ff0046;
	--aubergine: #630056;
	
	--marker1: #003232;
	--marker2: #19d9ce;
	--marker3: #003232;
	--marker4: #19d9ce;
	
	--verfahrenarrows: #ffdd00;
	
	--burgundy: #692e20;
  	--chocolate: #605249;
	--wheat: #c5a987;
	--vanilla: #f7d6a2;
	--caramel: #c9984a;
  	--cream: #ffeab3;
  	--tomato: #cf513a;
  	--white: #ffffff;
	--black: #000000;
	--palemint: #baffe9;
}





.wp-block-image img{	
	height: auto !important;
}
img {
	image-rendering: -webkit-optimize-contrast;
}


html {
  	margin: 0 !important;
  	padding: 0 !important;	
  	width: 100% !important;
  	max-width: 100% !important;
  	overflow-x: hidden !important;
}

body {
  	width: 100% !important;
  	max-width: 100% !important;
  	margin: 0;
  	padding: 0;	
  	font-size: 17px;
  	line-height: 1.4em;
  	font-weight: 400;
  	background-color: #ffffff;
  	width: 100vw !important;
  	overflow-x: hidden !important;
}
body, p, h1, h2, h3, h4, h5, h6, ul, li, a {  
	font-family: 'Roboto Condensed', sans-serif !important;
  	color: var(--black);  
  	font-weight: 400;
}
body, p, ul, li, a {	
  	font-size: 17px;
	line-height: 1.6em;
}
body p {
	font-family: 'Roboto Slab', sans-serif !important;
	color: var(--black);
}
h1 {
 	font-size: 80px;
  	font-weight: 700;
	text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
	h1 { font-size: 14vw; }
}
.h1likeh2 h1 {	
  	font-size: 30px;
}
.h1likeh2 h1 em {	
	background-color: var(--green);
    padding: 0 10px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.6em;
    color: var(--white);
    font-style: normal;
    font-weight: 700;
}
h2 {
  	font-size: 30px;
  	font-weight: 300;
	text-transform: uppercase;
}
h2 strong {
	font-weight: 700;
}
h2 em {
	background-color: var(--green);
    padding: 0 10px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.6em;
    color: var(--white);
    font-style: normal;
    font-weight: 700;
}
h3 {
  	font-size: 24px;
  	font-weight: 300;
  	line-height: 1.5em;
}
h3 strong {
  font-weight: 400;
}
h4 {
	font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
}
h4 strong {
  	font-weight: 700;
}
a {
  	color: var(--black);
  	text-decoration: none;
}
a:hover {
 	color: #000000; 
  	text-decoration: none;
}
@media only screen and (max-width: 767px) {
	p { line-height: 1.4em; }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
	br.shy { display: none; }
}

#content.site-content {
 	padding-bottom: 0 !important; 
 	padding-top: 0 !important; 
}
figcaption {
	text-align: left;
	font-size: 14px;
    padding-top: 5px;
    color: var(--darkmint) !important;
	font-weight: 500 !important;
}
.captionright figcaption {
	text-align: right;
}
.aubergine figcaption {
	color: var(--aubergine) !important;
}


/* hide some theme bits ----------------------------------------------------------------------------------------------------------------- */

footer {
 	display: none; 
}
.entry-header {
 	display: none; 
}
.navbar-toggler {
  display: block;
}
.elementor-menu-toggle {
	display: none !important;
}
body.elementor-editor-active section.elementor-top-section:nth-of-type(1) {
	margin-top: 100px;
}
button.navbar-toggler {
	display: none !important;
}





/* HEADER ---------------------------------------------------------------------------------------------------------------------------------------- */

#eheader {
	position: fixed;
    top: 0;
    left: 0;
	width: 100%;
    height: 100px;
    z-index: 999;
	background: rgba(255,255,255,0);
	-webkit-box-shadow: 0 6px 6px rgba(0,0,0,0);
	box-shadow: 0 6px 6px rgba(0,0,0,0);
	transition: all .3s linear;
}
body.elementor-editor-active #eheader { position: relative; background: #999999; height: auto; }
body.elementor-editor-active #sidemenu { position: relative; background: #999999; height: auto; }
body.passwordshield-active #eheader { display: none; }

#eheader.solid {
	background: rgba(255,255,255,1);
	-webkit-box-shadow: 0 6px 6px rgba(0,0,0,0.2);
	box-shadow: 0 6px 6px rgba(0,0,0,0.2);
}

#eheader .logosection .elementor-inner-column.elementor-col-50 {
	width: 50% !important;
}

#eheader .headerlogo {
	max-width: 180px !important;
    margin-top: 6px;
    margin-left: 10px;
    transition: all .5s ease-in-out;
}
#eheader .headerlogo.small {
	max-width: 109px !important;
    margin-top: 5px;
	margin-left: -11px;
}

#eheader .headerlogo svg path {
	transition: all .3s linear;
}

#eheader .headerlogo svg .st0 { fill: var(--yellow); stroke-width: 0; }
#eheader .headerlogo svg .st1 { fill: var(--white); stroke-width: 0; }

#eheader.solid .headerlogo svg .st0 { fill: var(--yellow); stroke-width: 0; }
#eheader.solid .headerlogo svg .st1 { fill: var(--corporate); stroke-width: 0; }

#eheader .gerchgroup p {
	font-family: 'Roboto Condensed', sans-serif !important;
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 0.05em;
	font-size: 15px !important;
	padding-right: 20px;
	padding-top: 13px;
    text-transform: uppercase;
}
#eheader.solid .gerchgroup p {
	color: var(--corporate);
	opacity: 0.5;
	font-weight: 700;
}
@media only screen and (max-width: 767px) {
	#eheader .gerchgroup p { padding-right: 10px; font-size: 13px !important; }
}
@media only screen and (max-width: 340px) {
	#eheader .gerchgroup p { padding-right: 10px; font-size: 11px !important; }
}

#eheader .mobilemenu {
	display: none;
}

#eheader .hamburger {
	width: 380px;
	position: fixed;
	left: -400px;
	top: 60px;
	transition: all .4s ease-out;
}
#eheader .hamburger .wrapper {
	height: 30px;
}
#eheader .hamburger .wrapper:hover {
	cursor: pointer;
}
#eheader .hamburger .line {
	height: 3px;
	width: 100%;
	background: var(--white);
	position: absolute;
	right: 0;
	transition: all .4s ease-out;
}
#eheader .hamburger #line1 { top: 0; }
#eheader .hamburger #line2 { top: 9px; }
#eheader .hamburger #line3 { top: 18px; }

#eheader .hamburger.solid {
	left: -314px;
}
#eheader .hamburger.solid .line {
	width: 30px;
}
#eheader .hamburger.solid .wrapper.close #line1 { top: 9px; transform: rotate(-405deg); }
#eheader .hamburger.solid .wrapper.close #line2 { top: 30px; width: 24px; right: 3px; }
#eheader .hamburger.solid .wrapper.close #line3 { top: 9px; transform: rotate(405deg); }

#eheader.solid .hamburger .line {	
	background: var(--corporate);
}







/* SIDE MENU -------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 1024px) {
	.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main { display: block !important; }
}

#sidemenupanel, #sidemenumini, #sidemenumini ul, #sidemenumini ul li a:hover::after, #sidemenumini ul li:hover a::after {
	width: 340px;
	max-width: 340px;
}





#sidemenupanel {
	transform: translateX(0);
	transform-origin: 0 0;
	position: fixed;
	left: 0;
	right: auto;
	top: 0;
	height: 100vh;
	width: 100%;
	transition: all .5s cubic-bezier(.04,.7,.49,1);
	background: var(--corporate);
	opacity: 0.9;
	mix-blend-mode: multiply;
	z-index: 100;
}
body.elementor-editor-active #sidemenupanel { position: relative; width: 100% !important; max-width: 100% !important; height: 400px; transform: none; opacity: 1; display: block; }

#sidemenupanel.closed {
	opacity: 0;
	max-width: 0;
}




#sidemenu {
	transform-origin: 0 0;
	position: absolute;
	left: 0;
	right: auto;
	z-index: 99;
	bottom: 10vw;
	transition: all .5s ease-out;
	width: 100vw !important;
}
body.elementor-editor-active #sidemenu { position: relative; top: 0; width: 100%; height: auto; transform: none; }

@media only screen and (max-aspect-ratio: 1/1) {
	#sidemenu { bottom: 10vh; }
}

body:not(.home) #sidemenu {
	display: none !important;
}
#sidemenu.closed {
	transform: translateX(-100%);
}
#sidemenu.up {
	bottom: 200vh;
}

#sidemenu ul {
	opacity: 1;
	width: auto;
	overflow: hidden;
	transition: all .5s ease-out;
	padding-bottom: 10px;
	padding-top: 10px;
}
#sidemenu nav > ul > li {
	margin-bottom: 0;
	transition: margin-bottom 1s cubic-bezier(.17,.67,.65,.99);
}
#sidemenu.up nav > ul > li {
	margin-bottom: 1000px;
}


#sidemenu nav > ul > li:nth-last-of-type(1) > a { display: none; }
#sidemenu nav > ul > li:nth-last-of-type(2) > a { display: none; }

#sidemenu nav > ul > li:nth-last-of-type(3) > ul { display: none !important; }
#sidemenu nav > ul > li:nth-last-of-type(3) > ul li { display: none; }

#sidemenu ul li a {
	color: rgba(255,255,255,0.8);
    font-size: 7.3vw;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 0 35px;
	white-space: nowrap;
}
#sidemenu ul li a:hover {
	color: var(--yellow);
}
#sidemenu ul li a::before {
	color: rgba(255,255,255,0.8);
    display: inline-block;
    font-size: 24px;
    opacity: 1;
    background: rgba(0,0,0,0);
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 6px;
	margin-top: -1.7vw;
}
#sidemenu ul li a:hover::before {
	color: var(--yellow);
}
#sidemenu ul li:nth-of-type(1) a::before, #sidemenumini ul li:nth-of-type(1) a::before { content: '01'; }
#sidemenu ul li:nth-of-type(2) a::before, #sidemenumini ul li:nth-of-type(2) a::before { content: '02'; }
#sidemenu ul li:nth-of-type(3) a::before, #sidemenumini ul li:nth-of-type(3) a::before { content: '03'; }
#sidemenu ul li:nth-of-type(4) a::before, #sidemenumini ul li:nth-of-type(4) a::before { content: '04'; }
#sidemenu ul li:nth-of-type(5) a::before, #sidemenumini ul li:nth-of-type(5) a::before { content: '05'; }
#sidemenu ul li:nth-of-type(6) a::before, #sidemenumini ul li:nth-of-type(6) a::before { content: '06'; }
#sidemenu ul li:nth-of-type(7) a::before, #sidemenumini ul li:nth-of-type(7) a::before { content: '07'; }
#sidemenu ul li:nth-of-type(8) a::before, #sidemenumini ul li:nth-of-type(8) a::before { content: '08'; }
#sidemenu ul li:nth-of-type(9) a::before, #sidemenumini ul li:nth-of-type(9) a::before { content: '09'; }

#sidemenu ul li a::after {
	content: '';
    display: inline-block;
    opacity: 1;
    background: rgba(255,255,255,0.7);
    height: 1px;
    width: 40px;
    transition: all .3s cubic-bezier(.04,.7,.49,1);
    position: absolute;
    left: 0;
    top: 0;
	margin-top: 0.7vw;
}
#sidemenu ul li a:hover::after, #sidemenu ul li:hover a::after {
	background: var(--yellow);
	width: 100%;
}
#sidemenu ul li a.elementor-item-active {
	color: var(--yellow) !important;
	background-color: rgba(0,0,0,0);
}
#sidemenu ul li a .sub-arrow {
	display: none;
}


#sidemenu ul li ul {
	display: inline-block!important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: auto;
    background: var(--corporate);
	padding: 5px 0 5px 42px;
    bottom: -4vw !important;
    opacity: 0;
    transition: all .3s ease-in-out;
}
body.mobiledevice #sidemenu ul li ul {
	display: none !important;
	opacity: 0 !important;
	left: -9999px !important;	
}

#sidemenu ul li:hover ul {
	bottom: .7vw !important;
	opacity: 1;
}
#sidemenu ul li ul li {
    display: inline-block;
}
#sidemenu ul li ul li::before {
	content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    position: relative;
    top: 3px;
    left: 0;
    background-image: url(https://inquartier.de/wp-content/uploads/Arrow_right_yellow.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 22px; 
}
#sidemenu ul li ul li a {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    margin-left: 0;
    margin-right: 15px;
    line-height: 20px;
    letter-spacing: 0.1em;
    padding: 5px 10px 3px 0;
    color: var(--white);
    transition: all .1s ease-in-out;
}
#sidemenu ul li ul li a::before, #sidemenu ul li ul li a::after  {
    display: none;
}
#sidemenu ul li ul li a:hover {
	background: rgba(0,0,0,0) !important;
	background-color: rgba(0,0,0,0) !important;
	color: var(--yellow) !important;
}


@media only screen and (min-width: 1600px) {
	#sidemenu ul li a { font-size: 116px; }
	#sidemenu ul li a::before { font-size: 24px; line-height: 1em; margin-left: -2px; margin-top: 17px; }
	#sidemenu ul li a::after { left: 0; margin-top: 10px;}
}

@media only screen and (max-width: 767px) and (max-aspect-ratio: 1/1) {
	#sidemenu ul li { margin-bottom: 1em !important; } 
	#sidemenu ul li a { font-size: 11vw; white-space: unset; line-height: 0.8em; color: rgba(255,255,255,0.85); }
	#sidemenu ul li a::before { font-size: 3vw; margin-top: -2.5vw; }
	#sidemenu ul li a::after { margin-top: -1vw; }
}
@media only screen and (max-width: 500px) and (max-aspect-ratio: 1/1) {
	#sidemenu ul li a::before { font-size: 4vw; margin-top: -2.5vw; }
	#sidemenu ul li a::after { margin-top: -1.5vw; }
}



#sidemenumini { max-height: 100vh; overflow-y: auto; }

#sidemenumini {
	transform-origin: 0 0;
	position: fixed;
	left: 0;
	top: 120px;
	z-index: 101;
	bottom: 50px;
	transition: all .5s ease-out;
	width: 100%;
}
@media only screen and (max-height: 700px) {
	#sidemenumini { bottom: 0; }
}
#sidemenumini.closed {
	transform: translateX(-100%);
}
#sidemenumini ul {
	opacity: 1;
	width: auto;
	overflow: hidden;
	transition: all .5s ease-out;
	padding-bottom: 10px;
	padding-left: 0;
	background: rgba(0,0,0,0);
}


#sidemenumini nav > ul > li:nth-last-of-type(1) > a { display: none; }
#sidemenumini nav > ul > li:nth-last-of-type(2) > a { display: none; }

/*
#sidemenumini nav > ul > li:nth-last-of-type(3) > ul { display: none; }
#sidemenumini nav > ul > li:nth-last-of-type(3) > ul li { display: none; }
*/

#sidemenumini ul li a:hover::before {
	color: var(--yellow);
}
#sidemenumini nav > ul > li { 
	margin-top: 15px;
}
#sidemenumini ul li a {
	font-size: 20px;
	line-height: 30px;
	color: rgba(255,255,255,0.7);
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 0 35px;
	white-space: nowrap;
}
#sidemenumini ul li a:hover {	
	color: var(--yellow);
}
#sidemenumini ul li a::before {
    font-size: 12px;
    margin-top: -7px;
	color: rgba(255,255,255,0.8);
    display: inline-block;
    opacity: 1;
    background: rgba(0,0,0,0);
    margin-left: -30px;
    font-weight: 700;
}
#sidemenumini ul li a:hover::before {
	color: var(--yellow);
}
#sidemenumini ul li a::after {
	content: '';
	display: inline-block;
	opacity: 1;
	background: rgba(255,255,255,0.7);
	height: 1px;
    margin-top: -26px;	
	width: 35px;
	margin-left: -35px;	
	transition: all .3s cubic-bezier(.04,.7,.49,1);
}
#sidemenumini ul li a:hover::after, #sidemenu ul li:hover a::after {
	background: var(--yellow);
	width: 100%;
}
#sidemenumini ul li a.elementor-item-active {
	color: var(--yellow) !important;
	background-color: rgba(0,0,0,0);
}
#sidemenumini ul li a .sub-arrow {
	display: none;
}

#sidemenumini ul li ul {
	display: block !important;
	position: relative;
	top: 0 !important;
	max-height: 1000px;
	opacity: 1;
	padding-left: 28px;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: auto;
}
#sidemenumini ul li ul li {
    display: block;
}
#sidemenumini ul li ul li::before {
    display: none;
}
#sidemenumini ul li ul li a {
    font-size: 18px;
	letter-spacing: 0;
	line-height: 16px;
    font-weight: 500;
    text-transform: none;
    display: block;
    margin-left: 0;
    margin-right: 15px;
    padding: 5px 10px 3px 0;
    color: var(--white);
    transition: all .1s ease-in-out;
}
#sidemenumini ul li ul li a::before, #sidemenumini ul li ul li a::after  {
    display: none;
}
#sidemenumini ul li ul li a:hover {
	background: rgba(0,0,0,0) !important;
	background-color: rgba(0,0,0,0) !important;
	color: var(--yellow) !important;
}


















  
/* containers --------------------------------------------------------------------------------------------------------------------- */

div[data-elementor-type="wp-page"] {
  	width: 100%;
}
body.passwordshield-active {
	background: var(--white) !important;
}
body.impressum, body.datenschutz {
	background: var(--corporate);
}
#content > .container {
  max-width: 100%;
}
body.elementor-editor-active .elementor-top-section {
  margin-top: 50px;
}
body.elementor-editor-active .elementor-inner-section {
  margin-top: 50px;
}

div[data-elementor-type="wp-page"] section.elementor-top-section:nth-of-type(1) {
	padding-top: 100px;
}

.fullheight { height: 100vh; }
.fullheight > .elementor-container { height: 100%; }
.fullheight > .elementor-container > .elementor-column { height: 100%; }
.fullheight > .elementor-container > .elementor-column > .elementor-widget-wrap { height: 100%; }

.plusheight { height: 150vh; }

@media only screen and (max-width: 767px) and (orientation: portrait) {
	/*
	.fullheight { height: 70vh; }
	.fullheight.plusheight { height: 60vh; }
	*/
}

.halfheight { height: 50vh; }
.fullheight > .elementor-container { height: 100%; }
.fullheight > .elementor-container > .elementor-column { height: 100%; }
.fullheight > .elementor-container > .elementor-column > .elementor-widget-wrap { height: 100%; }


.elementor-widget-text-editor img {
  margin-bottom: 10px;
}
.elementor-inner-section > .elementor-container.elementor-column-gap-default {
	padding: 0;
}
.elementor-inner-section > .elementor-container.elementor-column-gap-default .elementor-widget-wrap {
	padding: 20px;
}

.paddedtopandbottom .elementor-column-wrap {
	padding-top: 80px;
	padding-bottom: 100px;
}
@media only screen and (max-width: 1024px) {
	.paddedtopandbottom .elementor-column-wrap { padding-top: 40px; padding-bottom: 50px; }
}



/* lightbox popup ------------------------ */
.elementor-lightbox .dialog-lightbox-close-button {
	/*
 	right: calc(50% - 15px); 
	*/
}
.elementor-lightbox i.eicon-share-arrow {
	display: none;
}




/* LOGIN ------------------------------------------------------------------------------------------------------ */


#passwordshield {
    margin: 0 auto;
	width: 300px;
  	z-index: 9999999;
	position: relative;
	text-align: center;
  	opacity: 0;
	transition: all .2s ease-in-out;
	padding-bottom: 150px;
}
#passwordshield.display {
	opacity: 1;
}
#passwordshield .d-block {
	display: none !important;
}
#passwordshield label {
	color: rgba(0,0,0,0);
	font-size: 0;
	width: calc(100% - 45px);
}
#passwordshield p {
	display: block;
}
#passwordshield p:nth-of-type(1) {
	display: none;
}
.mr-2 {
  margin-right: 0 !important;
}
#passwordshield input[type='password'] {
 	height: 45px;
    width: 100%;
    background: var(--yellow);
    color: var(--corporate);
    -webkit-user-select: text;
    font-size: 28px;
    border-radius: 4px 0 0 4px;
    border: var(--corporate) 2px solid;
	z-index: 99999;
	user-select: auto;
}
#passwordshield input[type='submit'] {
    width: 45px;
    height: 45px;
    text-indent: -99999px;
    margin: 0 auto;
    background-color: var(--corporate);
    border: var(--corporate) 2px solid;
    background-image: url(https://inquartier.de/wp-content/uploads/Arrow_right_yellow.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 26px;
    border-radius: 0 4px 4px 0;
    margin-left: -6px;
	vertical-align: middle;
	user-select: auto;
}

#passwordshield input[type='submit']:hover {
  	cursor: pointer;
}

@media only screen and (max-width: 767px) {
	#passwordshield { width: 200px; margin-top: 5vh; }
}
@media only screen and (max-width: 767px) and (orientation: landscape) {

}




input.button.logout {	
	position: fixed;
    display: inline-block;
    top: 5px;
    right: 200px;
    z-index: 99999999;
    background: rgba(0,0,0,0);
    background-image: url(../Logout.png);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 50% 50%;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    color: var(--white);
    border: none;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    transform: rotate(180deg);
	filter: brightness(0.7) sepia(1) hue-rotate(9deg) saturate(3);
}
input.button.logout:hover {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
	input.button.logout { right: 170px; top: 2px; }
}



/* COVER ------------------------------------------------------------------------------------------------------------- */

#cover {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100vh;
	transition: all 1s cubic-bezier(.71,0,.38,1);
	padding-top: 0;
}
body.elementor-editor-active #cover { visibility: visible; position: relative; height: auto; }

body.coveropened #cover {
	display: none;
}

#cover.slideoff {
	left: -120vw;
}

.logoanimation {
	margin: 0 auto;
}
.logoanimation svg > * { 
  --path-length: 600;
	stroke: #ffffff;
  stroke-dasharray: var(--path-length);
  stroke-dashoffset: var(--path-length);
  transition: stroke-dashoffset 1.5s ease-in-out;
}

.logoanimation.draw svg > * {
  stroke-dashoffset: 0;
}




/* START -------------------------------------------------------------------------------------------------------------- */

body.home {
	background: var(--corporate);
}
#start {
	filter: brightness(0.8);
}
.startoverlay {
	background: rgba(0,10,10,0.4);
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: none;
}
@media only screen and (max-width: 767px) and (max-aspect-ratio: 1/1) {
	.startoverlay { display: block; }
}
body.elementor-editor-active #start { height: auto; min-height: 100vh; }
body.elementor-editor-active #start .elementor-widget-image { width: 300px; max-width: 300px; display: inline-block; }
body.elementor-editor-active .startoverlay { height: auto; display: block; position: relative; opacity: 1; }


#start .slide {
	opacity: 1;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#start .slide .imagecontainer {
	opacity: 0;
	position: absolute;
}
#start .slide.display .imagecontainer {
	opacity: 1;
	width: 100vw;
	height: 100vh;
	transition: opacity 1s linear, width 9s linear, height 9s linear, left 9s linear, top 9s linear;
}
#start .slide.display.remove {
	opacity: 0;
}
#start .slide .imagecontainer .slideimage {
	width: 100%;
	height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

/* default
#start .slide .imagecontainer { top: -15vh; left: -15vw; width: 130vw; height: 130vh; }
#start .slide.display .imagecontainer { top: 0; left: 0; width: 100vw; height: 100vh; }
*/


#start .slide.righttoleft .imagecontainer { top: 0; left: 0; width: 120vw; height: 100vh; }
#start .slide.righttoleft.display .imagecontainer { top: 0; left: -20vw; }

#start .slide.lefttoright .imagecontainer { top: 0; left: -30vw; width: 130vw; height: 100vh; }
#start .slide.lefttoright.display .imagecontainer { top: 0; left: 0; }

#start .slide.toptobottom .imagecontainer { top: -30vh; left: 0; width: 100vw; height: 130vh; }
#start .slide.toptobottom.display .imagecontainer { top: 0; left: 0; }

#start .slide.bottomtotop .imagecontainer { top: 0; left: 0; width: 100vw; height: 130vh; }
#start .slide.bottomtotop.display .imagecontainer { top: -30vh; left: 0; }

#start .slide.zoomin .imagecontainer { width: 100vw; height: 100vh; top: 0; left: 0; }
#start .slide.zoomin.display .imagecontainer { width: 130vw; height: 130vh; top: -15vh; left: -15vw; }

#start .slide.zoomout .imagecontainer { width: 130vw; height: 130vh; top: -15vh; left: -15vw; }
#start .slide.zoomout.display .imagecontainer { width: 100vw; height: 100vh; top: 0; left: 0; }


/* INTROSTICKER -------------------------------------------------------------------------------------------------------- */

#introsticker {
	height: 0;
	width: 100%;
	overflow: visible;
	z-index: 990;
}
#introsticker .elementor-inner-section {	
	max-width: 15vw;
	background: var(--yellow);
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	right: 5%;
	padding: 1.8vw 1.8vw 70px 1.8vw;
	transition: all .2s ease-in-out;
}
body.elementor-editor-active #introsticker { position: relative; height: auto; top: 0; right: 0; bottom: auto; }
body.elementor-editor-active #introsticker .elementor-inner-section { position: relative; height: auto; top: 0; right: 0; bottom: auto; margin-top: 30px; }

@media only screen and (min-width: 1600px) {
	#introsticker .elementor-inner-section { max-width: 240px; }
}
#introsticker .elementor-inner-section:hover {
	background: var(--white);
	cursor: pointer;
}
#introsticker .elementor-inner-section::after {
	content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    border: var(--corporate) 8px solid;
    border-top-color: rgba(0,0,0,0);
    border-left-color: rgba(0,0,0,0);
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(45deg);
}

@media only screen and (max-width: 767px) and (max-aspect-ratio: 1/1) {	
	#introsticker .elementor-inner-section { max-width: 24vw; }
	#introsticker .elementor-inner-section::after { width: 40px; height: 40px; }
}

/* INTRO ---------------------------------------------------------------------------------------------------------------- */

.introsection {
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: 150% -100px;
}



.intrologo svg .st0 { fill: var(--yellow); stroke-width: 0; }
.intrologo svg .st1 { fill: var(--corporate); stroke-width: 0; }




.mosaic {
	
}
.mosaic {
	margin-top: 85px;
}
.mosaic .elementor-widget-spacer {
	height: 0;
	width: 100%;
	margin-bottom: 0 !important;
}
body.elementor-editor-active .mosaic .elementor-widget-spacer {
	height: auto;
}

.mosaic .elementor-top-column:nth-of-type(1) {
	padding-top: 15vw;
}
.mosaic .elementor-top-column:nth-of-type(1) .elementor-widget-wrap {
	justify-content: flex-end;
}
.mosaic .elementor-top-column:nth-of-type(1) .elementor-inner-section .elementor-container {
	justify-content: flex-end;
}
.mosaic .elementor-inner-section {
	display: inline-block;
    width: auto;
	margin-bottom: 0 !important;
}
.mosaic .elementor-inner-section::after {
	display: block;
	content: '';
	height: 0;
	width: 100%;
}
.mosaic .elementor-inner-column {
	padding: 10px;
	display: inline-block;
	width: auto;
}
body.elementor-editor-active .mosaic .elementor-inner-column { }

.mosaic .elementor-inner-column .elementor-widget-wrap {
	overflow: hidden;
}
.mosaic .elementor-inner-column .elementor-widget-image:nth-of-type(1) {
	visibility: hidden;
	width: 100%;
}
.mosaic .elementor-inner-column .elementor-widget-image:nth-of-type(2), .mosaic .elementor-inner-column .elementor-widget-image:nth-of-type(3) {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.mosaic .img1 { width: 50%;  }
.mosaic .img2 { width: 100%;  }
.mosaic .img3 { width: 70%;  }
.mosaic .img4 { width: 40%;  }

.mosaic .img5 { width: 45%;  }
.mosaic .img6 { width: 70%;  }
.mosaic .img7 { width: 40%;  }
.mosaic .img8 { width: 60%;  }


.labelallinoneplace {
	padding: 0;
}
.labelallinoneplace img {
	object-fit: contain;
	padding: 30px;
}
.labelallinoneplace .elementor-widget-image:nth-of-type(1) {
	background: var(--corporate);
}
.labelallinoneplace .elementor-widget-image:nth-of-type(2) {
	background: var(--mint);
}
.labelallinoneplace .elementor-widget-image:nth-of-type(3) {
	background: var(--corporate);
}

.mosaic .img7::after {  }
.mosaic .img8::after {  }

.mosaic .elementor-inner-column .elementor-widget-image:nth-of-type(2) .elementor-widget-container,
.mosaic .elementor-inner-column .elementor-widget-image:nth-of-type(3) .elementor-widget-container {	
	width: 100%;
	height: 100%;
}
.mosaic .elementor-inner-column .elementor-widget-image:nth-of-type(2) .elementor-widget-container img,	
.mosaic .elementor-inner-column .elementor-widget-image:nth-of-type(3) .elementor-widget-container img {	
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mosaic .elementor-inner-column .elementor-widget-image {
	margin: 0 !important;
	margin-bottom: 0 !important;
	opacity: 1;
	transition: all .5s linear;
}
.mosaic .elementor-inner-column .elementor-widget-image.hideimage {
	opacity: 0;
}


body.elementor-editor-active .mosaic .elementor-inner-column { }
body.elementor-editor-active .mosaic .elementor-inner-column .elementor-widget-wrap { overflow: visible; }
body.elementor-editor-active .mosaic .elementor-inner-column .elementor-widget-image { position: relative; visibility: visible; opacity: 1; width: auto; height: auto; object-fit: initial; max-width: 150px; }

.mosaic .textbox {
	margin-top: 40px;
}


@media only screen and (max-width: 767px) {	
	.mosaic { margin-top: 0; }
	.mosaic .elementor-widget-spacer { display: none; }
	.mosaic .elementor-inner-section::after { display: none; }
	.mosaic .elementor-inner-section > .elementor-container { height: 100%; }
	.mosaic .elementor-inner-section .elementor-widget-wrap { height: 100%; }
	.mosaic .elementor-inner-column { padding: 0; }
	/* columns are reversed */
	.mosaic .img5 { width: 40%;  }
	.mosaic .img6 { width: 60%;  }
	.mosaic .img7 { width: 40%;  }
	.mosaic .img8 { width: 60%;  }
	.mosaic .img1 { width: 40%;  }
	.mosaic .img2 { width: 60%;  }
	.mosaic .img3 { width: 60%;  }
	.mosaic .img4 { width: 40%;  }
	/* */
	.mosaic .textbox { padding: 20px; }
}



#visu2 {
	max-height: 85vh;
}
body.elementor-editor-active #visu2 { margin-top: 0; height: auto; max-height: unset; }
	
#visu2 .bigtext p {
	font-family: 'Roboto Condensed', sans-serif !important;
	color: rgba(255,255,255,0.7);
	color: var(--yellow);
	margin-bottom: -2.8vw !important;
    font-size: 10.6vw;
    line-height: 1em;
    font-weight: 700;
	opacity: 0.75;
	letter-spacing: -0.02em;
}
#visu2 .bigtext p em {
	font-size: 5vw;
	font-style: normal;
	letter-spacing: initial;
}
@media only screen and (min-width: 1600px) {
	#visu2 .bigtext p { font-size: 170px; margin-bottom: -45px !important; }
	#visu2 .bigtext p em { font-size: 80px; }
}


/* gallery ------------------- */

@media only screen and (max-width: 767px) {
	.galleryabove { margin-top: 15px; }
}





/* NEWSABSCHNITT HOMEPAGE (Kacheln) ----------------------------------------------------------------------------------------------- */

#homepagenews {
	background-color: var(--corporate);
}

#homepagenews .newscontainer .elementor-inner-column:nth-of-type(1) { width: 75% !important; }
#homepagenews .newscontainer .elementor-inner-column:nth-of-type(2) { width: 25% !important; }

.labelimmerbestensinformiert {
	background: var(--darkcorporate);
	margin: 20px;
	padding: 9%;
    height: 100%;
}
.tablink.allenews {
	position: absolute;
    bottom: -10px;
    left: 10%;
    width: 80% !important;
}
.tablink.allenews a {
	text-align: right;
    padding-left: 10px;
}

#homepagenews .newscontainer > .elementor-container { height: calc(100% + 20px); }
#homepagenews .elementor-widget-posts { height: 100%; }
#homepagenews .elementor-widget-posts > .elementor-widget-container { height: 100%; }
#homepagenews .elementor-widget-posts .elementor-posts-container { height: 100%; }
#homepagenews .elementor-widget-posts .elementor-posts-container article { height: 100%; }
#homepagenews .elementor-widget-posts .elementor-posts-container article > a { height: 100%; }
#homepagenews .elementor-widget-posts .elementor-posts-container article > a > div { height: 100%; padding-bottom: 0 !important; }
#homepagenews .elementor-widget-posts .elementor-posts-container article > a img { height: 100%; width: 100%; object-fit: cover; object-position: 50% 50%; }


#homepagenews .newscontainer article { 
  	box-shadow: none;
	margin: 20px !important;
	padding: 0 !important;
	position: relative;
}
#homepagenews .newscontainer article:hover {
	cursor: pointer;
}

#homepagenews .newscontainer .newsoverlay {
	position: absolute;
    width: 100%;
    height: 100%;
    background: var(--corporate);
    opacity: 0.7;
    mix-blend-mode: multiply; 
}
#homepagenews .newscontainer .elementor-post__meta-data {
	position: relative;
	padding: 25px 15px 15px 15px;
	margin-bottom: 0 !important;
}
#homepagenews .newscontainer .elementor-post__meta-data .elementor-post-date {		
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1.4em;
	color: var(--yellow);
	font-weight: 700;
}
#homepagenews .newscontainer .elementor-post__title {
	position: relative;
	padding: 0px 15px 25px 15px;
}
#homepagenews .newscontainer .elementor-post__title a {
  	color: #ffffff;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1.4em;
	min-height: 5.7em;
	display: inline-block;
}
#homepagenews .newscontainer .elementor-post__title a:hover {

}
#homepagenews .newscontainer .elementor-post__text {
  	text-align: left;
    position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
#homepagenews .newscontainer article .elementor-post__excerpt {
    position: relative;
  	text-align: left;
	left: 0;
	bottom: 0;
	width: 100%;
	margin-bottom: 0 !important;
    overflow: hidden;
	background: var(--white);	
	border-top: var(--yellow) 20px solid;
	transition: all .5s cubic-bezier(.09,.69,.57,1);
	max-height: 20px;
}
#homepagenews .newscontainer article:hover .elementor-post__excerpt {
	max-height: 220px;
}
#homepagenews .newscontainer .elementor-post__excerpt .excerptfade {
	position: absolute;
	bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: rgba(255,255,255,0);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 80%);
}
#homepagenews .newscontainer p {
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.4em !important;
	padding: 15px;
	color: var(--black) !important;
}
#homepagenews .newscontainer .elementor-post__read-more {	
    position: relative;
    width: 100%;
    text-align: right;
    right: 10px;
    bottom: 12px;
    display: inline-block;
    font-size: 18px !important;
    font-family: 'Roboto Condensed' !important;
    color: var(--mint);
    font-weight: 400 !important;
}
#homepagenews .newscontainer .elementor-post__read-more::after {	
	content: '';
    display: inline-block;
    position: relative;
    top: 5px;
    left: -8px;
    width: 20px;
    height: 20px;
    border: var(--mint) 5px solid;
    border-left-color: rgba(0,0,0,0);
    border-bottom-color: rgba(0,0,0,0);
    transform: rotate(45deg);
    transform-origin: center;
}
#homepagenews .newscontainer .elementor-post__read-more:hover {
	color: var(--corporate);
}
#homepagenews .newscontainer .elementor-post__read-more:hover::after {
	border-right-color: var(--corporate);
	border-top-color: var(--corporate);
}






@media only screen and (max-width: 1400px) {
	.tablink.allenews { }
	.tablink.allenews a { font-size: 1.4vw; padding: 0.3vw 0.7vw 0.3vw 0.3vw !important; }
	.tablink.allenews a::after { width: 1.4vw !important; height: 1.4vw !important; margin-left: 1vw !important; background-size: 1.4vw !important; }
}
@media only screen and (max-width: 1200px) {
	#homepagenews .newscontainer .elementor-post__meta-data .elementor-post-date { font-size: 18px; }
	#homepagenews .newscontainer .elementor-post__title a { font-size: 18px; }
}
@media only screen and (max-width: 1024px) {
	#homepagenews .newscontainer .elementor-post__meta-data .elementor-post-date { font-size: 16px; }
	#homepagenews .newscontainer .elementor-post__title a { font-size: 16px; }
}
@media only screen and (max-width: 767px) {	
	.tablink.allenews { }
	.tablink.allenews a { font-size: 2.8vw; padding: 0.6vw 1.4vw 0.6vw 0.6vw !important; }
	.tablink.allenews a::after { width: 2.8vw !important; height: 2.8vw !important; margin-left: 2vw !important; background-size: 2.8vw !important; }
	#homepagenews .newscontainer article { min-height: 56vw; }
	#homepagenews .newscontainer .elementor-inner-column:nth-of-type(1) { width: 100% !important; }
	#homepagenews .newscontainer .elementor-inner-column:nth-of-type(2) { width: 50% !important; position: absolute; bottom: 0; right: 0; height: calc(50% - 16px); }
	#homepagenews .newscontainer .elementor-post__meta-data {  }
}
@media only screen and (max-width: 520px) {
	.tablink.allenews a { font-size: 5vw; padding: 1vw 3vw 1vw 1vw !important; }
	.tablink.allenews a::after { width: 5vw !important; height: 5vw !important; margin-left: 2vw !important; background-size: 5vw !important; }
	.elementor-grid-mobile-2 .elementor-grid { grid-template-columns: repeat(1,1fr); }
	#homepagenews .newscontainer article { min-height: 360px; }
	#homepagenews .newscontainer .elementor-inner-column:nth-of-type(2) { width: 100% !important; position: relative; height: auto; padding-top: 40px; }
	#homepagenews .newscontainer .elementor-inner-column:nth-of-type(2) img { margin-bottom: 0; }
}




/* EINZELNER ARTIKEL ------------------------------------------------------------------------------------------------------------- */

.singlepost {
	margin-top: 150px;
}
.singlepost .postcontainer .elementor-inner-column:nth-of-type(1) {
	width: calc(35% - 60px);
}
.singlepost .postcontainer .elementor-inner-column:nth-of-type(2) {
	width: calc(65% - 120px);
	z-index: 1;
}
.singlepost .postcontainer .elementor-inner-column:nth-of-type(3) {
	width: 180px;
}
.singlepost h1 {
	padding-bottom: 20px;
    font-weight: 500;
    color: var(--mint) !important;
    border-bottom: var(--yellow) 5px solid;
    font-weight: 700;
	font-size: 60px;
}
.singlepost .elementor-widget-post-info i {
	color: var(--yellow);
	margin-top: -2px;
}
.singlepost .elementor-widget-post-info span {
	color: var(--mint);
    text-transform: uppercase;
    font-weight: 700;
}

.singlepost .elementor-widget-theme-post-content p a {
	font-family: 'Roboto Slab', serif !important;
	color: var(--darkmint);
}


.singlepost .elementor-widget-theme-post-content figure {
	margin-left: 0;
	margin-right: 0;
}



.singlepost .elementor-widget-post-navigation {
    margin-top: 60px;
    padding-top: 20px;
    margin-bottom: 20px;
}
.singlepost .elementor-widget-post-navigation span.post-navigation__prev--label, .singlepost .elementor-widget-post-navigation span.post-navigation__next--label {
    font-size: 18px !important;
    color: var(--mint) !important;
    font-weight: 700 !important;
}
.singlepost .elementor-widget-post-navigation span.post-navigation__prev--title, .singlepost .elementor-widget-post-navigation span.post-navigation__next--title {
    font-size: 17px !important;
    color: var(--mint) !important;
    font-weight: 500 !important;
}
.singlepost .elementor-widget-post-navigation span.post-navigation__prev--label, .singlepost .elementor-widget-post-navigation span.post-navigation__prev--title {
  	text-align: left;
	padding: 0 15px;
	width: 100%;
	max-width: 450px;
	font-family: 'Roboto Condensed', sans-serif;
}
.singlepost .elementor-widget-post-navigation span.post-navigation__next--label, .singlepost .elementor-widget-post-navigation span.post-navigation__next--title {
  	text-align: right;
	padding: 0 15px;
	width: 100%;
	max-width: 450px;
	font-family: 'Roboto Condensed', sans-serif;
}
.elementor-post-navigation, .elementor-post-navigation__link {
	overflow: visible !important;
}
.elementor-post-navigation .post-navigation__arrow-wrapper {
	background: var(--yellow);
    width: 36px;
	height: 36px;
	display: block;
	position: relative;
	top: -16px;
	padding: 0 !important;
}
.elementor-post-navigation .post-navigation__arrow-wrapper i {
    width: 36px;
	height: 36px;
	display: block;
	background-image: url(https://inquartier.de/wp-content/uploads/Arrow_right_yellow.png);
	background-repeat: no-repeat;
	background-size: 26px;
	transform-origin: 50% 50%;
	filter: saturate(0) brightness(2);
}
.elementor-post-navigation .post-navigation__arrow-wrapper.post-navigation__arrow-prev i {
	background-position: 0 50%;
	transform: rotate(-180deg);
}
.elementor-post-navigation .post-navigation__arrow-wrapper.post-navigation__arrow-next i {
	background-position: 0 50%;
}
.elementor-post-navigation .post-navigation__arrow-wrapper i::before {
    display: none;
}
.elementor-post-navigation__separator {
    width: 2px !important;
    background-color: var(--yellow) !important;
}

@media only screen and (max-width: 1400px) { 
	.singlepost h1 { font-size: 4.5vw; }
}
@media only screen and (max-width: 1024px) { 
	.singlepost { margin-top: 200px; }
	.singlepost .postcontainer .elementor-inner-column:nth-of-type(2) { width: calc(65% + 60px); }	
	.singlepost .postcontainer .elementor-inner-column:nth-of-type(3) { position: absolute; top: -80px; right: 0; }
}
@media only screen and (max-width: 767px) { 
	.singlepost .elementor-widget-theme-post-featured-image { max-width: 400px; }
	.singlepost h1 { font-size: 32px !important; text-transform: none !important; line-height: 1.2em !important; }
}



/* NEUIGKEITEN (Listenansicht) ----------------------------------------------------------------------------------------------- */

#listnews {

}
#listnews .newscontainer article { 
  	box-shadow: none;
	border-top: var(--yellow) 1px solid;
}
#listnews .newscontainer article:hover {
	cursor: pointer;
}
#listnews .newscontainer .elementor-post__thumbnail img {
	border-left: var(--yellow) 15px solid;	
}
#listnews .newscontainer .elementor-post__meta-data {
	
}
#listnews .newscontainer .elementor-post__meta-data .elementor-post-date {		
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1.2em;
	color: var(--yellow);
	font-weight: 700;
}
#listnews .newscontainer .elementor-post__title {
	margin-bottom: 20px;
}
#listnews .newscontainer .elementor-post__title a {
  	font-size: 40px;
    font-weight: 700;
    line-height: 1.1em;
	color: var(--mint);
}
#listnews .newscontainer .elementor-post__title a:hover {

}
#listnews .newscontainer .elementor-post__text {
  	
}
#listnews .newscontainer .elementor-post__excerpt {
   font-size: 20px;
    font-weight: 400;
    line-height: 1.4em;
    display: inline-block;
}
#listnews .newscontainer .elementor-post__excerpt p:nth-last-of-type(1)::after {
	content: ' ...';
}
#listnews .newscontainer p {
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.6em !important;
	color: var(--black) !important;
}
#listnews .newscontainer .elementor-post__read-more {	
    font-size: 18px !important;
    font-family: 'Roboto Condensed' !important;
    color: var(--mint);
    font-weight: 400 !important;
}
#listnews .newscontainer .elementor-post__read-more::after {	
	content: '';
    display: inline-block;
    position: relative;
    top: 5px;
    left: -8px;
    width: 20px;
    height: 20px;
    border: var(--mint) 5px solid;
    border-left-color: rgba(0,0,0,0);
    border-bottom-color: rgba(0,0,0,0);
    transform: rotate(45deg);
    transform-origin: center;
}
#listnews .newscontainer .elementor-post__read-more:hover {
	color: var(--corporate);
}
#listnews .newscontainer .elementor-post__read-more:hover::after {
	border-right-color: var(--corporate);
	border-top-color: var(--corporate);
}


@media only screen and (max-width: 600px) {
	#listnews .newscontainer .elementor-post { flex-direction: column !important; }
	#listnews .newscontainer .elementor-post__title a { font-size: 32px; }
	#listnews .newscontainer .elementor-post__text { margin-top: 15px; }
	
}



/* SLIDERS --------------------------------------------------------------------------------------------------------------- */

.nextend-arrow-previous {
	border-radius: 0 !important;
	background-color: var(--darkmint) !important;
}
.nextend-arrow-previous:hover {
	background-color: var(--yellow) !important;
}
.nextend-arrow-next {
	border-radius: 0 !important;
	background-color: var(--darkmint) !important;
}
.nextend-arrow-next:hover {
	background-color: var(--yellow) !important;
}
div#n2-ss-8 .nextend-bullet-bar .n2-bullet {
	background: var(--yellow) !important;
}
div#n2-ss-8 .nextend-bullet-bar .n2-bullet.n2-active {
	background: var(--darkmint) !important;
}


/* VIDEOS ------------------------------------------------------------------------------------------------------------------ */


@media only screen and (max-width: 767px) {
	.videos .elementor-inner-column { max-width: 600px !important; margin: 0 auto; }
}
.videos .elementor-widget-wrap {
	margin: 25px;
	padding: 0 !important;		
	background: var(--darkestcorporate);
	overflow: hidden;
}
body.elementor-editor-active .videos .elementor-widget-wrap { overflow: visible; }

.videos .elementor-widget-wrap:hover {
	cursor: pointer;
}
body.elementor-editor-active .videos .elementor-widget-wrap:hover { cursor: default; }

.videos .elementor-widget {
	margin-bottom: 0px;
}
.videos .elementor-widget-video {
	margin-bottom: 7em;
}
body.elementor-editor-active .videos .elementor-widget-video { margin-bottom: 20px; }

.videos .cover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	transition: all .3s ease-in-out;
}
body.elementor-editor-active .videos .cover { position: relative; }

.videos .frage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	padding: 15px;
	opacity: 0;	
	transition: all .3s ease-in-out;
}
body.elementor-editor-active .videos .frage { position: relative; opacity: 1; height: auto; }

.videos .frage p {
	position: absolute;
	bottom: 100%;
	color: var(--white);
	margin: 0;
	transition: all .3s ease-in-out;
}
body.elementor-editor-active .videos .frage p { position: relative; }

.videos .frage p em {
	color: var(--yellow);
    display: inline-block;
    font-style: normal;
    border-top: var(--yellow) 1px solid;
    margin-top: 10px;
}
.videos .elementor-widget-wrap:hover .frage {
	opacity: 1;
}
.videos .elementor-widget-wrap:hover .frage p {
	bottom: 7.5em;
}
body.elementor-editor-active .videos .elementor-widget-wrap:hover .frage p { bottom: 0; }

.videos .name {
	padding: 15px;
	height: 7em;
	position: absolute;
	bottom: 0;
	left: 0;
}
body.elementor-editor-active .videos .name { position: relative; height: auto; }

.videos .name p {
	color: var(--yellow);
	margin: 0;
}
.videos .name p strong {
	color: var(--white);
}
.videos .elementor-widget-wrap:hover .name {

}
.videos .startbutton {
	width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
	bottom: 20px;
	filter: none;
	transition: all .3s ease-in-out;
}
body.elementor-editor-active .videos .startbutton { position: relative; }

.videos .elementor-widget-wrap:hover .startbutton {
	bottom: calc(7em - 20px);
	right: 15px;
	width: 40px;
	height: 40px;
	filter: saturate(0) brightness(3);
}

.videos .elementor-widget-wrap.playvideo .cover,
.videos .elementor-widget-wrap.playvideo .frage,
.videos .elementor-widget-wrap.playvideo .startbutton {
	opacity: 0;
}
body.elementor-editor-active .videos .elementor-widget-wrap.playvideo .cover,
body.elementor-editor-active .videos .elementor-widget-wrap.playvideo .frage,
body.elementor-editor-active .videos .elementor-widget-wrap.playvideo .startbutton { 
	opacity: 1;
}

.videos .elementor-widget-wrap.remove .cover,
.videos .elementor-widget-wrap.remove .frage,
.videos .elementor-widget-wrap.remove .startbutton {
	visibility: hidden;
}
.videos .elementor-widget-wrap.remove:hover {
	cursor: initial;
}



/* PAGE HEADERS ------------------------------------------------------------------------------------------------------------- */

.pageheader {
	min-height: 75vh;
	background: var(--corporate);
}
.pageheader h1 {
	font-size: 80px;
	color: var(--yellow);
	font-weight: 700;
	padding-top: 50px;
	text-transform: uppercase;
}
.pageheader h2 {
	margin-top: -20px;
}
.pageheader h2 em {
	background: var(--darkcorporate);
}

@media only screen and (max-width: 767px) {
	.pageheader h1 { font-size: 11vw; }
}
@media only screen and (max-width: 500px) {
	.pageheader h2 { font-size: 6vw; }
}
@media only screen and (max-aspect-ratio: 1/1) {
	.pageheader { min-height: 50vh; padding-bottom: 50px; }
}





/* INQUARTIER ------------------------------------------------------------------------------------------------------------ */



.gesamtareal {
	background: var(--corporate);
}
.gesamtareal h2 {
	font-weight: 700;
    font-size: 44px;
    color: var(--yellow);
}
.gesamtareal h2 strong {
	color: var(--white);
    font-weight: 700;
    font-size: 66px;
    margin-left: -8px;
}
.gesamtareal .graph01 {
	margin-top: -150px;
}



.galleryabove {
	margin-bottom: -15px;
}
.galleryabove > .elementor-container {
	padding-left: 15px;
	padding-right: 15px;
}
.galleryabove .elementor-inner-column:nth-of-type(1) .elementor-widget-image { height: 100%; width: 100%; }
.galleryabove .elementor-inner-column:nth-of-type(1) .elementor-widget-image .elementor-widget-container { height: 100%; width: 100%; }
.galleryabove .elementor-inner-column:nth-of-type(1) .elementor-widget-image img { 
	width: 100%;
	height: 100%; 
	object-fit: cover;
}


/* anbindung ********* */

.anbindung {
	background: var(--mint);
}
.anbindung h2 em {
	background: var(--yellow);
	color: var(--darkmint);
}


/* geschichte ******** */

#geschichte .elementor-background-overlay {
	mix-blend-mode: multiply;
	opacity: 1;
}
.arealgrafik {
	margin-top: -100px;
}

@media only screen and (max-width: 767px) {
	.arealgrafik { margin-top: 0; }
	.arealgrafik img { width: 100% !important; }
}


.aerial h2 em {
	background: var(--yellow);
	color: var(--corporate);
}




.timeline {
	margin: 120px auto 240px auto;
}
body.elementor-editor-active .timeline {
	margin-top: 200px;
}

.timeline > .elementor-container {
	width: 90vw;
	max-width: 90vw !important;
}
.timeline > .elementor-container::before, .timeline > .elementor-container::after {
	content: '';
	display: inline-block;
	width: 100vw;
	height: 1px;
	position: absolute;
	background: var(--white); 
}
.timeline > .elementor-container::before {
	top: 50%;
	right: 100%;
}
.timeline > .elementor-container::after {
	top: 50%;
	left: calc(100% - 1px);
}

.timeline .elementor-inner-column {
	padding: 20px;
	height: 240px;
	overflow: visible;
	position: relative;
}
.timeline .elementor-inner-column .elementor-widget-wrap {
	height: 100%;
}
.timeline .elementor-inner-column:nth-child(even) {
	border-top: var(--white) 1px solid;
	transform: translateY(35%);
}
.timeline .elementor-inner-column::before, .timeline .elementor-inner-column:nth-last-of-type(1)::after {
	content: '';
	display: inline-block;
	width: 1px;
	height: calc(30% - 1px);
	position: absolute;
	background: var(--white);
}
.timeline .elementor-inner-column:nth-child(odd)::before {
	bottom: 0;
	left: 0;
}
.timeline .elementor-inner-column:nth-child(even)::before {
	top: 0;
	left: 0;
}
.timeline .elementor-inner-column:nth-of-type(1)::before {
	height: calc(15% - 1px);
}
.timeline .elementor-inner-column:nth-last-of-type(1)::after {
	height: calc(15% - 0px);
	top: 0;
	right: 0;
}


.timeline .elementor-inner-column:nth-child(odd) {
	border-bottom: var(--white) 1px solid;
	transform: translateY(-35%);
}

.timeline .elementor-inner-column:nth-child(odd) .yearbox {
	top: 50%;
}
.timeline .elementor-inner-column:nth-child(odd) .textbox {
	top: calc(100% + 65px);
}
.timeline .elementor-inner-column:nth-child(even) .yearbox {
	bottom: 50%;
}
.timeline .elementor-inner-column:nth-child(even) .textbox {
	bottom: calc(100% + 65px);
}


.timeline .textbox {
	margin: 0 !important;
	width: 160%;
	position: absolute;
	left: -30%;
	padding: 60px 0;
}
.timeline .textbox p {
	color: var(--white);
	text-align: center;
	margin: 0 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
    text-transform: none;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.5em;
}
.timeline .yearbox {
	margin: 0 !important;	
	background: var(--corporate);	
	height: 100px;
	position: absolute;
}
.timeline .yearbox h3 {	
	color: var(--white);
	font-size: 2.4vw;
	font-weight: 700;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 52%;
	transform: translateY(-50%);
	transform-origin: 50% 50%;
	margin: 0 !important;	
	z-index: 1;
}
.timeline .yearbox p:nth-of-type(1) {	
	color: var(--white);
    text-align: center;
    margin: 0 !important;
    z-index: 2;
    position: absolute;
	top: 10px;
    width: 100%;	
	font-family: 'Roboto Condensed', sans-serif !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
}
.timeline .elementor-inner-column:nth-last-of-type(1) .yearbox h3 { color: var(--corporate); }
.timeline .elementor-inner-column:nth-last-of-type(1) .yearbox p { color: var(--corporate); }

.timeline .yearbox p:nth-last-of-type(1) {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	text-indent: -9999px;
	background-color: var(--yellow);
	z-index: 0;
	margin: 0 !important;	
}
.timeline .elementor-inner-column:nth-of-type(1) .yearbox p:nth-last-of-type(1) { opacity: 0; }
.timeline .elementor-inner-column:nth-of-type(2) .yearbox p:nth-last-of-type(1) { opacity: 0.1; }
.timeline .elementor-inner-column:nth-of-type(3) .yearbox p:nth-last-of-type(1) { opacity: 0.2; }
.timeline .elementor-inner-column:nth-of-type(4) .yearbox p:nth-last-of-type(1) { opacity: 0.3; }
.timeline .elementor-inner-column:nth-of-type(5) .yearbox p:nth-last-of-type(1) { opacity: 0.4; }
.timeline .elementor-inner-column:nth-of-type(6) .yearbox p:nth-last-of-type(1) { opacity: 0.5; }
.timeline .elementor-inner-column:nth-of-type(7) .yearbox p:nth-last-of-type(1) { opacity: 0.6; }
.timeline .elementor-inner-column:nth-of-type(8) .yearbox p:nth-last-of-type(1) { opacity: 0.7; }
.timeline .elementor-inner-column:nth-of-type(9) .yearbox p:nth-last-of-type(1) { opacity: 0.8; }
.timeline .elementor-inner-column:nth-of-type(10) .yearbox p:nth-last-of-type(1) { opacity: 1; }

.timeline .yearbox::before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100px;
	background: var(--white);
	position: absolute;
	left: 50%;
}
.timeline .elementor-inner-column:nth-child(odd) .yearbox::before {
	top: calc(100% + 20px);
}
.timeline .elementor-inner-column:nth-child(even) .yearbox::before {
	bottom: calc(100% + 20px);
}

.timeline .yearbox::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: var(--corporate);
	border: var(--white) 2px solid;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	background: var(--corporate);
}
.timeline .elementor-inner-column:nth-child(odd) .yearbox::after {
	bottom: -20px;
	transform: translate(-50%, 50%);
}
.timeline .elementor-inner-column:nth-child(even) .yearbox::after {
	top: -20px;
	transform: translate(-50%, -50%);
}


@media only screen and (max-width: 1300px) {
	.timeline .yearbox p:nth-of-type(1) { font-size: 14px; }
	.timeline .elementor-inner-column { padding: 10px; height: 220px; }
	.timeline .elementor-inner-column:nth-child(odd) .yearbox::before { top: calc(100% + 10px); }
	.timeline .elementor-inner-column:nth-child(odd) .yearbox::after { bottom: -10px; }
	.timeline .elementor-inner-column:nth-child(odd) .textbox { top: calc(100% + 55px); }
	.timeline .elementor-inner-column:nth-child(even) .yearbox::before { bottom: calc(100% + 10px); }
	.timeline .elementor-inner-column:nth-child(even) .yearbox::after { top: -10px; }
	.timeline .elementor-inner-column:nth-child(even) .textbox { bottom: calc(100% + 55px); }
}
@media only screen and (max-width: 1024px) {
	.timeline .yearbox p:nth-of-type(1) { font-size: 13px; }
}
@media only screen and (max-width: 900px) {
	
	.timeline { margin: 0 auto 80px auto; }
	.timeline > .elementor-container::before, .timeline > .elementor-container::after { display: none; }
	.timeline .elementor-inner-column { padding: 10px; height: auto; width: 100%; transform: none !important; border-width: 0 !important; }
	.timeline .elementor-inner-column::before { display: none !important; }
	.timeline .elementor-inner-column::after { display: none !important; }
	
	.timeline .elementor-inner-column .yearbox { height: 100% !important; top: 0 !important; bottom: auto; position: absolute; padding: 15px; }
	.timeline .elementor-inner-column .yearbox::before { display: none; }
	.timeline .elementor-inner-column .yearbox::after { display: none; }
	.timeline .elementor-inner-column .yearbox h3 { text-align: left; font-size: 10vw; opacity: 0.5; }
	.timeline .elementor-inner-column .yearbox p { text-align: left; font-size: 16px; }
	
	.timeline .elementor-inner-column .textbox { position: relative; top: 0 !important; bottom: auto; left: 0; padding: 10px; text-align: left; min-height: 130px; }
	.timeline .elementor-inner-column .textbox { width: calc(70% - 20px); margin-left: calc(30% + 5px) !important; z-index: 2; }
	.timeline .elementor-inner-column .textbox .elementor-widget-container { height: 100%; border-left: rgba(255,255,255,0.5) 1px solid; }
	.timeline .elementor-inner-column .textbox p { text-align: left !important; position: relative; top: 50%; transform: translateY(-50%); }
	.timeline .elementor-inner-column .textbox p { font-size: 16px; line-height: 1.3em; padding-left: 10px; } 
	.timeline .elementor-inner-column:nth-last-of-type(1) .textbox p { font-weight: 700; color: var(--corporate); }
	.timeline .elementor-inner-column:nth-last-of-type(1) .textbox .elementor-widget-container { border-left: rgba(0,30,30,0.5) 1px solid; }
}
@media only screen and (max-width: 700px) {
	.timeline .elementor-inner-column .yearbox p { font-size: 14px; }
	.timeline .elementor-inner-column .textbox { position: relative; top: 0 !important; bottom: auto; left: 0; padding: 10px; text-align: left; min-height: 110px; }
}




#mapbox {
	padding: 0 !important;
}

#mapbox,
#mapbox .mapboxcontainer,
#mapbox .mapboxcontainer .elementor-widget-container,
#mapbox .mapboxcontainer .elementor-widget-container iframe {
	height: 100vh;
	width: 100vw;
}

#mapbox .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
    margin: 30px 30px 0 0;
    float: right;
}
#mapbox .mapboxgl-ctrl-top-right .mapboxgl-ctrl:nth-of-type(1) {
    margin-top: 120px;
}

.mapalert {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 2;
    left: 0;
    top: 0;
	text-align: center;
	display: none;
}
/*
body.c_c_r .mapalert { display: block; }
*/
body.elementor-editor-active .mapalert {
	display: block;
}
.mapalert .elementor-container {
	position: absolute;
	z-index: 2;
	width: 100%;
	max-width: 400px !important;
    height: auto;
    display: block;
    background: #ffffff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.mapalert .mapboxtext p {
	font-size: 16px;
	line-height: 1.3em;
	margin-bottom: 0;
}
.mapalert .mapboxtext a {
    font-family: 'Roboto slab', serif !important;
	text-decoration: underline;
	font-size: 16px;
}
.mapalert .mapboxyes, 
.mapalert .mapboxno {
	margin-bottom: 0 !important;
}
.mapalert .mapboxyes a,
.mapalert .mapboxno a {
	display: inline-block;
    width: 240px;
    height: 56px;
    font-family: 'Roboto slab', serif !important;
    border-radius: 30px;
    line-height: 1.2em;
	font-size: 16px;
}

.mapalert .mapboxyes a {
	background: var(--yellow);
    padding: 18px 15px;
}
.mapalert .mapboxno a {
	background: var(--mint);
    padding: 8px 15px;
}

/* MAPBOX PAGE ---------------------------------------------------------------------------------------------------------------------------- */

body.mapbox #eheader, body.mapbox #efooter {
	display: none !important;
}
body.mapbox #tarteaucitronRoot {
	display: none !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	position: absolute !important;
	left: -9999px !important;
	top: -9999px !important;
}



/* STÄDTEBAULICHES VERFAHREN --------------------------------------------------------------------------------------------------------------- */


.verfahrenintroimage {
	max-width: 300px;
	margin-top: -120px;
}
@media only screen and (max-width: 767px) {
	.verfahrenintroimage { margin-top: 0; }
}

#beteiligte {
	background: var(--corporate);
}


.timeline2 {
	background: var(--white);
}
.timeline2 > .elementor-container {
	padding: 30px;
}
.yearcolours {
	width: 100%;
	height: 120px;
	background: var(--mint);
}
.yearcolours .elementor-container { height: 100%; }

.yearcolours .elementor-column {
	background: var(--corporate);
	height: 100%;
}
.var1 .yearcolours .elementor-column:nth-of-type(1) { opacity: 0%; }
.var1 .yearcolours .elementor-column:nth-of-type(2) { opacity: 20%; }
.var1 .yearcolours .elementor-column:nth-of-type(3) { opacity: 40%; }
.var1 .yearcolours .elementor-column:nth-of-type(4) { opacity: 60%; }
.var1 .yearcolours .elementor-column:nth-of-type(5) { opacity: 80%; }
.var1 .yearcolours .elementor-column:nth-of-type(6) { opacity: 100%; }

.yearnumbers {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
body.elementor-editor-active .yearnumbers { position: relative; height: auto; background: #cccccc; }

.yearnumbers > .elementor-container {
	height: 100%;
}
.yearnumbers p {
	color: white;
    font-weight: 700;
    font-size: 6.8vw;
    font-family: 'Roboto Condensed', sans-serif !important;
    opacity: 0.4;
    line-height: 5.8vw;
	text-align: center;
	margin-bottom: 0 !important;
}
@media only screen and (min-width: 1400px) {
	.yearnumbers p { font-size: 92px; line-height: 80px; }
}

.descriptions {
	position: absolute;
	top: -40px;
	height: 200px;
}
.descriptions .elementor-container { height: 100%; }
.descriptions .elementor-inner-column { 
	height: 100%;
	position: absolute;
}
.var1 .descriptions .elementor-inner-column:nth-of-type(1) { left: 15%; width: 4px; }
.var1 .descriptions .elementor-inner-column:nth-of-type(2) { left: 20%; width: 7%; }
.var1 .descriptions .elementor-inner-column:nth-of-type(3) { left: 27%; width: 14%; }
.var1 .descriptions .elementor-inner-column:nth-of-type(4) { left: 41%; width: 13%; }
.var1 .descriptions .elementor-inner-column:nth-of-type(5) { left: 54%; width: 38%; }
.var1 .descriptions .elementor-inner-column:nth-of-type(6) { left: calc(83% + 4px); width: 4px; }
	
body.elementor-editor-active .descriptions { position: relative; top: 0; height: auto; margin-bottom: 150px; }	
body.elementor-editor-active .var1 .descriptions { position: relative; top: 0; height: auto; margin-bottom: 150px; }	
body.elementor-editor-active .descriptions .elementor-inner-column { position: relative; left: 0; top: 0; height: auto; width: 150px; }	
body.elementor-editor-active .var1 .descriptions .elementor-inner-column { position: relative; left: 0; top: 0; height: auto; width: 150px; }	
	
.var1 .descriptions .elementor-inner-column:nth-child(even) { 
	background: linear-gradient(180deg, rgba(255,221,0,1) 10%, rgba(255,221,0,0) 60%)
}
.var1 .descriptions .elementor-inner-column:nth-child(odd) { 
	background: linear-gradient(0deg, rgba(255,221,0,1) 10%, rgba(255,221,0,0) 60%)
}
.descriptions .elementor-inner-column .elementor-widget-text-editor {
	position: absolute;
	text-align: center;
	width: auto;
	min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
	padding: 20px 0;
}
.var1 .descriptions .elementor-inner-column:nth-child(even) .elementor-widget-text-editor {
	bottom: 100%;
}
.var1 .descriptions .elementor-inner-column:nth-child(odd) .elementor-widget-text-editor {
	top: 100%;
}

body.elementor-editor-active .descriptions .elementor-inner-column .elementor-widget-text-editor { position: relative; left: 0; top: 0; bottom: auto; }
body.elementor-editor-active .descriptions .elementor-inner-column .elementor-widget-text-editor { min-width: unset; transform: none; height: auto; }	

.descriptions p {
	color: var(--corporate) !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	margin-bottom: 0 !important;
    line-height: 1.2em;
}
.descriptions p strong {
	font-size: 22px;
	padding-bottom: 6px;
    display: inline-block;
}
.descriptions ul {
	list-style: none;
	padding: 0;
	margin-top: 5px;
}
.descriptions ul li {
	color: var(--corporate) !important;
	font-size: 15px !important;
	line-height: 1.2em;
	white-space: nowrap;
}


@media only screen and (max-width: 767px) {
	.timeline2 { margin-top: -60px; margin-bottom: 0; }
	.yearcolours, .yearnumbers { display: none; }
	.var1 .descriptions { position: relative; left: 0; top: 0; bottom: auto; right: auto; height: auto; }
	.var1 .descriptions .elementor-inner-column { height: auto !important; position: relative; width: auto; top: 0; left: 0 !important; width: 100% !important; }
	.var1 .descriptions .elementor-inner-column { background: rgba(255,201,0,0) !important; display: block; }
	.var1 .descriptions .elementor-inner-column .elementor-widget-text-editor { height: auto; position: relative; width: auto; top: 0; left: 0 !important; width: 100% !important; }
	.var1 .descriptions .elementor-inner-column .elementor-widget-text-editor { transform: none; bottom: 0; background: var(--yellow); margin-bottom: 20px; padding: 0; }
	.var1 .descriptions .elementor-inner-column p:nth-of-type(1) { background: var(--corporate); padding: 10px; position: relative; }
	.var1 .descriptions .elementor-inner-column p:nth-of-type(1)::after { background: var(--corporate); content: ''; display: inline-block; position: absolute; bottom: -10px; }
	.var1 .descriptions .elementor-inner-column p:nth-of-type(1)::after { width: 20px; height: 20px; left: 50%; transform: translateX(-50%) rotate(45deg); transform-origin: 50% 50%; }
	.var1 .descriptions .elementor-inner-column p strong { font-size: 30px; display: block; padding: 10px; color: var(--yellow); }
	.var1 .descriptions .elementor-inner-column p:nth-of-type(2) { font-size: 22px; padding: 20px 10px; }
	.var1 .descriptions .elementor-inner-column ul { padding-bottom: 20px; }
	.var1 .descriptions .elementor-inner-column ul li { font-size: 18px !important; line-height: 1.4em; white-space: normal; padding-left: 15px; padding-right: 15px; }
}



/* WETTBEWERB -------------------------------------------------------------------------------------------------------------------------- */

body.wettbewerb .elementor-divider span {
	border-color: var(--mint) !important;
}
body.wettbewerb h2 em {
	background: var(--mint);
}
body.wettbewerb .videos .elementor-widget-wrap {
    background: var(--corporate);
}
body.wettbewerb .videos .startbutton img {
	filter: hue-rotate(113deg) brightness(0.85);
}
body.wettbewerb .videos .frage p em {
	color: var(--mint);
    border-top: var(--mint) 1px solid;
}
body.wettbewerb .videos .name p {
	color: var(--mint);
}




.timeline2.var2 {
	margin-bottom: 80px;
    margin-top: 240px;
}
.timeline2.var2 .graphtitle {
	transform: rotate(-90deg);
    transform-origin: 0 0;
    width: auto;
    position: absolute;
    left: -10px;
    top: -12px;
}
.timeline2.var2 .graphtitle h2 {
	color: var(--yellow);
	font-weight: 700;
	font-size: 36px;
	line-height: 1em;
	text-transform: uppercase;
}

.var2 .yearcolours { background: var(--yellow); }
.var2 .yearcolours .elementor-column { background: var(--aubergine); }

.var2 .yearcolours .elementor-column:nth-of-type(1) { opacity: 0%; }
.var2 .yearcolours .elementor-column:nth-of-type(2) { opacity: 10%; }
.var2 .yearcolours .elementor-column:nth-of-type(3) { opacity: 20%; }

.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor { 
	left: -2px; 
	border-left: var(--mint) 2px solid; 
	padding-top: 5px; 
	bottom: 100%; 
	top: auto; 
	min-width: 800px; 
}
.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor::before { 
	display: inline-block;
    content: '';
    top: 0;
    left: -2px;
    width: 10px;
    height: 2px;
    background: var(--mint);
    position: absolute;
}
.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor p { 
	color: var(--darkmint) !important;
    display: inline;
    margin-right: 8px;
    position: relative;
    top: -9px;
    left: 7px;
}
.var2 .descriptions .elementor-inner-column.buerger .elementor-widget-text-editor { 
	top: 100%;
    bottom: auto;
    border: none;
    text-align: left;
    display: inline-block;
    padding-top: 0;
    right: auto;
    left: 0;
}
.var2 .descriptions .elementor-inner-column.buerger .elementor-widget-text-editor::before { 
	display: inline-block;
    content: '';
    top: 0;
    right: auto;
    left: -2px;
    width: 10px;
    height: 2px;
    background: var(--aubergine);
    position: absolute;
}
.var2 .descriptions .elementor-inner-column.buerger .elementor-widget-text-editor p { 
	color: var(--aubergine) !important; 
}



.var2 .descriptions .elementor-inner-column { 
	background: linear-gradient(180deg, rgba(25,217,206,0.6) 10%, rgba(25,217,206,0) 100%); /* mint */
	height: 150px;
    margin-top: 10px; 
	border-left: var(--mint) 2px solid;
} 
.var2 .descriptions .elementor-inner-column.buerger { 
	background: linear-gradient(0deg, rgba(99,0,86,0.6) 10%, rgba(99,0,86,0) 100%); /* aubergine */
	height: 160px; 
	margin-top: 40px; 
	border-left: var(--aubergine) 2px solid;
} 

.var2 .descriptions .elementor-widget-text-editor { 
	padding-left: 8px; 
	padding-right: 8px; 
	padding-bottom: 8px;
	transform: translateX(0); 
	left: 0; 
	text-align: left; 
	border-left: var(--mint) 2px solid; 
	padding-top: 5px;
}



/* bürgertext: 1, 6, 9 */

.var2 .descriptions .elementor-inner-column:nth-of-type(1) { left: 17%; width: 2px; height: 220px; }

.var2 .descriptions .elementor-inner-column:nth-of-type(2) { left: 18.5%; width: 2px; }
.var2 .descriptions .elementor-inner-column:nth-of-type(2) .elementor-widget-text-editor { height: 195px; }

.var2 .descriptions .elementor-inner-column:nth-of-type(3) { left: 20%; width: 2px; }
.var2 .descriptions .elementor-inner-column:nth-of-type(3) .elementor-widget-text-editor { height: 160px; }

.var2 .descriptions .elementor-inner-column:nth-of-type(4) { left: 21%; width: 8.5%; }
.var2 .descriptions .elementor-inner-column:nth-of-type(4) .elementor-widget-text-editor { height: 125px; }

.var2 .descriptions .elementor-inner-column:nth-of-type(5) { left: 27%; width: 2px; }
.var2 .descriptions .elementor-inner-column:nth-of-type(5) .elementor-widget-text-editor { height: 90px; }

.var2 .descriptions .elementor-inner-column:nth-of-type(6) { left: 31%; width: 2px; height: 190px; }

.var2 .descriptions .elementor-inner-column:nth-of-type(7) { left: 31.5%; width: 8.5%; }
.var2 .descriptions .elementor-inner-column:nth-of-type(7) .elementor-widget-text-editor { height: 55px; }

.var2 .descriptions .elementor-inner-column:nth-of-type(8) { left: 50%; width: 2px; }
.var2 .descriptions .elementor-inner-column:nth-of-type(8) .elementor-widget-text-editor { height: 20px; }

.var2 .descriptions .elementor-inner-column:nth-of-type(9) { left: 68%; width: 2px; height: 160px; }

@media only screen and (max-width: 767px) {
	.timeline2 > .elementor-container { padding: 20px; }
	.timeline2.var2 { margin-top: 0; margin-bottom: 0; }
	.timeline2.var2 .graphtitle { transform: none; position: relative; left: 0; top: 0; }
	.timeline2.var2 .graphtitle h2 { font-size: 32px; }
	.timeline2.var2 .graphtitle h2 br { display: none; }
	.timeline2.var2 .descriptions { height: auto; position: relative; top: auto; }
	.timeline2.var2 .descriptions .elementor-inner-column { width: 100% !important; height: auto !important; margin-top: 0; left: 0; top: 0; position: relative; border: none; }
	.timeline2.var2 .descriptions .elementor-inner-column { margin-bottom: 10px; }
	.timeline2.var2 .descriptions .elementor-inner-column { background: var(--corporate); }
	.timeline2.var2 .descriptions .elementor-inner-column.buerger { background: var(--aubergine); }
	.timeline2.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor { top: 0; min-width: 0; position: relative; transform: none; height: auto !important; }
	.timeline2.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor { border: none; left: 0; padding: 0; width: 100%; }
	.timeline2.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor::before { display: none; }
	.timeline2.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor p { width: 100%; text-align: center; padding: 20px 10px 18px 10px; }
	.timeline2.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor p { top: 0; left: 0; color: var(--yellow) !important; display: block; }
	.timeline2.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor p strong { padding: 0; }
	.timeline2.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor p:nth-of-type(1) { background: var(--corporate); }
	.timeline2.var2 .descriptions .elementor-inner-column.buerger .elementor-widget-text-editor p:nth-of-type(1) { background: var(--aubergine); }
	.timeline2.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor p:nth-of-type(1)::after { width: 20px; height: 20px; left: 50%; content: ''; position: absolute; }
	.timeline2.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor p:nth-of-type(1)::after { display: inline-block; z-index: 1; bottom: -10px; }
	.timeline2.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor p:nth-of-type(1)::after { transform: translateX(-50%) rotate(45deg); transform-origin: 50% 50%; }
	.timeline2.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor p:nth-of-type(1)::after { background: var(--corporate); }
	.timeline2.var2 .descriptions .elementor-inner-column.buerger .elementor-widget-text-editor p:nth-of-type(1)::after { background: var(--aubergine); }
	.timeline2.var2 .descriptions .elementor-inner-column .elementor-widget-text-editor p:nth-of-type(2) { background: rgba(255,255,255,0.3); }
	.timeline2.var2 .descriptions .elementor-inner-column.buerger .elementor-widget-text-editor p { color: var(--white) !important; }
}
@media only screen and (max-width: 420px) {
	.timeline2.var2 .graphtitle h2 br { display: block; }
}

body.elementor-editor-active .var2 .descriptions .elementor-inner-column { width: auto !important; position: relative; left: 0; top: 0; }


.deutschlandundschweiz {
	max-width: 280px;
	margin-bottom: -30px;
}

@media only screen and (max-width: 767px) {
	.teamkarte .elementor-top-column:nth-of-type(1) { width: 70%; }
	.teamkarte .elementor-top-column:nth-of-type(2) { width: 30%; }
	.teamkarte .elementor-top-column > .elementor-widget-wrap { align-content: flex-start !important; align-items: flex-start !important; }
	.deutschlandundschweiz { margin-bottom: 0; }
	.deutschlandundschweiz img { padding-right: 15px; }
}


.preisgericht {
	padding-left: 20px;
	padding-right: 20px;
}
.preisgericht .elementor-inner-column {
	padding: 0;
}
.preisgericht .elementor-inner-column .elementor-widget-wrap {
	padding: 40px 20px 30px 20px !important;
}
.preisgericht .elementor-inner-column:nth-of-type(1) .elementor-widget-wrap { background: rgba(0,32,32,1); }
.preisgericht .elementor-inner-column:nth-of-type(2) .elementor-widget-wrap { background: rgba(0,32,32,0.85); }
.preisgericht .elementor-inner-column:nth-of-type(3) .elementor-widget-wrap { background: rgba(0,32,32,0.7); }

.preisgericht .elementor-widget-icon {
	display: inline-block;
	max-width: 30px;
}
.preisgericht .elementor-widget-icon ellipse, .preisgericht .elementor-widget-icon path {
	fill: var(--mint);
}
.preisgericht h3, .preisgericht p, .preisgericht ul li {
	font-family: 'Roboto Condensed', sans-serif !important;
	text-align: center;
}
.preisgericht h3 {
	color: var(--yellow);
	font-weight: 700;
	font-size: 20px;
}
.preisgericht .elementor-inner-column:nth-of-type(3) h3 {
	margin-top: 0.7em;
}
.preisgericht p {
	color: var(--white);
}
.preisgericht ul {
	list-style: none;
	padding: 0;
	margin-top: 0.7em;
}
.preisgericht ul li {
	color: var(--white);
	position: relative;
	margin-bottom: 1.2em;
    line-height: 1.4em;
}
.preisgericht ul li::after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background: var(--yellow);
	border-radius: 100%;
	position: absolute;
	bottom: -0.8em;
	left: calc(50% - 3px);
	
}
.preisgericht ul li:nth-last-of-type(1)::after {
	display: none;
}




/* SIEGERENTWURF ------------------------------------------------------------------------------------------------------------------------------ */

.siegerentwurfintroimage {
	max-width: 360px;
	margin-top: -120px;
}
.labelinbegriff {
	max-width: 300px;
	background: var(--mint);
}
.labelinbegriff img {
	padding: 30px;
    filter: hue-rotate(243deg) brightness(1.24);
}
@media only screen and (max-width: 767px) {
	.siegerentwurfintroimage { margin-top: 0; }
	.labelinbegriff { max-width: 240px; margin: 0 auto; }
}





/* AKTUELLER PLANUNGSSTAND ------------------------------------------------------------------------------------------------------------------- */

.labelsupergeborgen {
	max-width: 360px;
    padding: 30px;
    background: var(--aubergine);
    margin-top: -100px;
}

@media only screen and (max-width: 767px) {
	.labelsupergeborgen { margin-top: 0; }
}

#lageplan .elementor-top-column:nth-of-type(1) {
	width: 25%;
	min-width: 300px;
}
#lageplan .elementor-top-column:nth-of-type(2) {
	width: 75%;
	max-width: calc(100% - 300px);
	position: relative;
	top: 100px;
}

#lageplan .maptabs .elementor-container {
	flex-direction: column;
}
#lageplan .maptabs .elementor-col-50 {
	width: 100% !important;
}

#lageplan .maptabs ul {
	padding: 0;	
}
#lageplan .maptabs ul li {
	list-style-type: none;
    font-size: 20px;
    color: var(--white);
    background: var(--mint);
    padding: 0px 10px 0 32px;
    margin-top: 10px;
    display: inline-block;
	position: relative;
}
#lageplan .maptabs ul li:hover {
	background-color: var(--yellow);
	cursor: pointer;
}
#lageplan .maptabs ul li::before {
	content: 'i';
    font-family: 'Roboto Slab';
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 16px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border: var(--white) 2px solid;
    border-radius: 100%;
    position: absolute;
    left: 6px;
    top: 6px;
    color: var(--white);
}
#lageplan .maptabs ul li.active {
	background: var(--corporate);
}
#lageplan .maptabs ul li:nth-of-type(1) {
	text-transform: uppercase;
	background: var(--corporate);
}
#lageplan .maptabs ul li:nth-of-type(1)::before {
	background: var(--white);
	opacity: 0.5;
}
#lageplan .maptabs ul li:nth-of-type(1)::after {
	content: '';
	display: inline-block;
	background: var(--white);
	width: 10px;
	height: 10px;
	position: absolute;
	left: 11px;
	top: 11px;
	border-radius: 100%;
}
#lageplan .maptabs ul li:nth-of-type(1).fade {
	opacity: 0.6;
}
#lageplan .maptabs ul li:nth-of-type(1).fade::after {
	opacity: 0;
}

@media only screen and (max-width: 1024px) {
	#lageplan > .elementor-container { flex-direction: column; }	
	#lageplan .elementor-top-column:nth-of-type(1) { width: 100%; }
	#lageplan .elementor-top-column:nth-of-type(2) { width: 100%; max-width: calc(100% - 40px); margin-left: 20px; top: 20px; }
	#lageplan .maptabs > .elementor-container { flex-direction: column; }
	#lageplan .maptabs .elementor-inner-column:nth-of-type(1) { width: 100% !important; }   
	#lageplan .maptabs .elementor-inner-column:nth-of-type(2) { width: 100% !important; }    
	#lageplan .maptabs ul li { margin-right: 10px; }    
}
@media only screen and (max-width: 1024px) { 
	#lageplan .maptabs ul { margin-top: -10px; }    
	#lageplan .maptabs p { margin: 0; }
}



#lageplan .elementor-top-column:nth-of-type(2) .elementor-inner-section {
	opacity: 0;	
	/* = .overlay */
}
#lageplan .elementor-top-column:nth-of-type(2) .elementor-inner-section:nth-of-type(1) {
	opacity: 1;
	position: relative;
}
body.elementor-editor-active #lageplan .elementor-top-column:nth-of-type(2) .elementor-inner-section { 
	opacity: 1; 
	background-image: url(http://inquartier.hh-vision.de/wp-content/uploads/Lageplan2000px_Base.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

#lageplan .elementor-top-column:nth-of-type(2) .elementor-widget-heading { 
	position: absolute;
	top: -63px;
	left: 0;
}
#lageplan .elementor-top-column:nth-of-type(2) .elementor-widget-heading h2 { 
	color: var(--corporate);
}

#lageplan .elementor-top-column:nth-of-type(2) .elementor-widget-text-editor { 
	/* = .infopop */
}
body.elementor-editor-active #lageplan .elementor-top-column:nth-of-type(2) .elementor-widget-text-editor { 
	display: inline-block; width: 200px; max-width: 200px; background: #cccccc; padding: 10px; margin: 10px;
}

#lageplan .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: opacity .3s linear; 
}
#lageplan .overlay.showoverlay {
	opacity: 1 !important;
	z-index: 5;
}

#lageplan .infopop {
	width: 36px;
    height: 36px; 
	overflow: visible;
	margin: 0 !important;
	position: absolute;
	transform: translate(-50%, -50%);
	border: var(--marker2) 2px solid;
	border-radius: 100%;
}
#lageplan .infopop:hover {	
	cursor: pointer;
}
#lageplan .infopop .text {
	position: absolute;
    width: auto;
    max-width: 200px;
    min-width: 140px;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%) scale(0);
	transform-origin: 50% 100%;
    background: var(--marker3);
    border: var(--marker3) 2px solid;
    text-align: center;
	transition: all .2s ease-in-out;
	margin-bottom: 10px;
}
#lageplan .infopop .text::before {
	content: '';
    display: inline-block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: 50% 50%;
    background: var(--marker3);
    border: var(--marker3) 2px solid;
    border-left-color: rgba(0,0,0,0);
    border-top-color: rgba(0,0,0,0);
}
#lageplan .infopop p {
	text-align: center;
    color: var(--marker4);
    font-size: 18px;
    line-height: 1.2em;
    padding: 10px;
    margin-bottom: 0;
    font-family: 'Roboto Condensed', sans-serif !important;
}
#lageplan .marker {
	width: 100%;
    height: 100%;
    display: inline-block;
    background: var(--marker1);
    border: var(--marker1) 6px solid;
    border-radius: 100%;
    text-align: center;
    font-weight: 500;
    color: var(--marker2);
    font-size: 22px;
    line-height: 1.4em;
}
#lageplan .marker .hline, #lageplan .marker .vline {	
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: var(--marker2);
}
#lageplan .marker .hline {
	width: 16px;
	height: 2px;
}
#lageplan .marker .vline {
	width: 2px;
	height: 16px;
}


#overlay_1 .marker, #overlay_2 .marker, #overlay_3 .marker, #overlay_4 .marker { text-indent: -9999px; }

#lageplan .infopop:hover {
	border-color: var(--marker1);
}
#lageplan .infopop:hover .marker {
	background: var(--marker2);
    border-color: var(--marker2);
}
#lageplan .infopop:hover .marker .hline, #lageplan .infopop:hover .marker .vline {
	background: var(--marker1);
} 
#lageplan .infopop:hover .marker .vline {
	display: none;
}
#lageplan .infopop:hover .text {
    transform: translateX(-50%) scale(1);
}

#infopop_1_1 { left: 49%; top: 27%; }
#infopop_1_2 { left: 41%; top: 35%; }
#infopop_1_3 { left: 46%; top: 42%; }
#infopop_1_4 { left: 37%; top: 43%; }
#infopop_1_5 { left: 31%; top: 48%; }
#infopop_1_6 { left: 38%; top: 52%; }
#infopop_1_7 { left: 59%; top: 52%; }
#infopop_1_8 { left: 29%; top: 79%; }

#infopop_2_1 { left: 22%; top: 50%; }
#infopop_2_2 { left: 38%; top: 47%; }
#infopop_2_3 { left: 52%; top: 16%; }

#infopop_3_1 { left: 32%; top: 46%; }
#infopop_3_2 { left: 52%; top: 61%; }
#infopop_3_3 { left: 62%; top: 36%; }
#infopop_3_4 { left: 50%; top: 21%; }

#infopop_4_1 { left: 38%; top: 42%; }
#infopop_4_2 { left: 76%; top: 61%; }
#infopop_4_3 { left: 60%; top: 22%; }





/* BEBAUUNGSPLANVERFAHREN --------------------------------------------------------------------------------------------------------------------- */


.labelplaninprogress {
	max-width: 340px;
    background: var(--aubergine);
}
.labelplaninprogress img {
	padding: 30px;
}
@media only screen and (max-width: 767px) {
	.labelplaninprogress { max-width: 260px; margin: 0 auto; }
}




/* BÜRGERBETEILIGUNG --------------------------------------------------------------------------------------------------------------------------- */

.planerteamerlebnis {
	background: var(--darkcorporate);
}


/* flow-charty graph ****** */

.verfahren {
	max-width: 600px;
	margin: 0 auto;
}
.verfahren .elementor-widget-text-editor {
	margin-bottom: 0 !important;
	text-align: center;
}
.verfahren .elementor-widget-text-editor .elementor-widget-container {
	height: 100%;
	margin-bottom: 0 !important;
}
.verfahren .elementor-widget-text-editor.split {
	max-width: calc(50% - 40px);
	margin: 0 auto;
}
.verfahren .elementor-widget-text-editor.split .elementor-widget-container {
	max-width: 100%;
}
.verfahren .elementor-widget-text-editor.split::after {
	content: '';
	display: inline-block;
	position: absolute;
	background: var(--verfahrenarrows);
}
.verfahren .elementor-widget-text-editor.split.left::after { width: 40px; height: 2px; left: 100%; top: 50%; }
.verfahren .elementor-widget-text-editor.split.right::after { width: 2px; height: 50%; left: -21px; top: 50%; }


.verfahren .elementor-widget-text-editor .tint {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--corporate);
	transition: opacity .3s linear;
}
.verfahren .elementor-widget-text-editor p {
	color: var(--white);
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif !important;
	margin-bottom: 0 !important;
	font-size: 16px;
    line-height: 1.3em;
	display: inline-block;
    margin: 0 auto;
    background: var(--mint);
    padding: 5px 20px;
	height: 100%;
	min-width: 30%;
	position: relative;
}
.verfahren .elementor-widget-text-editor.highlight p {
	background-color: var(--aubergine);
	font-weight: 700;
}
.verfahren .elementor-widget-text-editor.highlight p .tint {
	display: none;
}
.verfahren .elementor-widget-text-editor.last p {
	max-width: 70%;
}
.verfahren .elementor-widget-text-editor p strong {
	position: relative;
	font-weight: normal;
}
.verfahren .elementor-widget-text-editor p em {
	display: block;
    position: absolute;
    top: calc(100% + 17px);
    left: 0;
    width: 100%;
    text-align: center;
    font-style: normal;
    color: var(--mint);
    font-size: 15px;
    font-weight: 700;
}

.verfahren .elementor-widget-icon {
	font-size: 0;
	line-height: 0;
	margin-bottom: 2px !important;
}
.verfahren .elementor-widget-icon div {
	font-size: 0;
	line-height: 0;
}
.verfahren .elementor-widget-icon.split {
	width: 50%;
}
.verfahren .elementor-widget-icon.split.left {
	padding-left: 23%;
}
.verfahren .elementor-widget-icon.split.right {
	padding-right: 23%;
}
.verfahren .elementor-widget-icon .elementor-icon {
	width: 2px;
    background: var(--verfahrenarrows);
    height: 20px;
}
.verfahren .elementor-widget-icon.split .elementor-icon {
    height: 40px;
}
.verfahren .elementor-widget-icon .elementor-icon::after {
	content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid var(--verfahrenarrows);
    position: relative;
    left: -5px;
    top: calc(100% - 10px);
}
.verfahren .elementor-icon i {
	display: none;
}


/* boxy timeline graph ***** */

.beteiligungsheading {
	overflow: hidden;
}
.beteiligungsheading .elementor-widget-container::before {	
	content: '';
    display: inline-block;
    background: var(--mint);
    width: calc(100% - 10px);
    height: 4px;
    position: absolute;
    left: 0;
    z-index: -1;
    top: 24px;
}
.beteiligungsheading h2 {
	font-weight: 700;
    color: var(--mint);
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    padding-right: 10px;
    background: var(--white);
}
.beteiligungsheading h2::after {	
	content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 14px;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 30px solid var(--mint);
}

.beteiligung {
	
}
.beteiligung .elementor-inner-column {	
	background: var(--corporate);
	overflow: hidden;
	min-height: 320px;
}
.beteiligung .elementor-inner-column:nth-of-type(1) .elementor-widget-wrap { background: rgba(25,217,206,1); }
.beteiligung .elementor-inner-column:nth-of-type(2) .elementor-widget-wrap { background: rgba(25,217,206,0.7); }
.beteiligung .elementor-inner-column:nth-of-type(3) .elementor-widget-wrap { background: rgba(25,217,206,0.3); }
.beteiligung .elementor-inner-column:nth-of-type(4) .elementor-widget-wrap { background: rgba(25,217,206,0); }

.beteiligung .elementor-inner-column:nth-of-type(1) .elementor-widget-wrap::before { opacity: 1; }
.beteiligung .elementor-inner-column:nth-of-type(2) .elementor-widget-wrap::before { opacity: 0.9; }
.beteiligung .elementor-inner-column:nth-of-type(3) .elementor-widget-wrap::before { opacity: 0.8; }
.beteiligung .elementor-inner-column:nth-of-type(4) .elementor-widget-wrap::before { opacity: 0.7; }

.beteiligung .elementor-inner-column .elementor-widget-wrap::before {
	content: '';
    display: inline-block;
    background: var(--yellow);
    width: 150%;
    height: 100%;
    position: absolute;
    bottom: 60%;
    left: 0;
    transform: rotate(-12deg);
    transform-origin: 0 100%;
}

.beteiligung .elementor-widget-text-editor {
	padding-left: 8%;
	padding-right: 8%;
	margin-bottom: 0 !important;
}
.beteiligung .elementor-widget-text-editor p {
	font-family: 'Roboto Condensed', sans-serif !important;	
	color: var(--white);
    line-height: 1.3em;
	margin-bottom: 0 !important;
}
.beteiligung .elementor-widget-text-editor p strong {
	font-size: 24px;
	color: var(--yellow);
	text-transform: uppercase;
}
.beteiligung .elementor-widget-text-editor p em {
	font-style: normal;
	display: inline-block;
	position: relative;
	padding-left: 30px;
}
.beteiligung .elementor-widget-text-editor p em::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 2px;
	background: var(--white);
	position: absolute;
	left: 0;
	top: 0.6em;
}
.beteiligung .elementor-widget-text-editor p em::after {
	content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: var(--white) 2px solid;
    border-right: var(--white) 2px solid;
    transform: rotate(45deg);
    transform-origin: 50% 50%;
    position: absolute;
    left: 10px;
    top: 8px;
}
.beteiligung .elementor-widget-text-editor h2 {
	font-size: 66px;
    font-weight: 700;
    color: var(--yellow);
    margin-top: -3px;
    margin-right: -5px;
}

.beteiligung .elementor-inner-column .elementor-widget-text-editor:nth-of-type(1) {
	text-align: left;
	padding-top: 5%;
	text-transform: uppercase;
}
.beteiligung .elementor-inner-column .elementor-widget-text-editor:nth-of-type(1) p {
	font-size: 18px;
	font-weight: 700;
	color: var(--corporate);
}
.beteiligung .elementor-inner-column .elementor-widget-text-editor:nth-of-type(2) {
	text-align: right;
	padding-bottom: 8%;
}
.beteiligung .elementor-inner-column .elementor-widget-text-editor:nth-of-type(2) p {
	font-size: 20px;
}
@media only screen and (max-width: 1024px) {	
	.beteiligung .elementor-inner-column { width: 25% !important; }
	.beteiligung .elementor-inner-column .elementor-widget-text-editor:nth-of-type(2) p { font-size: 18px; }
	.beteiligung .elementor-widget-text-editor p em::before { width: 18px; left: 2px; top: 9px; }
	.beteiligung .elementor-widget-text-editor p em::after { top: 5px; }
}
@media only screen and (max-width: 767px) {	
	.beteiligungsheading .elementor-widget-container::before { display: none; }
	.beteiligungsheading h2 { padding-left: 18px; }
	.beteiligungsheading h2::after { display: none; }
	.beteiligung .elementor-inner-column { width: calc(50% - 30px) !important; margin-left: 20px; margin-bottom: 20px; }
	.beteiligung .elementor-inner-column .elementor-widget-text-editor:nth-of-type(2) p { font-size: 16px; }
}




/* FAQ -------------------------------------------------------------------------------------------------------------------------------------- */



.faqblock {

}
.faqblock h3 {
	font-size: 24px;
    line-height: 1.3em;
    font-weight: 700;
    text-align: left;
    border-bottom: var(--yellow) 1px solid;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px 20px 5px 36px;
    position: relative;
	color: var(--corporate);
}

.faqblock .faqquestion {
	transition: all .2s ease-in-out;
}
.faqblock .faqquestion:hover {
	background: var(--yellow);
	cursor: pointer;
}
.faqblock .faqquestion::before {
	content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 19px;
    width: 19px;
    height: 3px;
    background-color: var(--mint);
	transition: all .2s ease-in-out;
	transform-origin: center;
}
.faqblock .faqquestion::after {
	content: '';
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 11px;
    width: 3px;
    height: 19px;
    background-color: var(--mint);
	transition: all .2s ease-in-out;
	transform-origin: center;
}
.faqblock .faqquestion:hover::before {
	left: 10px;
}
.faqblock .faqquestion:hover::after {
	left: 18px;
}
.faqblock .faqquestion.active h3 {
	color: var(--mint);
}


.faqblock .faqquestion.active::before {
	left: 0;
	transform: rotate(180deg);
}
.faqblock .faqquestion.active::after {
	left: 10px;
	transform: rotate(-90deg);
}


.faqblock .faqquestion.active:hover::before {
	left: 10px;
}
.faqblock .faqquestion.active:hover::after {
	left: 18px;
}


.faqblock p {
	display: none;
	text-align: left;
}
body.elementor-editor-active .faqblock p {
	display: block;
}

.faqblock .faqanswer {
	height: auto;
	max-height: 0;
	margin-bottom: 0 !important;
	overflow: hidden;
	transition: all .5s ease-in-out;
}
.faqblock .faqanswer > .elementor-widget-container {
	padding-bottom: 40px;
}
.faqblock .faqanswer.open {
	max-height: 500px;
}
.faqblock a {
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
}



/* DOWNLOADS ------------------------------------------------------------------------------------------------------------ */

#downloads .elementor-inner-section .elementor-widget-wrap.elementor-element-populated {
	margin: 20px;
	padding-bottom: 50px;
	background: linear-gradient(45deg, var(--aubergine), var(--mint));
}
#downloads p {
	color: white;
	font-family: 'Roboto Condensed', sans-serif !important;
}
#downloads .tablink {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

@media only screen and (max-width: 1024px) {
	#downloads .elementor-inner-section .elementor-inner-column { width: 50% !important; }
}
@media only screen and (max-width: 767px) {
	#downloads .elementor-inner-section .elementor-inner-column { width: 100% !important; }
	#downloads .elementor-inner-section .elementor-widget-wrap.elementor-element-populated { margin-bottom: 0; }
}





/* KONTAKT -------------------------------------------------------------------------------------------------------------- */

#kontakt {
	background-color: var(--corporate);
}
#kontakt .labelmitunsinkontakt {
	margin-left: 2px;
}
#kontakt .labelmitunsinkontakt img {
	width: 238px;
    max-width: 40vw;
}
#kontakt .ansprechpartner {
	margin: 0;
	margin-top: 20px;
}
#kontakt .ansprechpartner p {
    font-weight: 400;
	line-height: 1.5em;
    font-family: 'Roboto Slab', sans-serif !important;
}
#kontakt .ansprechpartner a {
    font-weight: 400;
	line-height: 1.5em;
    font-family: 'Roboto Slab', sans-serif !important;
	color: var(--yellow);
}

#kontakt .ansprechpartner h2 {
	margin-top: 0;
	margin-bottom: 0;
}
#kontakt .ansprechpartner h2 em {
	background: var(--darkcorporate);
}
#kontakt .ansprechpartner .elementor-widget-image {
	max-width: 242px;
	margin-left: -1px;
	border: var(--darkcorporate) 2px solid;
}

#kontakt .kontaktformular {
	margin-top: -87px;
}
@media only screen and (max-width: 767px) {
	#kontakt .kontaktformular { margin-top: 0; }
}
#kontakt .kontaktformular h3 {
	line-height: 0.9em;
	margin-bottom: 25px;
}
#kontakt .kontaktformular h3::after {
	content: '';
	display: inline-block;
	background: var(--yellow);
	height: 1px;
	width: 50vw;
}



.fluentform * {
	user-select: auto;
}
.fluentform label {
    color: var(--yellow);
	margin-bottom: 5px !important;
}
.fluentform p {
	color: var(--yellow);
}
.fluentform .ff-el-group {
    margin-bottom: 35px; 
}
.fluentform .ff-el-form-control {
	background-color: var(--darkcorporate);
	border: var(--yellow) 2px solid;
	border-radius: 0;
	color: var(--yellow);
}
.fluentform .ff_t_c p {
	font-size: 14px;
}
.fluentform .ff_t_c a {
	color: var(--yellow) !important;
	font-family: 'Roboto Slab', serif !important;
}
.fluentform .ff_t_c a:hover {
	color: var(--white) !important;
}
form.fluent_form_1 .ff-btn-submit {
    background-color: var(--yellow) !important;
    color: var(--corporate) !important;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
	margin-top: 20px;
}
.fluentform .ff_btn_style:focus, .fluentform .ff_btn_style:hover {
    opacity: 1;
    background-color: var(--white) !important;
}



/* 404 ----------------------------------------------------------------------------------------------------------------- */

.page404 {
}
.page404 h3 {
	font-size: 120px;
	font-weight: 700;
	color: var(--mint);
}



/* FOOTER ------------------------------------------------------------------------------------------------------------- */

body.passwordshield-active #efooter {
	display: none;
}
#efooter {
	background: var(--blackcorporate);
	width: 100%;
	padding-top: 100px;
	padding-bottom: 150px;
}
#efooter .elementor-widget-html {
	text-align: center;
}
#efooter .elementor-widget-html svg {
	width: 260px;
	max-width: 70vw;
}
#efooter .elementor-widget-html svg path,
#efooter .elementor-widget-html svg rect,
#efooter .elementor-widget-html svg polygon {
	fill: var(--white);
}
#efooter h2::before {
	top: -35px;
}
#efooter .footertext {
	margin-bottom: 120px;
}
#efooter h3 {
	color: var(--corporate);
    line-height: 1.4;
    margin-bottom: 30px;
}
#efooter p {
	color: #cccccc;
}
#efooter p strong {
	color: #ffffff;
}
#efooter a {
	color: #cccccc;
}
#efooter a:hover {
	color: var(--corporate);
}
#efooter .footerlogo {
	width: 100px;
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 2;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
	#efooter .footerlogo { bottom: 100px; }
}




/* FOOTER MENU ---------------------------------------------------------------------------------------- */


#efooter .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main {
    display: block !important;
}
#efooter .footermenu .sub-arrow {
	display: none;
}
#efooter .footermenu ul li {
	display: block !important;
}

#efooter .footermenu nav > ul > li:nth-last-of-type(1) > a { display: none; }
#efooter .footermenu nav > ul > li:nth-last-of-type(2) > a { display: none; }
/*
#efooter .footermenu nav > ul > li:nth-last-of-type(3) > ul li a { text-transform: uppercase; text-transform: uppercase; margin-bottom: 9px; font-weight: 700; }
*/


#efooter .footermenu ul li a {
	color: rgba(255,255,255,0.7);
	text-transform: uppercase;
}
#efooter .footermenu ul li a::after {
	display: none !important;
}
#efooter .footermenu ul li a:hover {
	color: var(--yellow) !important;
	background: rgba(0,0,0,0) !important;	
}
#efooter .footermenu ul li a.elementor-item-active {
	color: var(--yellow) !important;
	background-color: rgba(0,0,0,0);
}
#efooter .footermenu ul li ul {
	margin-top: 0 !important;
	display: block !important;
	background: rgba(0,0,0,0) !important;
	position: relative;
	top: 0 !important;
	margin-right: 20px;
	width: 100% !important;
}
#efooter .footermenu ul li ul li a {
	padding: 3px 2px 3px 12px !important;
	text-transform: none;
	color: #ffffff;
}

@media only screen and (max-width: 1024px) {
	#efooter .footermenu ul { display: block; }
	#efooter .footermenu ul li { text-align: center; }
	#efooter .footermenu ul li a { width: auto; display: inline-block; padding-left: 10px !important; padding-right: 10px !important; }
	#efooter .footermenu ul li ul li a { width: auto; display: inline-block; padding-left: 10px !important; padding-right: 10px !important; }
}


/* SCROLLTOP ------------------------------------------------------------------------------------------------------ */

#scrolltop {
	width: 50px;
	height: 50px;
	display: inline-block;
	position: fixed;
	bottom: 50px;
	right: 20px;	
	background-color: rgba(0,0,0,0);
	border: var(--yellow) 3px solid;
	border-radius: 100%;
	transition: all .2s ease-in-out;
	opacity: 0;
	z-index: 9999;
}
#scrolltop.display {
	opacity: 1;
}
#scrolltop:hover {
	cursor: pointer;
	background-color: var(--corporate);
}
#scrolltop .scrollarrow {
	width: 22px;
    height: 22px;
    position: absolute;
    left: 11px;
    top: 15px;
    display: inline-block;
    border-top: var(--yellow) 3px solid;
    border-right: var(--yellow) 3px solid;
	transition: all .2s ease-in-out;
    transform: rotate(-45deg);
}

#scrolltop:hover {
	cursor: pointer;
	background-color: var(--corporate);
}
#scrolltop:hover .scrollarrow {
	transform: rotate(-405deg);
}

/* DATENSCHUTZ, IMPRESSUM ------------------------------------------------------------------------------------------ */

body.impressum, body.datenschutz {
	background-color: var(--corporate);
}
#impressum h3, #datenschutz h3 {
	color: var(--mint) !important;
}
#impressum a, #impressum ul li, #datenschutz a, #datenschutz ul li {
	font-family: 'Roboto Slab', serif !important;
}
#datenschutz table th, #datenschutz table td {
	text-align: left;
	font-family: 'Roboto Slab', serif !important;
	font-weight: 400;
}


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


/* COOKIE NOTICE -------------------------------------------------------------------------------------------------- */

/*
body.c_c_r #tarteaucitronRoot { display: none !important; }
*/

#tarteaucitronRoot * {
	user-select: auto;
}
#tarteaucitronRoot {
	opacity: 0;
	transition: opacity .5s linear;
	z-index: 999999;
}
#tarteaucitronRoot.display {
	opacity: 1;
}
#tarteaucitronRoot * {
	font-family: 'Roboto Condensed', sans-serif !important;
}
#tarteaucitronRoot .dsdvo-cookie-notice.style2 #dsgvomiddlewrap #tarteaucitronAlertBig {
    background-color: rgba(0,0,0,0.6) !important;
}

#tarteaucitronRoot .dsdvo-cookie-notice.style2 #tarteaucitronAlertBig #tarinner {
	background-color: var(--corporate) !important;
	border: var(--mint) 1px dashed;
	max-width: 400px;
}
#tarteaucitronRoot .dsdvo-cookie-notice.style2 #tarteaucitronDisclaimerAlert p, 
#tarteaucitronRoot .dsdvo-cookie-notice.style2 #tarteaucitronDisclaimerAlert a {
	color: var(--white);
	font-family: 'Roboto Slab', serif !important;
	font-size: 14px !important;
}

#tarteaucitronRoot .dsdvo-cookie-notice.style2 #tarteaucitronAlertBig .dsgvonoticebtns {
	width: calc(100% - 20px);
	text-align: center;
	position: relative;
}

#tarteaucitronRoot .dsdvo-cookie-notice.style2 #tarteaucitronAlertBig #tarteaucitronAccept,
#tarteaucitronRoot .dsdvo-cookie-notice.style2 #tarteaucitronAlertBig #tarteaucitronPersonalize, 
#tarteaucitronRoot .dsdvo-cookie-notice.style2 #tarteaucitronAlertBig #tarteaucitronCloseAlert { 
    font-family: 'Roboto Condensed', sans-serif !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px !important;
    display: block;
    padding: 5px 10px !important;
    line-height: 1.3em;
	margin: 5px auto !important;
	width: calc(100% - 20px);
    color: var(--corporate) !important;
	border-radius: 20px;
}
#tarteaucitronRoot .dsdvo-cookie-notice.style2 #tarteaucitronAlertBig #tarteaucitronAccept {
	background: var(--yellow) !important;
}
#tarteaucitronRoot .dsdvo-cookie-notice.style2 #tarteaucitronAlertBig #tarteaucitronPersonalize {
	background: var(--yellow) !important;
}
#tarteaucitronRoot .dsdvo-cookie-notice.style2 #tarteaucitronAlertBig #tarteaucitronCloseAlert {
	background: var(--mint) !important;
}
#tarteaucitronRoot .dashicons {
	font-size: 24px !important;
    width: 20px;
    height: 20px;
    color: var(--yellow);
    position: relative;
    left: -5px;
    top: -5px;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
	background: var(--midcorporate) !important;
	background: rgba(0,0,0,0) !important;
	font-size: 16px !important;
    font-weight: 400 !important;
    padding: 5px !important;
    line-height: 1em !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices {
    font-family: 'Roboto Condensed', sans-serif !important;
	border: var(--mint) 1px dashed;
	background: var(--corporate) !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background: var(--corporate) !important;
	border-color: var(--corporate) !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow {
	background: var(--yellow) !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px !important;
    display: inline-block;
    padding: 5px 10px !important;
    line-height: 1.3em;
    color: var(--corporate) !important;
    border-radius: 20px !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
	background: var(--mint) !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px !important;
    display: inline-block;
    padding: 5px 10px !important;
    line-height: 1.3em;
    color: var(--corporate) !important;
    border-radius: 20px !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
	color: var(--corporate) !important;
	text-transform: uppercase;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
	background: var(--midcorporate) !important;
	font-size: 16px !important;
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
#tarteaucitronRoot #tarteaucitron a { 
	font-size: 16px !important;	
	font-weight: 400 !important;
	color: var(--corporate) !important;
	text-transform: none !important;
}


#tarteaucitronRoot #tarteaucitronAlertSmall {
	background: rgba(0,0,0,0) !important;
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager {
	background: rgba(0,0,0,0) !important;
	color: rgba(0,0,0,0) !important;
	width: 60px;
	height: 40px;
	padding: 0;
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager:hover {
	background: rgba(0,0,0,0) !important;
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager span {
	display: none !important;
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
	display: none !important; 
}

#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager::before {
	display: block;
	content: '';
	width: 40px;
	height: 20px;
	border: #cccccc 2px solid;
	border-radius: 10px;
	background: var(--midcorporate);
	position: absolute;
	left: 10px;
	top: 10px;
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager::after {
	display: block;
	content: 'Privacy settings';
	width: 20px;
	height: 20px;
	border: #cccccc 2px solid;
	border-radius: 10px;
	background: #444444;
	position: absolute;
	left: 10px;
	top: 10px;
    color: rgba(0,0,0,0);
    white-space: nowrap;
    text-indent: 43px;
    line-height: 1.5em;
	text-transform: uppercase;
	transition: all .2s ease-in-out;
}
#tarteaucitronRoot #tarteaucitronAlertSmall:hover #tarteaucitronManager::before {
	background: #009900;
}
#tarteaucitronRoot #tarteaucitronAlertSmall:hover #tarteaucitronManager::after {
	left: 30px;
    text-indent: 23px;
    color: #ffffff;
}







/* dies und das ---------------------------------------------------------------------------------- */


.tablink {
	display: inline-block;
	width: auto !important;
}
.tablink p {
	margin: 0 !important;
	padding: 0;
}
.tablink a {
	text-transform: uppercase;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	padding: 5px 15px;
	display: block;
	border: #ffffff 2px solid;
}
.tablink.witharrow a {
	padding: 5px 10px 5px 15px;
}
.tablink.witharrow a::after {
	content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(https://inquartier.de/wp-content/uploads/Arrow_right_yellow.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0 -1px;
    margin-left: 10px;
    vertical-align: middle;
}
.tablink.yellow a { color: var(--yellow); border-color: var(--yellow); }
.tablink.yellow a:hover { background: var(--yellow); }

.tablink.yellow.oncorporate a:hover { color: var(--corporate) !important; }
.tablink.yellow.oncorporate a:hover::after { filter: saturate(0) brightness(0.25) sepia(1) saturate(3) hue-rotate(130deg); }

.tablink.yellow.onwhite a:hover { color: var(--white) !important; }
.tablink.yellow.onwhite a:hover::after { filter: saturate(0) brightness(1); }

.tablink.yellow.onmint a:hover { color: var(--mint) !important; }
.tablink.yellow.onmint a:hover::after { filter: saturate(0) brightness(0.25) sepia(1) saturate(3) hue-rotate(130deg); }

.tablink.mint a { color: var(--mint); border-color: var(--mint); }
.tablink.mint a:hover { color: var(--white); background: var(--mint); }

.tablink.mint.onwhite a:hover { color: var(--white) !important; }
.tablink.mint.onwhite a:hover::after {  }

.anchorfake {
  	position: relative; 
  	top: -100px;
  	height: 0;
}

body.elementor-editor-active .anchorfake { top: 0; height: 50px; background: rgba(255,100,0,0.5); }

body.elementor-editor-active .elementor-widget-spacer {
    background: rgba(0,255,196,0.4);
}
body.elementor-editor-active .desktop.elementor-widget-spacer {
    background: rgba(0,100,196,0.4);
}
body.elementor-editor-active .mobile.elementor-widget-spacer {
    background: rgba(140,100,196,0.4);
}

.desktop {
  
}
.mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .desktop { display: none; }
  .mobile { display: block; }
  .elementor-inner-column { width: 100% !important; }
}
body.elementor-editor-active .desktop, body.elementor-editor-active .mobile {
  display: block;
} 


.narrow {
  max-width: 1000px;
  margin: 0 auto;
}
.narrowleft {
  max-width: 700px;
  margin: 0;
}
.narrowright {
  max-width: 700px;
  margin: 0;
}
.boxed {
  max-width: 1400px;
  margin: 0 auto;
}
.paddingleft {
	padding-left: 50px;
}
.paddingright {
	padding-right: 50px;
}

.slim {
  max-width: 700px;
  margin: 0 auto;
}
.slimleft {
  max-width: 400px;
  margin: 0;
}
.slimright {
  max-width: 400px;
  margin: 0;
}
.slim.half {
  margin: 0;
}
.veryslim {
  max-width: 500px;
}
.anorexic {
  max-width: 300px;
  margin: 0 auto;
}

.uppercase {
	text-transform: uppercase;
}



.round img {
  border-radius: 100%;
}
.grecaptcha-badge {
  visibility: hidden;
}



.fixedbg {
  background-attachment: fixed;
}
.fixedbg > .elementor-widget-wrap {
  background-attachment: fixed;
}
body.mobiledevice .fixedbg {
  background-attachment: scroll;
}










.white, .white p, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white a, .white ul li, .white td, .white th {
  color: #ffffff !important;
}
.white p {
  font-weight: 300;
}
.offwhite, .offwhite p, .offwhite h1, .offwhite h2, .offwhite h3, .offwhite h4, .offwhite h5, .offwhite h6, .offwhite a, .offwhite ul li {
  color: #aaaaaa !important;
}
.corporate, .corporate p, .corporate h1, .corporate h2, .corporate h3, .corporate h4, .corporate h5, .corporate h6, .corporate a, .corporate ul li {
  color: var(--corporate) !important;
}
.yellow, .yellow p, .yellow h1, .yellow h2, .yellow h3, .yellow h4, .yellow h5, .yellow h6, .yellow a, .yellow ul li {
  color: var(--yellow) !important;
}
.mint, .mint p, .mint h1, .mint h2, .mint h3, .mint h4, .mint h5, .mint h6, .mint a, .mint ul li {
  color: var(--green) !important;
}
.mint .elementor-divider span { 
	border-top-color: var(--mint) !important;
}

.bggreen {
  background-color: var(--green);
}
.bgyellow {
  background-color: var(--yellow);
}
.bgwhite {
  background-color: #ffffff;
}





body:not(.elementor-editor-active) .invisible {
   	visibility: hidden;   
}

body:not(.elementor-editor-active) .hidden {
   	display: none;   
}