body.android .visibleRow, body.unix.chrome.blink.ch87 .visibleRow {overflow: hidden !important}
#usercentrics-root {overflow: hidden}
/*CONTAO TOOLBAR*/
.cto-toolbar {z-index: 999999999999999999999999999999999;position: fixed;top: 0;width: 100%;}


/*--------------------------------------------*/
/*------- DEVELOPMENT --> REMOVE LATER !!!!!!!!!!!!!!!!!!! -------------*/
/*--------------------------------------------*/

.scrollNavDesc, .teaserPic img
{
    -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}

/*HINWEIS BOX*/
.hintBox {border: 2px solid var(--red);padding: 15px;width: 80%;margin: auto;font-weight: bold;text-align: center;margin-top: 3%; margin-bottom: 3%}
.hintBoxGrey {background-color: #f5f5f5;border: 1px solid #d7dce1; padding: 50px; margin: 6% 0}
.hintBoxGrey h3 {color: var(--red); text-align: center}

/*--------------------------------------------*/
/*------- GENERAL --> COLORS -------------*/
/*--------------------------------------------*/

#footer a {color: #fff}

/*DARKGRAY*/
#footer {background-color: #3c414b; color: #fff }

/*LIGHTGRAY*/
.lightgray {background-color: #f5f5f5}
.lightgray a, .lightgray a:hover {color: var(--default-textColor) !important}
.gray {background-color: #e2e5e7}

/*WHITEBACK*/
.whiteBack {background-color: #fff !important; border: 1px solid #ddd}


/*--------------------------------------------*/
/*------- HOME --> STÖRER -------------*/
/*--------------------------------------------*/
.stoerer_collapsible.kontakt, .stoerer_collapsible.newsletter {background-color: var(--red)}
.stoerer_collapsible.kontakt:hover, .stoerer_collapsible.newsletter:hover {background-color: var(--red-hover)!important}
.stoerer_collapsible.kontakt a, .stoerer_collapsible.newsletter a {color: var(--white) !important}
.stoerer_collapsible.newsletter {bottom: calc(12% + 100px) !important}

/*--------------------------------------------*/
/*------- GENERAL --> HEADER -------------*/
/*--------------------------------------------*/
#scrollNav {position: fixed; left: 0; top: 45%; z-index: 2; padding-left: 10px}
#scrollNav li {position: absolute; list-style-type: none;width: auto;padding-top: 5px; height: 42px;z-index: 999999999; left: 0; padding-left: 5px}
#scrollNav li a {text-decoration: none}
#scrollNav #nav1 {top: 0}
#scrollNav #nav2 {top: 50px}
#scrollNav #nav3 {top: 100px}
#scrollNav #nav4 {top: 150px}
#scrollNav #nav5 {top: 200px}
#scrollNav #nav6 {top: 250px}
#scrollNav .scrollNavDot {width: 30px; height: 30px; border-radius: 50%; text-align: center; border: 3px solid; display: block; padding: 0; background-color: rgba(255,255,255,0.4); cursor: pointer;display: flex;
justify-content: center;align-items: center;}
#scrollNav .scrollNavDot i {padding: 0}

#scrollNav .scrollNavDesc {cursor: pointer;z-index: -1;position: absolute;top: 0; height: 42px;left: -350px; opacity: 1;background-color: var(--red);color: #fff;padding: 10px;width: 350px; font-family: var(--font-bold)}
#scrollNav .scrollNavDesc.active {left: -10px; opacity: 1;margin-left: 60px;}     
#scrollNav .scrollNavDesc:before {content: "";width: 20px; height: 20px; position: absolute; top: 10px; left: -7px; transform: rotate(45deg);background-color: #ee1c25;z-index: -1}
#scrollNav li.activated {width: 400px}
#scrollNav li.active a {color: #ee1c25}

/*--------------------------------------------*/
/*------- GENERAL --> NEWSLETTER FAHNE -------------*/
/*--------------------------------------------*/
#infoMailButton {width: 296px; height: 63px; position: fixed; overflow: hidden; bottom: 80%; right: 2%;padding: 19px 20px 20px 60px;border-radius: 50px; background-color: var(--red); z-index: 9999999;box-shadow: 0 0.1rem 2rem 0 rgba(34, 36, 43, 0.2);-webkit-transition: all .3s ease;transition: all .3s ease;}
#infoMailButton a {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
#infoMailIcon {position: absolute;left: 15px;top: 16px; color: #ec0016; width: 32px}
#infoMailText {font-family: var(--font-bold); font-size: 17px; color: #fff;position: absolute;width: 221px;left: 60px;top: 31px;line-height: 0}
/*body.firefox #infoMailText {top: 18px}*/


#infoMailButton.sticky {width: 63px; padding-left: 0; padding-right: 0}
#infoMailButton.sticky #infoMailText {display: none; width: 0} 

#infoMailButton.sticky:hover {width: 278px;}
#infoMailButton.sticky:hover #infoMailText {display: block; width: 200px} 

/* KACHELSYSTEM */
.tileRowFrame {overflow: visible}
.tileRow {display: flex; align-items: center}
.tileRow > div { width: 50%;transition: all .75s ease-in-out;}
.tileRow > div.ce_text:first-child {padding: 0 50px 0 0}
.tileRow > div.ce_text:last-child {padding: 0 0 0 50px}
.tileRow .backpic {box-shadow: -2px 2px 15px rgba(0,0,0,0.4)}
.tileRow > div:first-child {transform: translateX(-10rem);}
.tileRow > div:last-child, .tileRow > .ytelement {transform: translateX(10rem);}
.tileRow > div.ce_text {opacity: 0.6}
.tileRow.active > div {transform: translateZ(0); opacity:1} 



/*--------------------------------------------*/
/*------- GENERAL --> FOOTER --> ICON MENU -------------*/
/*--------------------------------------------*/
#footerIcons {text-align: center}
#footerIcons p {font-family: var(--font-bold); margin-bottom: 10px}
#footerIcons img {margin: 0 auto; width: 95px;}




/*--------------------------------------------*/
/*------- GENERAL --> FOOTER -------------*/
/*--------------------------------------------*/
#footer {min-height: 200px; padding: 3% 0}
#footer li {line-height: 40px}
#fooBar {position: relative}
#euLogo {background-color: #fff; padding: 15px; width: 350px; position: absolute; bottom: 0; right: 0}

/*--------------------------------------------*/
/*------- GENERAL --> KONTAKTFRAME -------------*/
/*--------------------------------------------*/
.kontaktFaqFrame {padding: 0 0 6% 0}




/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*--------------------------- HOME ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

#starkeSchiene {position: absolute;right: 0;top: 355px;}
#starkeSchiene img {max-width: 150px;}
#starkeSchiene a:after {display: none}

@media(max-width: 850px)
{
	#starkeSchiene {top: 235px}
	#starkeSchiene img {transform: scale(0.75);transform-origin: 100% 50%;}
}

.elementBox {position: relative;  overflow: visible; margin-top: 3%}
.elementBoxLeft {position: absolute; top: 0; left: 0; width: 55%; padding-bottom: 20px}
.elementBoxRight {position: absolute; bottom: 3%; right: 0; width: 55%}
.elementBoxFull {position: absolute; top: 0%; right: 0; width: 100%}

#sec4 > div:nth-child(15) > div:nth-child(4) {min-height: 500px}

.headlineTop {bottom: initial; top: 3%; width: 40%}

/*.elementBoxInner {opacity: 0}*/

@media(max-width: 1383px)
{
	.elementBox {overflow: -webkit-paged-x !important; overflow: hidden;}
}

/*SECTION 1*/
#iconTeaser h2 {font-size: 24px}
#iconTeaser > div {position: relative;padding-top: 220px;text-align: center}
.teaserPic {cursor: pointer; text-align: center}
.teaserPic h3 {margin-bottom: 0px; font-size: 20px;min-height: 50px;}
.teaserPic p {margin-top: 0; text-align: center !important}
.teaserPic figure {position: absolute !important;top: 0;left: calc(50% - 100px);border: 1px solid #d7dce1;width: 200px; height: 200px; border-radius: 50%; margin: 0 auto !important; margin-bottom: 3% !important; display: block; margin-bottom: 6%; overflow: hidden}
.teaserPic img {width: 100%; height: 100%}
.teaserPic:hover {color: var(--red)}


/*--------------------------------------------*/
/*------- HOME --> TABLE STYLE -------------*/
/*--------------------------------------------*/ 
.tableULList{margin: 3% 0}
.tableULList ul.row_0 li {font-weight: bold; background-color: #eee}
.tableULList li {float: left;width: 25%;padding: 10px;border: 1px solid #ddd;list-style-type: none;height: 60px;hyphens: auto}
.tableULList ul:nth-child(2n+3) li {background-color: #efefef}
      
/*--------------------------------------------*/
/*------- HOME --> FINANZIERUNG -------------*/
/*--------------------------------------------*/
a.scrollLink {cursor: pointer}
#finanzSec.active h3 {color: #ef1c25}
        
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*--------------------------- PAGES ---------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/



/***************************************************/
/******BREAKS*******/
/***************************************************/
	

@media (max-width: 768px)
{
	h2 {font-size: 1.4em}
	h3 {font-size: 1.2em}
	
	h2:after, .backpic .layer .innerInside h1:after {width: 42px; height: 4px; left: 0; bottom: -10px}
	#main h2:after {top: initial; bottom: -10px; left: 0}
	
	#header {height: auto}
	#logo {float: none;}
	#headTitle {margin: 10px 0; float: none; clear: both}
	#headTitle h3 {font-size: 15px}
	#navTrigger {position: absolute; top: 7px; right: 10px; margin: 0; font-size: 1.6em}

	#scrollNav {transform: scale(0.5);top: 45%}
	#scrollNav li:hover, #scrollNav li.active {width: 20px}	

	#infoMailButton {top: initial;bottom: 2%; right: 2%}

	
	.hintBoxGrey p {text-align: left !important}
	.hintBox {width: 100%}
	
	.tileRow {display: block}
	.tileRow > div {width: 100%}
	.tileRow > div.ce_text:last-child, .tileRow > div.ce_text:first-child {padding: 25px 0}
	
	.visibleRow.inside.space {overflow: hidden !important}
}